@wfrog/vc-ui 1.9.11 → 1.9.12

package/dist/es/components/input-number/index.css

@@ -20,5 +20,5 @@ div._el-input-number_1piks_18 {
   line-height: 10px;
 }
 div._el-input-number_1piks_18 .el-input__inner {
-  width: var(--v233f0811);
+  width: var(--e4533d92);
 }

package/dist/es/components/input-number/input-number.mjs

@@ -3,7 +3,7 @@ import '../../chunk/Gk1J52Yw.mjs';
 import '../../chunk/DFOYvCRL.mjs';
 import { E as ElInputNumber } from '../../chunk/C-7W07Z_.mjs';
 import { defineComponent, useCssVars, useSlots, useCssModule, ref, useTemplateRef, computed, watch, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createBlock, renderSlot, mergeProps, isRef, createSlots, withCtx, nextTick } from 'vue';
-import { useFormDisabled } from 'element-plus';
+import { useFormDisabled, useFormItem } from 'element-plus';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
 const _hoisted_1 = {
@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "change", "blur"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v233f0811": _ctx.inputWidth
+      "e4533d92": _ctx.inputWidth
     }));
     const props = __props;
     const emits = __emit;
@@ -33,6 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const visible = ref(true);
     const inputNumberRef = useTemplateRef("inputNumberRef");
     const formDisabled = useFormDisabled();
+    const { formItem } = useFormItem();
     const mainClass = computed(() => {
       const className = {
         [$style["input-number"]]: true,
@@ -63,6 +64,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function handleChange(currentValue, oldValue) {
       myValue.value = currentValue === 0 ? currentValue : currentValue || oldValue || 0;
+      formItem?.validate?.("change").catch(() => {
+      });
       emits("change", myValue.value, oldValue || 0);
     }
     function rerender() {
@@ -74,6 +77,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (eleInput.value === "") {
         rerender();
       }
+      formItem?.validate?.("blur").catch(() => {
+      });
       emits("blur", e);
     }
     const watchHandler = watch(() => props.precision, (val) => val === 0 && rerender());

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

@@ -9,7 +9,7 @@ import '../../chunk/DBf73TLo.mjs';
 import '../../chunk/Do7HIVy5.mjs';
 import '../../chunk/CqhShW5K.mjs';
 import { defineComponent, inject, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, renderSlot, provide, useSlots, ref, watch, onMounted, createElementBlock, createCommentVNode, createElementVNode, unref, nextTick, onBeforeUnmount, createTextVNode, toDisplayString, shallowRef, toRefs, Fragment, createVNode, renderList, useTemplateRef, mergeProps, isRef, useCssModule } from 'vue';
-import { useFormDisabled } from 'element-plus';
+import { useFormDisabled, useFormItem } from 'element-plus';
 import { useInject, useProvide } from '../../use/useStore/index.mjs';
 import { i as injectConfig } from '../config-provider/config-provider2.mjs';
 import { isClient, useEventListener, useStorage, useVModel, useToggle, onClickOutside, useThrottleFn } from '@vueuse/core';
@@ -1272,12 +1272,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     limit: {},
     props: {}
   },
-  emits: ["update:modelValue", "change", "limit"],
+  emits: ["update:modelValue", "change", "blur", "limit"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const myValue = useVModel(props, "modelValue", emits);
     const formDisabled = useFormDisabled();
+    const { formItem } = useFormItem();
     const { pcaBaseUrl, crosProxy } = injectConfig();
     const [popoverVisible, togglePopoverVisible] = useToggle();
     const $style = useCssModule();
@@ -1326,6 +1327,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function handleChange(item) {
       const changeData = Array.isArray(item) ? item : item[0];
+      formItem?.validate?.("change").catch(() => {
+      });
       emits("change", changeData);
       if (!props.multiple) {
         togglePopoverVisible(false);
@@ -1334,8 +1337,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function clear() {
       togglePopoverVisible(false);
+      formItem?.validate?.("change").catch(() => {
+      });
       emits("change", void 0);
     }
+    function handleBlur(evt) {
+      formItem?.validate?.("blur").catch(() => {
+      });
+      emits("blur", evt);
+    }
     useProvide(KEY_NAME, {
       props,
       ...pcaFetchData,
@@ -1423,7 +1433,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: [unref(selectClassName), unref($style).cascader],
               "popper-class": unref($style)["popover-select"],
               "before-filter": () => false
-            }, _ctx.$attrs, { onClear: clear }), null, 16, ["modelValue", "placeholder", "disabled", "loading", "options", "props", "class", "popper-class"])
+            }, _ctx.$attrs, {
+              onBlur: handleBlur,
+              onClear: clear
+            }), null, 16, ["modelValue", "placeholder", "disabled", "loading", "options", "props", "class", "popper-class"])
           ], 34)
         ]),
         default: withCtx(() => [

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

@@ -2,10 +2,12 @@ import { IPCAData, IPCAPickerProps } from './pca-picker';
 declare const _default: import('vue').DefineComponent<IPCAPickerProps, {
     getValueData: (values: number | number[] | undefined) => IPCAData[];
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    blur: (event: FocusEvent) => any;
     change: (data?: IPCAData | IPCAData[] | undefined) => any;
     "update:modelValue": (value: number | number[]) => any;
     limit: (number: number, value: IPCAData) => any;
 }, string, import('vue').PublicProps, Readonly<IPCAPickerProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
     onChange?: ((data?: IPCAData | IPCAData[] | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | number[]) => any) | undefined;
     onLimit?: ((number: number, value: IPCAData) => any) | undefined;

package/dist/es/components/select/index.css

@@ -1,9 +1,9 @@
 /* source: src/components/select/select.vue */
 div._select_1fcv5_1 {
   width: unset;
-  min-width: var(--v44193d28);
+  min-width: var(--v393aeef3);
 }
 div._select_1fcv5_1._block_1fcv5_5 {
   display: block;
-  width: var(--v44193d28);
+  width: var(--v393aeef3);
 }

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

@@ -5,3 +5,7 @@ export interface ISelectProps {
     options: SelectProps['options'] | string[];
     disabled?: boolean;
 }
+export interface ISelectEmits {
+    (e: 'change', value: any): void;
+    (e: 'blur', event: FocusEvent): void;
+}

package/dist/es/components/select/select.mjs

@@ -5,7 +5,7 @@ import { E as ElSelect } from '../../chunk/BPQ3KP1S.mjs';
 import '../../chunk/CqhShW5K.mjs';
 import '../../chunk/BH1e_-Fa.mjs';
 import { defineComponent, useCssVars, unref, computed, useCssModule, createBlock, openBlock, mergeProps } 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({
@@ -16,12 +16,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     options: {},
     disabled: { type: Boolean, default: void 0 }
   },
-  setup(__props) {
+  emits: ["change", "blur"],
+  setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v44193d28": unref(myWidth)
+      "v393aeef3": unref(myWidth)
     }));
     const props = __props;
+    const emits = __emit;
     const formDisabled = useFormDisabled();
+    const { formItem } = useFormItem();
+    function handleChange(value) {
+      formItem?.validate?.("change").catch(() => {
+      });
+      emits("change", value);
+    }
+    function handleBlur(evt) {
+      formItem?.validate?.("blur").catch(() => {
+      });
+      emits("blur", evt);
+    }
     const myOptions = computed(() => {
       if (Array.isArray(props.options) && typeof props.options[0] === "string") {
         return props.options.map((item) => ({ label: item, value: item }));
@@ -41,7 +54,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_component_ElSelect, mergeProps({ "collapse-tags": "" }, _ctx.$attrs, {
         class: unref(className),
         options: unref(myOptions),
-        disabled: unref(formDisabled)
+        disabled: unref(formDisabled),
+        onChange: handleChange,
+        onBlur: handleBlur
       }), null, 16, ["class", "options", "disabled"]);
     };
   }

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

@@ -1,5 +1,11 @@
 import { ISelectProps } from './select';
-declare const _default: import('vue').DefineComponent<ISelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ISelectProps> & Readonly<{}>, {
+declare const _default: import('vue').DefineComponent<ISelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    blur: (event: FocusEvent) => any;
+    change: (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<ISelectProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: any) => any) | undefined;
+}>, {
     disabled: boolean;
     width: string;
     block: boolean;

package/dist/es/components/tags/tags.mjs

@@ -7,7 +7,7 @@ import { E as ElInput } from '../../chunk/DFOYvCRL.mjs';
 import { E as ElSpace } from '../../chunk/Dgu95mOy.mjs';
 /* empty css                    */
 import { defineComponent, ref, computed, watch, createBlock, unref, openBlock, withCtx, createElementBlock, Fragment, renderList, mergeProps, createTextVNode, toDisplayString, createVNode, createCommentVNode, normalizeClass, isRef, withDirectives, withKeys } from 'vue';
-import { useFormDisabled } from 'element-plus';
+import { useFormDisabled, useFormItem } from 'element-plus';
 import Draggable from 'vuedraggable-es-fix';
 import { v as vFocus } from '../../chunk/CL65DvCP.mjs';
 import { C as Component$1 } from '../button/button.mjs';
@@ -31,6 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const formDisabled = useFormDisabled();
+    const { formItem } = useFormItem();
     const errorVisible = ref(false);
     const createVisible = ref(false);
     const currentTag = ref("");
@@ -57,6 +58,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const data = [...props.modelValue];
       data.splice(data.indexOf(name), 1);
       tags.value = data;
+      formItem?.validate?.("change").catch(() => {
+      });
       emits("change", data);
     }
     const isSameContent = (name) => props.modelValue.includes(name) && bakTag.value !== name;
@@ -117,6 +120,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const data = [...props.modelValue, currentTag.value];
       createVisible.value = false;
       tags.value = data;
+      formItem?.validate?.("change").catch(() => {
+      });
       emits("change", data);
       setTimeout(() => showCreate(), 0);
     }

package/dist/es/components/thousand-input/thousand-input.d.ts

@@ -8,4 +8,10 @@ export interface IThousandInputProps {
     formatValue?: string;
     options?: IOptionType;
     padDecimal?: boolean;
+    disabled?: boolean;
+}
+export interface IThousandInputEmits {
+    (e: 'update:modelValue', value: string): void;
+    (e: 'update:formatValue', value: string): void;
+    (e: 'change', value: [string, string]): void;
 }

package/dist/es/components/thousand-input/thousand-input.mjs

@@ -11,7 +11,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: { default: "" },
     formatValue: { default: "" },
     options: { default: () => ({ decimalScale: 2, integerScale: 12 }) },
-    padDecimal: { type: Boolean, default: true }
+    padDecimal: { type: Boolean, default: true },
+    disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "update:formatValue", "change"],
   setup(__props, { emit: __emit }) {

package/dist/es/components/thousand-input/thousand-input.vue.d.ts

@@ -14,6 +14,8 @@ declare function __VLS_template(): {
                 readonly width?: string | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly clearable?: boolean | undefined;
+                readonly onBlur?: ((evnet: FocusEvent) => any) | undefined;
+                readonly onChange?: ((value: string, evnet?: Event | undefined) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -433,9 +435,12 @@ declare function __VLS_template(): {
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: ((event: "blur", evnet: FocusEvent) => void) & ((event: "change", value: string, evnet?: Event | undefined) => void);
             $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../input/input').IInputProps> & Readonly<{}>, {
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../input/input').IInputProps> & Readonly<{
+                onBlur?: ((evnet: FocusEvent) => any) | undefined;
+                onChange?: ((value: string, evnet?: Event | undefined) => any) | undefined;
+            }>, {
                 inputRef: Readonly<globalThis.ShallowRef<({
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
@@ -841,7 +846,10 @@ declare function __VLS_template(): {
                         append?: (props: {}) => any;
                     };
                 }) | null>>;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                blur: (evnet: FocusEvent) => any;
+                change: (value: string, evnet?: Event | undefined) => any;
+            }, string, {
                 disabled: boolean;
                 clearable: boolean;
                 block: boolean;
@@ -869,7 +877,10 @@ declare function __VLS_template(): {
             disabled: boolean;
             clearable: boolean;
             block: boolean;
-        }> & Omit<Readonly<import('../input/input').IInputProps> & Readonly<{}>, "inputRef" | ("disabled" | "clearable" | "block")> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<import('../input/input').IInputProps> & Readonly<{
+            onBlur?: ((evnet: FocusEvent) => any) | undefined;
+            onChange?: ((value: string, evnet?: Event | undefined) => any) | undefined;
+        }>, "inputRef" | ("disabled" | "clearable" | "block")> & import('vue').ShallowUnwrapRef<{
             inputRef: Readonly<globalThis.ShallowRef<({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
@@ -1309,6 +1320,8 @@ declare const __VLS_component: import('vue').DefineComponent<IThousandInputProps
             readonly width?: string | undefined;
             readonly disabled?: boolean | undefined;
             readonly clearable?: boolean | undefined;
+            readonly onBlur?: ((evnet: FocusEvent) => any) | undefined;
+            readonly onChange?: ((value: string, evnet?: Event | undefined) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -1728,9 +1741,12 @@ declare const __VLS_component: import('vue').DefineComponent<IThousandInputProps
         $root: ComponentPublicInstance | null;
         $parent: ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: ((event: "blur", evnet: FocusEvent) => void) & ((event: "change", value: string, evnet?: Event | undefined) => void);
         $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('../input/input').IInputProps> & Readonly<{}>, {
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../input/input').IInputProps> & Readonly<{
+            onBlur?: ((evnet: FocusEvent) => any) | undefined;
+            onChange?: ((value: string, evnet?: Event | undefined) => any) | undefined;
+        }>, {
             inputRef: Readonly<globalThis.ShallowRef<({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
@@ -2136,7 +2152,10 @@ declare const __VLS_component: import('vue').DefineComponent<IThousandInputProps
                     append?: (props: {}) => any;
                 };
             }) | null>>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            blur: (evnet: FocusEvent) => any;
+            change: (value: string, evnet?: Event | undefined) => any;
+        }, string, {
             disabled: boolean;
             clearable: boolean;
             block: boolean;
@@ -2164,7 +2183,10 @@ declare const __VLS_component: import('vue').DefineComponent<IThousandInputProps
         disabled: boolean;
         clearable: boolean;
         block: boolean;
-    }> & Omit<Readonly<import('../input/input').IInputProps> & Readonly<{}>, "inputRef" | ("disabled" | "clearable" | "block")> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<import('../input/input').IInputProps> & Readonly<{
+        onBlur?: ((evnet: FocusEvent) => any) | undefined;
+        onChange?: ((value: string, evnet?: Event | undefined) => any) | undefined;
+    }>, "inputRef" | ("disabled" | "clearable" | "block")> & import('vue').ShallowUnwrapRef<{
         inputRef: Readonly<globalThis.ShallowRef<({
             $: import('vue').ComponentInternalInstance;
             $data: {};

package/dist/es/components/tinymce/index.css

@@ -1,7 +1,7 @@
 /* source: src/components/tinymce/tinymce.vue */
 ._tinymce_aa7a3_1 {
   width: 100%;
-  height: var(--v6eb7f65f);
+  height: var(--ec3ab54e);
 }
 ._textarea_aa7a3_6 {
   z-index: -1;

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

@@ -9,3 +9,8 @@ export interface ITinymceProps {
     storageKey?: string;
     disabled?: boolean;
 }
+export interface ITinymceEmits {
+    (e: 'update:modelValue', value: string): void;
+    (e: 'change', value: string): void;
+    (e: 'blur', event: FocusEvent): void;
+}

package/dist/es/components/tinymce/tinymce.mjs

@@ -5,7 +5,7 @@ import { defineComponent, useCssVars, shallowRef, ref, computed, watch, onMounte
 import { useDark } from '@vueuse/core';
 import { i as index } from '../../chunk/BaJ7k5Lg.mjs';
 import '../../chunk/D9iEroQw.mjs';
-import { useFormDisabled } from 'element-plus';
+import { useFormDisabled, useFormItem } from 'element-plus';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
 const mini = {
@@ -51,14 +51,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     storageKey: { default: "vc-dark" },
     disabled: { type: Boolean, default: void 0 }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change", "blur"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v6eb7f65f": _ctx.height
+      "ec3ab54e": _ctx.height
     }));
     const props = __props;
     const emits = __emit;
     const formDisabled = useFormDisabled();
+    const { formItem } = useFormItem();
     const isDark = useDark({ storageKey: props.storageKey });
     const Tinymce = shallowRef();
     const loading = ref(false);
@@ -107,6 +108,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         branding: false,
         // 显示tinymce徽标
         readonly: formDisabled.value,
+        setup(editor) {
+          editor.on("change", () => {
+            formItem?.validate?.("change").catch(() => {
+            });
+            emits("change", editor.getContent());
+          });
+          editor.on("blur", (e) => {
+            formItem?.validate?.("blur").catch(() => {
+            });
+            emits("blur", e);
+          });
+        },
         init_instance_callback: (editor) => {
           if (props.modelValue) {
             editor.setContent(props.modelValue);

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

@@ -5,10 +5,14 @@ declare function getContent(): void;
 declare const _default: import('vue').DefineComponent<ITinymceProps, {
     setContent: typeof setContent;
     getContent: typeof getContent;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    blur: (event: FocusEvent) => any;
+    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<ITinymceProps> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
     id: string;

package/dist/es/components/tree-picker/index.css

@@ -12,11 +12,11 @@
 ._wrapper_q784j_13 {
   display: inline-block;
   width: unset;
-  min-width: var(--f8b9a976);
+  min-width: var(--v07aa23cc);
 }
 ._wrapper_q784j_13._block_q784j_18 {
   display: block;
-  width: var(--f8b9a976);
+  width: var(--v07aa23cc);
 }
 ._wrapper_q784j_13 .el-tag .el-icon {
   display: none;

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

@@ -1,4 +1,4 @@
-import { CascaderOption, CascaderProps } from 'element-plus/es/components/cascader-panel';
+import { CascaderNode, CascaderOption, CascaderProps, CascaderValue } from 'element-plus/es/components/cascader-panel';
 export interface ITreePickerProps {
     emptyText?: string;
     placeholder?: string;
@@ -12,3 +12,8 @@ export interface ITreePickerProps {
     filterable?: boolean;
     filterEmptyText?: string;
 }
+export interface ITreePickerEmits {
+    (e: 'update:modelValue', value: string | number | string[] | number[] | undefined): void;
+    (e: 'change', value: CascaderValue | null | undefined, node?: CascaderNode[]): void;
+    (e: 'blur', event: FocusEvent): void;
+}

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

@@ -10,7 +10,7 @@ import '../../chunk/DBf73TLo.mjs';
 import '../../chunk/Do7HIVy5.mjs';
 import '../../chunk/CqhShW5K.mjs';
 import { defineComponent, useCssVars, unref, computed, useCssModule, useTemplateRef, ref, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, createVNode, mergeProps, isRef, createTextVNode, toDisplayString, nextTick } from 'vue';
-import { useFormDisabled } from 'element-plus';
+import { useFormDisabled, useFormItem } from 'element-plus';
 import { useVModel, useToggle, useThrottleFn, onClickOutside } from '@vueuse/core';
 import { E as ElPopover } from '../../chunk/DdY32YAP.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
@@ -30,16 +30,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterable: { type: Boolean },
     filterEmptyText: { default: "没有匹配到数据" }
   },
-  emits: ["update:modelValue", "change"],
+  emits: ["update:modelValue", "change", "blur"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "f8b9a976": unref(myWidth)
+      "v07aa23cc": unref(myWidth)
     }));
     const props = __props;
     const emits = __emit;
     const myValue = useVModel(props, "modelValue", emits);
     const [popoverVisible, togglePopoverVisible] = useToggle();
     const formDisabled = useFormDisabled();
+    const { formItem } = useFormItem();
     const handleSelectClick = useThrottleFn(() => !formDisabled.value && togglePopoverVisible(), 300);
     const cascaderProps = computed(() => ({
       label: props.props.label || "label",
@@ -80,6 +81,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         nextTick(() => togglePopoverVisible(false));
       }, 0);
     }
+    function handleChange(val, node) {
+      formItem?.validate?.("change").catch(() => {
+      });
+      emits("change", val, node);
+    }
+    function handleBlur(event) {
+      formItem?.validate?.("blur").catch(() => {
+      });
+      setTimeout(() => {
+        keyword.value = "";
+      }, 300);
+      emits("blur", event);
+    }
     return (_ctx, _cache) => {
       const _component_ElCascader = ElCascader;
       const _component_ElPopover = ElPopover;
@@ -94,13 +108,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         reference: withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass(unref($style).wrapper),
-            onClickCapture: _cache[5] || (_cache[5] = //@ts-ignore
+            onClickCapture: _cache[3] || (_cache[3] = //@ts-ignore
             (...args) => unref(handleSelectClick) && unref(handleSelectClick)(...args)),
             onKeyup: handleKeyup
           }, [
             createVNode(_component_ElCascader, mergeProps({
               modelValue: unref(myValue),
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(myValue) ? myValue.value = $event : null),
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(myValue) ? myValue.value = $event : null),
               "collapse-tags": "",
               "collapse-tags-tooltip": "",
               clearable: "",
@@ -113,7 +127,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               disabled: unref(formDisabled)
             }, _ctx.$attrs, {
               onClear: clear,
-              onBlur: _cache[4] || (_cache[4] = ($event) => keyword.value = "")
+              onBlur: handleBlur
             }), {
               empty: withCtx(() => [
                 createTextVNode(toDisplayString(__props.filterEmptyText), 1)
@@ -137,7 +151,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               multiple: __props.multiple,
               onExpandChange: updatePopper,
               onChoiced: _cache[1] || (_cache[1] = ($event) => unref(togglePopoverVisible)(false)),
-              onChange: _cache[2] || (_cache[2] = (val, node) => emits("change", val, node))
+              onChange: handleChange
             }), null, 16, ["modelValue", "options", "props", "multiple"])
           ], 2)
         ]),

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

@@ -1,9 +1,11 @@
 import { CascaderNode, CascaderValue } from 'element-plus/es/components/cascader-panel';
 import { ITreePickerProps } from './tree-picker';
 declare const _default: import('vue').DefineComponent<ITreePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    blur: (event: FocusEvent) => any;
     change: (value: CascaderValue | null | undefined, node?: CascaderNode[] | undefined) => any;
     "update:modelValue": (value: string | number | string[] | number[] | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<ITreePickerProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
     onChange?: ((value: CascaderValue | null | undefined, node?: CascaderNode[] | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | number | string[] | number[] | undefined) => any) | undefined;
 }>, {

package/dist/es/index.mjs

@@ -156,7 +156,7 @@ const __vite_glob_0_47 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
     default: _sfc_main$8
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const version = "1.9.10";
+const version = "1.9.12";
 
 const modules = /* #__PURE__ */ Object.assign({"./components/awesome-icon/awesome-icon.vue": __vite_glob_0_0,"./components/backbottom/backbottom.vue": __vite_glob_0_1,"./components/button/button.vue": __vite_glob_0_2,"./components/chat-container/chat-container.vue": __vite_glob_0_3,"./components/choice-boolean/choice-boolean.vue": __vite_glob_0_4,"./components/choice/choice.vue": __vite_glob_0_5,"./components/color-switcher/color-switcher.vue": __vite_glob_0_6,"./components/config-provider/config-provider.vue": __vite_glob_0_7,"./components/cropper/cropper.vue": __vite_glob_0_8,"./components/currency/currency.vue": __vite_glob_0_9,"./components/dark-switcher/dark-switcher.vue": __vite_glob_0_10,"./components/daterange-picker/daterange-picker.vue": __vite_glob_0_11,"./components/dialog-camera-upload/dialog-camera-upload.vue": __vite_glob_0_12,"./components/dialog-map-point/dialog-map-point.vue": __vite_glob_0_13,"./components/dialog-upload-images/dialog-upload-images.vue": __vite_glob_0_14,"./components/dialog/dialog.vue": __vite_glob_0_15,"./components/drag-verify/drag-verify.vue": __vite_glob_0_16,"./components/drawer/drawer.vue": __vite_glob_0_17,"./components/easy-pagination/easy-pagination.vue": __vite_glob_0_18,"./components/el-icon/el-icon.vue": __vite_glob_0_19,"./components/explorer-column-table/explorer-column-table.vue": __vite_glob_0_20,"./components/explorer-container/explorer-container.vue": __vite_glob_0_21,"./components/explorer-filter/explorer-filter.vue": __vite_glob_0_22,"./components/explorer-footer/explorer-footer.vue": __vite_glob_0_23,"./components/explorer-form/explorer-form.vue": __vite_glob_0_24,"./components/explorer-list/explorer-list.vue": __vite_glob_0_25,"./components/explorer-modal-form/explorer-modal-form.vue": __vite_glob_0_26,"./components/explorer-panel/explorer-panel.vue": __vite_glob_0_27,"./components/explorer-query/explorer-query.vue": __vite_glob_0_28,"./components/explorer-table/explorer-table.vue": __vite_glob_0_29,"./components/explorer-tools/explorer-tools.vue": __vite_glob_0_30,"./components/explorer-tree/explorer-tree.vue": __vite_glob_0_31,"./components/explorer/explorer.vue": __vite_glob_0_32,"./components/flag/flag.vue": __vite_glob_0_33,"./components/icon-picker/icon-picker.vue": __vite_glob_0_34,"./components/icon/icon.vue": __vite_glob_0_35,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_36,"./components/image/image.vue": __vite_glob_0_37,"./components/input-number/input-number.vue": __vite_glob_0_38,"./components/input/input.vue": __vite_glob_0_39,"./components/pca-picker/pca-picker.vue": __vite_glob_0_40,"./components/qr-code/qr-code.vue": __vite_glob_0_41,"./components/screenfull/screenfull.vue": __vite_glob_0_42,"./components/scrollbar/scrollbar.vue": __vite_glob_0_43,"./components/select/select.vue": __vite_glob_0_44,"./components/single-player/single-player.vue": __vite_glob_0_45,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_46,"./components/splitter/splitter.vue": __vite_glob_0_47,"./components/svg-icon/svg-icon.vue": __vite_glob_0_48,"./components/switch/switch.vue": __vite_glob_0_49,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_50,"./components/tags/tags.vue": __vite_glob_0_51,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_52,"./components/thousand-input/thousand-input.vue": __vite_glob_0_53,"./components/tinymce/tinymce.vue": __vite_glob_0_54,"./components/transfer-panel/transfer-panel.vue": __vite_glob_0_55,"./components/transfer/transfer.vue": __vite_glob_0_56,"./components/tree-picker/tree-picker.vue": __vite_glob_0_57,"./components/upload-file/upload-file.vue": __vite_glob_0_58});
 const upper = (_, letter) => letter.toUpperCase();