@wfrog/vc-ui 1.9.10 → 1.9.12

package/dist/es/components/choice/choice.d.ts

@@ -5,3 +5,6 @@ export interface IChoiceProps {
     options: RadioGroupProps['options'] | CheckboxGroupProps['options'] | string[];
     disabled?: boolean;
 }
+export interface IChoiceEmits {
+    (e: 'change', value: any): void;
+}

package/dist/es/components/choice/choice.mjs

@@ -3,7 +3,7 @@ import '../../chunk/Gk1J52Yw.mjs';
 import { E as ElCheckboxGroup } from '../../chunk/DBf73TLo.mjs';
 import { E as ElRadioGroup } from '../../chunk/Do7HIVy5.mjs';
 import { defineComponent, computed, createBlock, openBlock, mergeProps, unref } from 'vue';
-import { useFormDisabled } from 'element-plus';
+import { useFormDisabled, useFormItem } from 'element-plus';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -14,9 +14,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     options: {},
     disabled: { type: Boolean, default: void 0 }
   },
-  setup(__props) {
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const formDisabled = useFormDisabled();
+    const { formItem } = useFormItem();
     const myType = props.type;
     const myOptions = computed(() => {
       if (Array.isArray(props.options) && typeof props.options[0] === "string") {
@@ -24,18 +27,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return props.options;
     });
+    function handleChange(value) {
+      formItem?.validate?.("change").catch(() => {
+      });
+      emits("change", value);
+    }
     return (_ctx, _cache) => {
       const _component_ElRadioGroup = ElRadioGroup;
       const _component_ElCheckboxGroup = ElCheckboxGroup;
       return !props.multiple ? (openBlock(), createBlock(_component_ElRadioGroup, mergeProps({ key: 0 }, _ctx.$attrs, {
         type: unref(myType),
         options: unref(myOptions),
-        disabled: unref(formDisabled)
+        disabled: unref(formDisabled),
+        onChange: handleChange
       }), null, 16, ["type", "options", "disabled"])) : (openBlock(), createBlock(_component_ElCheckboxGroup, mergeProps({ key: 1 }, _ctx.$attrs, {
         class: _ctx.$style.checkbox,
         type: unref(myType),
         options: unref(myOptions),
-        disabled: unref(formDisabled)
+        disabled: unref(formDisabled),
+        onChange: handleChange
       }), null, 16, ["class", "type", "options", "disabled"]));
     };
   }

package/dist/es/components/choice/choice.vue.d.ts

@@ -1,5 +1,9 @@
 import { IChoiceProps } from './choice';
-declare const _default: import('vue').DefineComponent<IChoiceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IChoiceProps> & Readonly<{}>, {
+declare const _default: import('vue').DefineComponent<IChoiceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<IChoiceProps> & Readonly<{
+    onChange?: ((value: any) => any) | undefined;
+}>, {
     type: import('element-plus').RadioGroupProps["type"] | import('element-plus').CheckboxGroupProps["type"];
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/es/components/daterange-picker/daterange-picker.d.ts

@@ -5,3 +5,8 @@ export interface IDateRangePickerProps {
     includeToday?: boolean;
     disabled?: boolean;
 }
+export interface IDateRangePickerEmits {
+    (e: 'update:modelValue', value: string[]): void;
+    (e: 'change', value: string[]): void;
+    (e: 'blur', event: FocusEvent): void;
+}

package/dist/es/components/daterange-picker/daterange-picker.mjs

@@ -4,7 +4,7 @@ import { E as ElScrollbar } from '../../chunk/CqhShW5K.mjs';
 import { E as ElButton } from '../../chunk/Db0Pk78M.mjs';
 import { E as Ee, u as useTooltipContentProps, a as ElTooltip, c as castArray, e as extractFirst } from '../../chunk/BH1e_-Fa.mjs';
 import { ref, computed, defineComponent, reactive, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createElementVNode, mergeProps, useAttrs as useAttrs$1, inject, watch, nextTick, onBeforeUnmount, provide, createBlock, withCtx, withModifiers, createCommentVNode, resolveDynamicComponent, toDisplayString, onMounted, Fragment, renderList, createTextVNode, withDirectives, createVNode, Transition, withKeys, useSlots, toRef, vShow, getCurrentInstance, toRefs, isVNode, isRef } from 'vue';
-import { useFormDisabled as useFormDisabled$1 } from 'element-plus';
+import { useFormDisabled as useFormDisabled$1, useFormItem as useFormItem$1 } from 'element-plus';
 import { onClickOutside, unrefElement, useVModel } from '@vueuse/core';
 import { E as ElIcon } from '../../chunk/D0QTifnI.mjs';
 import { CircleClose, Clock, Calendar, ArrowUp, ArrowDown, DArrowLeft, ArrowLeft, ArrowRight, DArrowRight } from '@element-plus/icons-vue';
@@ -6259,12 +6259,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     includeToday: { type: Boolean, default: false },
     disabled: { type: Boolean, default: void 0 }
   },
-  emits: ["update:modelValue", "change"],
+  emits: ["update:modelValue", "change", "blur"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const myValue = useVModel(props, "modelValue", emits);
     const formDisabled = useFormDisabled$1();
+    const { formItem } = useFormItem$1();
     function disabledDate(time) {
       const now = Date.now();
       const pickerTime = time.getTime();
@@ -6282,8 +6283,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return pickerTime + todayTime > now + limitTime || pickerTime + todayTime < now;
     }
     function handleChange(val) {
+      formItem?.validate?.("change").catch(() => {
+      });
       emits("change", val);
     }
+    function handleBlur(evt) {
+      formItem?.validate?.("blur").catch(() => {
+      });
+      emits("blur", evt);
+    }
     return (_ctx, _cache) => {
       const _component_ElDatePicker = ElDatePicker;
       return openBlock(), createBlock(_component_ElDatePicker, mergeProps(_ctx.$attrs, {
@@ -6293,7 +6301,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         type: "daterange",
         "value-format": __props.valueFormat,
         disabled: unref(formDisabled),
-        onChange: handleChange
+        onChange: handleChange,
+        onBlur: handleBlur
       }), null, 16, ["modelValue", "value-format", "disabled"]);
     };
   }

package/dist/es/components/daterange-picker/daterange-picker.vue.d.ts

@@ -1,8 +1,10 @@
 import { IDateRangePickerProps } from './daterange-picker';
 declare const _default: import('vue').DefineComponent<IDateRangePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    blur: (event: FocusEvent) => any;
     change: (value: string[]) => any;
     "update:modelValue": (value: string[]) => any;
 }, string, import('vue').PublicProps, Readonly<IDateRangePickerProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
     onChange?: ((value: string[]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {

package/dist/es/components/explorer-column-table/explorer-column-table.d.ts

@@ -1,4 +1,5 @@
 export interface IColumnConfig {
+    id: string | number;
     prop: string;
     label: string;
     width?: number;
@@ -7,6 +8,7 @@ export interface IColumnConfig {
     fixed?: 'left' | 'right';
     align?: 'left' | 'center' | 'right';
     showOverflowTooltip?: boolean;
+    disabled?: boolean;
     widthType?: 'width' | 'minWidth';
     formFixed?: ('left' | 'right')[];
 }

package/dist/es/components/explorer-column-table/explorer-column-table.mjs

@@ -2778,9 +2778,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       sortable.value = new Sortable(el, {
         animation: 150,
-        handle: `.${$style.label}`,
+        handle: `.${$style.handle}`,
         // 可选：指定拖拽手柄
-        filter: ".el-input",
+        // filter: '.el-input', // 导致 input 无法聚焦
         onEnd: (evt) => {
           const { newIndex, oldIndex } = evt;
           if (newIndex !== void 0 && oldIndex !== void 0) {
@@ -2801,7 +2801,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "tableRef",
         ref: tableRef,
         data: unref(myData),
-        "row-key": "prop",
+        "row-key": "id",
         border: "",
         size: __props.size,
         height: __props.height,
@@ -2818,7 +2818,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(({ row }) => [
               createElementVNode("div", {
-                class: normalizeClass(unref($style).label)
+                class: normalizeClass([unref($style).label, unref($style).handle])
               }, [
                 createVNode(_component_ElCheckbox, {
                   modelValue: row.visible,
@@ -2850,15 +2850,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       modelValue: row.label,
                       "onUpdate:modelValue": ($event) => row.label = $event,
                       block: "",
-                      size: __props.size
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "size"])
+                      size: __props.size,
+                      disabled: row.disabled
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "disabled"])
                   ]),
                   _: 2
                 }, 1032, ["modelValue", "onUpdate:modelValue", "size"]),
                 createVNode(Component$2, {
+                  class: normalizeClass(unref($style).handle),
                   name: "carbon:draggable",
                   size: "30px"
-                })
+                }, null, 8, ["class"])
               ], 2)
             ]),
             _: 1
@@ -2874,8 +2876,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 modelValue: row.prop,
                 "onUpdate:modelValue": ($event) => row.prop = $event,
                 block: "",
-                size: __props.size
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "size"])
+                size: __props.size,
+                disabled: row.disabled
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "disabled"])
             ]),
             _: 1
           })) : createCommentVNode("", true),
@@ -2894,8 +2897,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": ($event) => row.widthType = $event,
                   options: widthOptions,
                   size: __props.size,
+                  disabled: row.disabled,
                   onChange: ($event) => handleWidthChange(row)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "onChange"]),
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "disabled", "onChange"]),
                 row.widthType === "width" ? (openBlock(), createBlock(Component$4, {
                   key: 0,
                   modelValue: row.width,
@@ -2903,16 +2907,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   min: 0,
                   size: __props.size,
                   controls: false,
-                  "input-width": "50px"
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "size"])) : (openBlock(), createBlock(Component$4, {
+                  "input-width": "50px",
+                  disabled: row.disabled
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "disabled"])) : (openBlock(), createBlock(Component$4, {
                   key: 1,
                   modelValue: row.minWidth,
                   "onUpdate:modelValue": ($event) => row.minWidth = $event,
                   min: 0,
                   size: __props.size,
                   controls: false,
-                  "input-width": "50px"
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "size"]))
+                  "input-width": "50px",
+                  disabled: row.disabled
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "disabled"]))
               ], 2)
             ]),
             _: 1
@@ -2931,8 +2937,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   modelValue: row.align,
                   "onUpdate:modelValue": ($event) => row.align = $event,
                   options: alignOptions,
-                  size: __props.size
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "size"])
+                  size: __props.size,
+                  disabled: row.disabled
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "disabled"])
               ], 2)
             ]),
             _: 1
@@ -2953,8 +2960,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   multiple: "",
                   options: fixedOptions,
                   size: __props.size,
+                  disabled: row.disabled,
                   onChange: ($event) => handleFixedChange(row)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "onChange"])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "disabled", "onChange"])
               ], 2)
             ]),
             _: 1
@@ -2974,8 +2982,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": ($event) => row.showOverflowTooltip = $event,
                   size: __props.size,
                   border: "",
-                  class: normalizeClass(unref($style).truncate)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "class"])
+                  class: normalizeClass(unref($style).truncate),
+                  disabled: row.disabled
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "class", "disabled"])
               ], 2)
             ]),
             _: 1
@@ -3000,13 +3009,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const table = "_table_8tod4_1";
-const label = "_label_8tod4_8";
-const truncate = "_truncate_8tod4_44";
+/* unplugin-vue-components disabled */const table = "_table_oyix4_1";
+const label = "_label_oyix4_8";
+const handle = "_handle_oyix4_29";
+const truncate = "_truncate_oyix4_45";
 const style0 = {
 	table: table,
 	label: label,
-	"item-container": "_item-container_8tod4_32",
+	handle: handle,
+	"item-container": "_item-container_oyix4_33",
 	truncate: truncate
 };
 

package/dist/es/components/explorer-column-table/index.css

@@ -1,34 +1,34 @@
 /* source: src/components/explorer-column-table/explorer-column-table.vue */
-.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{background-color:#ffffff;border:1px solid var(--el-border-color-lighter);border-radius:2px;box-shadow:var(--el-box-shadow-light);box-sizing:border-box}.el-table-filter__list{list-style:none;margin:0;min-width:100px;outline:none;padding:5px 0}.el-table-filter__list-item{cursor:pointer;font-size:var(--el-font-size-base);line-height:36px;outline:none;padding:0 10px}.el-table-filter__list-item:focus,.el-table-filter__list-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.el-table-filter__list-item.is-active{background-color:var(--el-color-primary);color:#ffffff}.el-table-filter__multiple{outline:none}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid var(--el-border-color-lighter);padding:8px}.el-table-filter__bottom button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:var(--el-border-radius-base);cursor:pointer;margin:0;outline:none;padding:0;transition:transform var(--el-transition-duration-fast) ease-in-out}.el-table-filter__bottom button:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-table-filter__bottom button{color:var(--el-text-color-regular);font-size:var(--el-font-size-small);padding:0 3px}.el-table-filter__bottom button:hover{color:var(--el-color-primary)}.el-table-filter__bottom button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{align-items:center;display:flex;height:unset;margin-bottom:12px;margin-left:5px;margin-right:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}div._table_8tod4_1 {
+.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{background-color:#ffffff;border:1px solid var(--el-border-color-lighter);border-radius:2px;box-shadow:var(--el-box-shadow-light);box-sizing:border-box}.el-table-filter__list{list-style:none;margin:0;min-width:100px;outline:none;padding:5px 0}.el-table-filter__list-item{cursor:pointer;font-size:var(--el-font-size-base);line-height:36px;outline:none;padding:0 10px}.el-table-filter__list-item:focus,.el-table-filter__list-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.el-table-filter__list-item.is-active{background-color:var(--el-color-primary);color:#ffffff}.el-table-filter__multiple{outline:none}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid var(--el-border-color-lighter);padding:8px}.el-table-filter__bottom button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:var(--el-border-radius-base);cursor:pointer;margin:0;outline:none;padding:0;transition:transform var(--el-transition-duration-fast) ease-in-out}.el-table-filter__bottom button:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-table-filter__bottom button{color:var(--el-text-color-regular);font-size:var(--el-font-size-small);padding:0 3px}.el-table-filter__bottom button:hover{color:var(--el-color-primary)}.el-table-filter__bottom button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{align-items:center;display:flex;height:unset;margin-bottom:12px;margin-left:5px;margin-right:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}div._table_oyix4_1 {
   flex-grow: 1;
   height: 100px;
   --el-table-header-bg-color: var(--el-color-info-light-9);
   --el-table-row-hover-bg-color: var(--el-color-primary-light-9);
 }
-._label_8tod4_8 {
+._label_oyix4_8 {
   display: inline-flex;
   width: 100%;
   align-items: center;
 }
-._label_8tod4_8 .el-checkbox {
+._label_oyix4_8 .el-checkbox {
   width: 100%;
   display: flex;
   align-items: center;
-  cursor: move;
 }
-._label_8tod4_8 .el-checkbox__label {
+._label_oyix4_8 .el-checkbox__label {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   flex-grow: 1;
-  cursor: pointer;
 }
-._label_8tod4_8 .iconify {
+._label_oyix4_8 .iconify {
   margin-left: 4px;
+}
+._handle_oyix4_29 {
   cursor: move;
 }
-._item-container_8tod4_32 {
+._item-container_oyix4_33 {
   display: inline-flex;
   align-items: center;
   column-gap: 4px;
@@ -36,15 +36,15 @@
   line-height: 0;
   vertical-align: middle;
 }
-._item-container_8tod4_32 > div {
+._item-container_oyix4_33 > div {
   vertical-align: middle;
 }
-._truncate_8tod4_44 {
+._truncate_oyix4_45 {
   padding: 0 9px !important;
 }
-._truncate_8tod4_44.el-checkbox--small {
+._truncate_oyix4_45.el-checkbox--small {
   padding: 0 7px !important;
 }
-._truncate_8tod4_44.el-checkbox--large {
+._truncate_oyix4_45.el-checkbox--large {
   padding: 0 11px !important;
 }

package/dist/es/components/explorer-form/explorer-form.mjs

@@ -36,11 +36,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isEditing.value = false;
     }
     async function handleSave() {
-      const valid = await formRef.value.validate();
-      if (!valid) {
-        return;
+      try {
+        const valid = await formRef.value.validate();
+        if (!valid) {
+          return false;
+        }
+        emits("save", props.form.fields);
+        return true;
+      } catch {
+        return false;
       }
-      emits("save", props.form.fields);
     }
     __expose({
       formRef,

package/dist/es/components/explorer-form/explorer-form.vue.d.ts

@@ -27,13 +27,13 @@ declare function __VLS_template(): {
             }> & Omit<{
                 readonly disabled: boolean;
                 readonly inline: boolean;
+                readonly labelWidth: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                 readonly labelPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "right" | "top" | "left", unknown>;
+                readonly inlineMessage: boolean;
+                readonly showMessage: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly requireAsteriskPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "right" | "left", unknown>;
-                readonly labelWidth: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                 readonly labelSuffix: string;
-                readonly inlineMessage: boolean;
                 readonly statusIcon: boolean;
-                readonly showMessage: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly validateOnRuleChange: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly hideRequiredAsterisk: boolean;
                 readonly scrollToError: boolean;
@@ -42,7 +42,7 @@ declare function __VLS_template(): {
                 readonly rules?: Partial<Record<string, import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>> | undefined;
                 readonly model?: Record<string, any> | undefined;
                 onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "inline" | "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "inline" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -174,7 +174,7 @@ declare function __VLS_template(): {
             readonly disabled: BooleanConstructor;
         }>> & {
             onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-        }, "disabled" | "inline" | "fields" | "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+        }, "disabled" | "inline" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "fields" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
             validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
             validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
             resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -213,13 +213,13 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps,
         }> & Omit<{
             readonly disabled: boolean;
             readonly inline: boolean;
+            readonly labelWidth: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
             readonly labelPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "right" | "top" | "left", unknown>;
+            readonly inlineMessage: boolean;
+            readonly showMessage: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly requireAsteriskPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "right" | "left", unknown>;
-            readonly labelWidth: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
             readonly labelSuffix: string;
-            readonly inlineMessage: boolean;
             readonly statusIcon: boolean;
-            readonly showMessage: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly validateOnRuleChange: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly hideRequiredAsterisk: boolean;
             readonly scrollToError: boolean;
@@ -228,7 +228,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps,
             readonly rules?: Partial<Record<string, import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>> | undefined;
             readonly model?: Record<string, any> | undefined;
             onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "inline" | "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "inline" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -360,7 +360,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps,
         readonly disabled: BooleanConstructor;
     }>> & {
         onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-    }, "disabled" | "inline" | "fields" | "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+    }, "disabled" | "inline" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "fields" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
         validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
         validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
         resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -387,8 +387,8 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps,
 }>, {
     icon: string;
     loading: boolean;
-    editable: boolean;
     labelPosition: import('element-plus').FormProps["labelPosition"];
+    editable: boolean;
     editing: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     formRef: ({
@@ -411,13 +411,13 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps,
         }> & Omit<{
             readonly disabled: boolean;
             readonly inline: boolean;
+            readonly labelWidth: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
             readonly labelPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "right" | "top" | "left", unknown>;
+            readonly inlineMessage: boolean;
+            readonly showMessage: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly requireAsteriskPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "right" | "left", unknown>;
-            readonly labelWidth: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
             readonly labelSuffix: string;
-            readonly inlineMessage: boolean;
             readonly statusIcon: boolean;
-            readonly showMessage: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly validateOnRuleChange: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly hideRequiredAsterisk: boolean;
             readonly scrollToError: boolean;
@@ -426,7 +426,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps,
             readonly rules?: Partial<Record<string, import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>> | undefined;
             readonly model?: Record<string, any> | undefined;
             onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "inline" | "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "inline" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -558,7 +558,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps,
         readonly disabled: BooleanConstructor;
     }>> & {
         onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-    }, "disabled" | "inline" | "fields" | "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+    }, "disabled" | "inline" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "fields" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
         validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
         validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
         resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;

package/dist/es/components/explorer-modal-form/explorer-modal-form.mjs

@@ -40,11 +40,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("cancel");
     }
     async function handleSave() {
-      const valid = await formRef.value.validate();
-      if (!valid) {
-        return;
+      try {
+        const valid = await formRef.value.validate();
+        if (!valid) {
+          return false;
+        }
+        emits("save", props.form.fields);
+        return true;
+      } catch {
+        return false;
       }
-      emits("save", props.form.fields);
     }
     function handleEdit() {
       isEditing.value = true;