vue-devui 1.6.9 → 1.6.11

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

@@ -64,7 +64,6 @@ export declare const checkboxProps: {
     };
     readonly size: {
         readonly type: PropType<Size>;
-        readonly default: "md";
     };
     readonly showGlowStyle: {
         readonly type: BooleanConstructor;
@@ -144,7 +143,6 @@ export declare const checkboxGroupProps: {
     };
     readonly size: {
         readonly type: PropType<Size>;
-        readonly default: "md";
     };
     readonly showGlowStyle: {
         readonly type: BooleanConstructor;

package/types/date-picker-pro/src/date-picker-pro-types.d.ts

@@ -2,6 +2,7 @@ import type { ComputedRef, ExtractPropTypes, PropType, Ref } from 'vue';
 import type { Dayjs } from 'dayjs';
 import { ArrType } from '../../time-picker/src/types';
 import type { InputSize } from '../../input/src/input-types';
+export declare type Placement = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
 export declare const datePickerProCommonProps: {
     format: {
         type: StringConstructor;
@@ -33,6 +34,10 @@ export declare const datePickerProCommonProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    position: {
+        type: PropType<Placement[]>;
+        default: () => string[];
+    };
 };
 export declare const datePickerProProps: {
     readonly format: {
@@ -65,6 +70,10 @@ export declare const datePickerProProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly position: {
+        type: PropType<Placement[]>;
+        default: () => string[];
+    };
     readonly modelValue: {
         readonly type: PropType<string | Date>;
         readonly default: "";
@@ -162,6 +171,10 @@ export declare const datePickerProPanelProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly position: {
+        type: PropType<Placement[]>;
+        default: () => string[];
+    };
     readonly visible: {
         readonly type: BooleanConstructor;
         readonly default: false;

package/types/date-picker-pro/src/range-date-picker-types.d.ts

@@ -31,6 +31,10 @@ export declare const rangeDatePickerProProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly position: {
+        type: PropType<import("./date-picker-pro-types").Placement[]>;
+        default: () => string[];
+    };
     readonly modelValue: {
         readonly type: PropType<(string | Date)[]>;
         readonly default: readonly ["", ""];

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/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;
@@ -12580,8 +12564,7 @@ const commonProps$2 = {
     default: void 0
   },
   size: {
-    type: String,
-    default: "md"
+    type: String
   },
   showGlowStyle: {
     type: Boolean,
@@ -12781,7 +12764,7 @@ function useCheckboxGroup(props, ctx2) {
     formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
     });
   }, { deep: true });
-  const checkboxGroupSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "");
+  const checkboxGroupSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "md");
   provide(checkboxGroupInjectionKey, {
     disabled: toRef(props, "disabled"),
     isShowTitle: toRef(props, "isShowTitle"),
@@ -17148,13 +17131,13 @@ var CategorySearch = defineComponent({
       onSearch
     } = useCategorySearch(props, ctx2);
     return () => {
-      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
       return createVNode("div", {
         "ref": rootRef,
         "class": containerClasses.value,
         "onMouseenter": () => isHover.value = true,
         "onMouseleave": () => isHover.value = false
-      }, [createVNode("div", {
+      }, [(_c = (_b = (_a2 = ctx2.slots).searchIcon) == null ? void 0 : _b.call(_a2)) != null ? _c : createVNode("div", {
         "class": "dp-category-search-icon",
         "onClick": onSearch
       }, [createVNode(SearchIcon, null, null)]), createVNode("div", {
@@ -17169,13 +17152,13 @@ var CategorySearch = defineComponent({
         "ref": inputRef
       }, null)])]), showExtendedConfig.value && createVNode("div", {
         "class": "dp-category-search-extended-container"
-      }, [((_a2 = operationConfig.clear) == null ? void 0 : _a2.show) && createVNode(Fragment, null, [(_e = (_c = (_b = ctx2.slots).clear) == null ? void 0 : _c.call(_b)) != null ? _e : createVNode(CategorySearchClear, {
-        "disabled": (_d = operationConfig.clear) == null ? void 0 : _d.disabled
-      }, null)]), ((_f = operationConfig.save) == null ? void 0 : _f.show) && createVNode(Fragment, null, [(_j = (_h = (_g = ctx2.slots).save) == null ? void 0 : _h.call(_g)) != null ? _j : createVNode(CategorySearchSave, {
-        "disabled": (_i = operationConfig.save) == null ? void 0 : _i.disabled
-      }, null)]), ((_k = operationConfig.more) == null ? void 0 : _k.show) && createVNode(Fragment, null, [(_o = (_m = (_l = ctx2.slots).more) == null ? void 0 : _m.call(_l)) != null ? _o : createVNode(CategorySearchMore, {
-        "disabled": (_n = operationConfig.more) == null ? void 0 : _n.disabled
-      }, null)]), (_q = (_p = ctx2.slots).operation) == null ? void 0 : _q.call(_p)])]);
+      }, [((_d = operationConfig.clear) == null ? void 0 : _d.show) && createVNode(Fragment, null, [(_h = (_f = (_e = ctx2.slots).clear) == null ? void 0 : _f.call(_e)) != null ? _h : createVNode(CategorySearchClear, {
+        "disabled": (_g = operationConfig.clear) == null ? void 0 : _g.disabled
+      }, null)]), ((_i = operationConfig.save) == null ? void 0 : _i.show) && createVNode(Fragment, null, [(_m = (_k = (_j = ctx2.slots).save) == null ? void 0 : _k.call(_j)) != null ? _m : createVNode(CategorySearchSave, {
+        "disabled": (_l = operationConfig.save) == null ? void 0 : _l.disabled
+      }, null)]), ((_n = operationConfig.more) == null ? void 0 : _n.show) && createVNode(Fragment, null, [(_r = (_p = (_o = ctx2.slots).more) == null ? void 0 : _p.call(_o)) != null ? _r : createVNode(CategorySearchMore, {
+        "disabled": (_q = operationConfig.more) == null ? void 0 : _q.disabled
+      }, null)]), (_t = (_s = ctx2.slots).operation) == null ? void 0 : _t.call(_s)])]);
     };
   }
 });
@@ -23085,7 +23068,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;
@@ -24255,6 +24238,10 @@ const datePickerProCommonProps = {
   showGlowStyle: {
     type: Boolean,
     default: true
+  },
+  position: {
+    type: Array,
+    default: () => ["bottom-start", "top-start"]
   }
 };
 const datePickerProProps = __spreadValues({
@@ -27332,7 +27319,8 @@ var DatePickerPro = defineComponent({
     const app = getCurrentInstance();
     const t = createI18nTranslate("DDatePickerPro", app);
     const {
-      showGlowStyle
+      showGlowStyle,
+      position
     } = toRefs(props);
     const ns2 = useNamespace$1("date-picker-pro");
     const {
@@ -27353,7 +27341,6 @@ var DatePickerPro = defineComponent({
       onSelectedDate,
       handlerClearTime
     } = usePickerPro(props, ctx2, t);
-    const position = ref(["bottom-start", "top-start"]);
     const currentPosition = ref("bottom");
     const handlePositionChange = (pos) => {
       currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
@@ -27362,6 +27349,15 @@ var DatePickerPro = defineComponent({
       transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
       "z-index": "var(--devui-z-index-dropdown, 1052)"
     }));
+    const align = computed(() => {
+      if (position.value.some((item) => item.includes("start"))) {
+        return "start";
+      }
+      if (position.value.some((item) => item.includes("end"))) {
+        return "end";
+      }
+      return void 0;
+    });
     return () => {
       var _a2, _b;
       const vSlots = {
@@ -27403,7 +27399,7 @@ var DatePickerPro = defineComponent({
             "onUpdate:modelValue": ($event) => isPanelShow.value = $event,
             "ref": overlayRef,
             "origin": originRef.value,
-            "align": "start",
+            "align": align.value,
             "position": position.value,
             "style": styles.value,
             "onPositionChange": handlePositionChange
@@ -27569,7 +27565,8 @@ var DRangeDatePickerPro = defineComponent({
     const app = getCurrentInstance();
     const t = createI18nTranslate("DDatePickerPro", app);
     const {
-      showGlowStyle
+      showGlowStyle,
+      position
     } = toRefs(props);
     const ns2 = useNamespace$1("range-date-picker-pro");
     const {
@@ -27594,7 +27591,6 @@ var DRangeDatePickerPro = defineComponent({
       handlerClearTime,
       onChangeRangeFocusType
     } = useRangePickerPro(props, ctx2);
-    const position = ref(["bottom-start", "top-start"]);
     const currentPosition = ref("bottom");
     const handlePositionChange = (pos) => {
       currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
@@ -27603,6 +27599,15 @@ var DRangeDatePickerPro = defineComponent({
       transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
       "z-index": "var(--devui-z-index-dropdown, 1052)"
     }));
+    const align = computed(() => {
+      if (position.value.some((item) => item.includes("start"))) {
+        return "start";
+      }
+      if (position.value.some((item) => item.includes("end"))) {
+        return "end";
+      }
+      return void 0;
+    });
     return () => {
       var _a2, _b;
       const vSlots = {
@@ -27664,7 +27669,7 @@ var DRangeDatePickerPro = defineComponent({
             "onUpdate:modelValue": ($event) => isPanelShow.value = $event,
             "ref": overlayRef,
             "origin": originRef.value,
-            "align": "start",
+            "align": align.value,
             "position": position.value,
             "style": styles.value,
             "onPositionChange": handlePositionChange
@@ -36242,7 +36247,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);
@@ -40707,9 +40711,13 @@ var SubMenu = defineComponent({
         "class": `${ns$6.b()}-icon`
       }, [(_b = (_a2 = ctx2.slots) == null ? void 0 : _a2.icon) == null ? void 0 : _b.call(_a2)]), withDirectives(createVNode("span", {
         "class": `${subMenuClass}-title-content`
-      }, [props.title]), [[vShow, !isCollapsed.value]]), withDirectives(createVNode("i", {
+      }, [props.title]), [[vShow, !isCollapsed.value]]), withDirectives(createVNode(SelectArrowIcon, {
+        "class": [ns$6.e("arrow-icon"), {
+          "is-opened": isOpen.value
+        }]
+      }, null), [[vShow, !isCollapsed.value && key !== "overflowContainer" && class_layer.value !== `layer_${subMenuClass}`]]), withDirectives(createVNode("i", {
         "class": {
-          "icon icon-chevron-up": class_layer.value !== `layer_${subMenuClass}`,
+          "icon icon-chevron-up": false,
           "icon icon-chevron-right": class_layer.value === `layer_${subMenuClass}`,
           "is-opened": isOpen.value
         }
@@ -41462,27 +41470,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({
@@ -45473,6 +45487,10 @@ const searchProps = {
   "onUpdate:modelValue": {
     type: Function,
     default: void 0
+  },
+  showGlowStyle: {
+    type: Boolean,
+    default: true
   }
 };
 const useSearchClass = (props, isFocus) => {
@@ -45488,6 +45506,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]
   }));
@@ -45586,6 +45605,7 @@ var DSearch = defineComponent({
         maxlength: props.maxLength,
         modelValue: keywords.value,
         placeholder: props.placeholder || t("placeholder"),
+        showGlowStyle: false,
         onKeydown: onInputKeydown,
         "onUpdate:modelValue": onInputUpdate,
         onFocus,
@@ -54337,7 +54357,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.6.9",
+  version: "1.6.11",
   install(app) {
     installs.forEach((p) => app.use(p));
   }