@wfrog/vc-ui 1.9.11 → 1.9.13

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.13";
 
 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();

package/dist/index.css

@@ -752,16 +752,17 @@ div._main_k37nc_1 ._header_k37nc_48 {
   margin: 0 -8px;
 }
 /* source: src/components/explorer-modal-form/explorer-modal-form.vue */
-._icon_1nnr8_1 {
+._icon_1v6yb_1 {
   margin-right: 4px;
   font-size: var(--el-font-size-extra-large);
 }
-._form_1nnr8_6 {
+._form_1v6yb_6 {
   display: flex;
   flex-grow: 1;
   align-items: flex-start;
+  flex-direction: column;
 }
-._form_1nnr8_6 > .el-row {
+._form_1v6yb_6 > .el-row {
   flex-grow: 1;
   margin: 0 !important;
 }
@@ -968,7 +969,7 @@ div._divider_8k9xf_21 {
   margin: 0 -8px;
 }
 /* source: src/components/explorer/explorer.vue */
-._explorer_115yz_1 {
+div._explorer_11uiv_1 {
   border: 1px solid var(--el-border-color-lighter);
   border-radius: var(--el-border-radius-base);
   display: flex;
@@ -977,7 +978,7 @@ div._divider_8k9xf_21 {
   background-color: var(--el-fill-color-blank);
   box-sizing: border-box;
 }
-._explorer_115yz_1 :glbal ._el-splitter__mask_115yz_10 {
+div._explorer_11uiv_1 :glbal ._el-splitter__mask_11uiv_10 {
   z-index: 10000;
   transform: translateX(0);
 }
@@ -1157,11 +1158,11 @@ div._el-input-number_1piks_18 {
   line-height: 10px;
 }
 div._el-input-number_1piks_18 .el-input__inner {
-  width: var(--v233f0811);
+  width: var(--e4533d92);
 }
 /* source: src/components/input/input.vue */
 div._input_1vcoq_1 {
-  width: var(--v5b821c9b);
+  width: var(--v7a89bfe6);
   display: inline-flex;
 }
 div._input_1vcoq_1._block_1vcoq_5 {
@@ -1326,7 +1327,7 @@ div._input_1vcoq_1._block_1vcoq_5 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-  margin: var(--v157bc9f4);
+  margin: var(--v21687dc8);
 }
 ._fill-height_edxkl_18 {
   height: 10px;
@@ -1334,11 +1335,11 @@ div._input_1vcoq_1._block_1vcoq_5 {
 /* 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);
 }
 /* source: src/components/single-player/single-player.vue */
 .el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;display:flex;height:32px;width:100%}.el-slider__runway{background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;height:var(--el-slider-height);position:relative}.el-slider__runway.show-input{margin-right:30px;width:auto}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging,.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{background-color:var(--el-slider-main-bg-color);border-bottom-left-radius:var(--el-slider-border-radius);border-top-left-radius:var(--el-slider-border-radius);height:var(--el-slider-height);position:absolute}.el-slider__button-wrapper{background-color:transparent;height:var(--el-slider-button-wrapper-size);line-height:normal;outline:none;position:absolute;text-align:center;top:var(--el-slider-button-wrapper-offset);transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--el-slider-button-wrapper-size);z-index:1}.el-slider__button-wrapper:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{background-color:var(--el-color-white);border:2px solid var(--el-slider-main-bg-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--el-slider-button-size);transition:var(--el-transition-duration-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:var(--el-slider-button-size)}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{background-color:var(--el-slider-stop-bg-color);border-radius:var(--el-border-radius-circle);height:var(--el-slider-height);position:absolute;transform:translateX(-50%);width:var(--el-slider-height)}.el-slider__marks{height:100%;left:12px;top:0;width:18px}.el-slider__marks-text{color:var(--el-color-info);font-size:14px;margin-top:15px;position:absolute;transform:translateX(-50%);white-space:pre}.el-slider.is-vertical{display:inline-flex;flex:0;height:100%;position:relative;width:auto}.el-slider.is-vertical .el-slider__runway{height:100%;margin:0 16px;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__bar{border-radius:0 0 3px 3px;height:auto;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__button-wrapper{left:var(--el-slider-button-wrapper-offset);top:auto;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{left:15px;margin-top:0;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}._main_15lus_1 {
@@ -1536,7 +1537,7 @@ span._draggable_1tp7v_5 > * {
 /* source: src/components/tinymce/tinymce.vue */
 ._tinymce_aa7a3_1 {
   width: 100%;
-  height: var(--v6eb7f65f);
+  height: var(--ec3ab54e);
 }
 ._textarea_aa7a3_6 {
   z-index: -1;
@@ -1694,11 +1695,11 @@ span._draggable_1tp7v_5 > * {
 ._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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wfrog/vc-ui",
-  "version": "1.9.11",
+  "version": "1.9.13",
   "packageManager": "pnpm@10.20.0",
   "description": "vue3 组件库 vc-ui",
   "author": "wellfrog",