@wfrog/vc-ui 1.9.17 → 1.9.19

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

@@ -6,7 +6,7 @@ import { a as ElCheckbox } from '../../chunk/DBf73TLo.mjs';
 import '../../chunk/BH1e_-Fa.mjs';
 import '../../chunk/CqhShW5K.mjs';
 /* empty css                    */
-import { defineComponent, useTemplateRef, useCssModule, shallowRef, computed, ref, createBlock, createCommentVNode, unref, openBlock, normalizeClass, createSlots, withCtx, renderSlot, createElementVNode, createVNode, nextTick } from 'vue';
+import { defineComponent, useTemplateRef, useCssModule, shallowRef, computed, ref, watch, onBeforeUnmount, createBlock, createCommentVNode, unref, openBlock, normalizeClass, createSlots, withCtx, renderSlot, createElementVNode, createVNode, nextTick } from 'vue';
 import { useDraggable } from 'vue-draggable-plus';
 import { C as Component$3 } from '../choice/choice.mjs';
 import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
@@ -61,15 +61,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { label: "左", value: "left" },
       { label: "右", value: "right" }
     ];
-    const widthConfig = computed(() => {
+    const widthConfig = ref({ width: 240, data: 160, fixed: 120, truncate: 60 });
+    const widthConfigWatch = watch(() => props.size, () => {
       if (props.size === "small") {
-        return { width: 210, data: 140, fixed: 100, truncate: 50 };
+        widthConfig.value = { width: 210, data: 140, fixed: 100, truncate: 50 };
+        return;
       }
       if (props.size === "default") {
-        return { width: 240, data: 160, fixed: 120, truncate: 60 };
+        widthConfig.value = { width: 240, data: 160, fixed: 120, truncate: 60 };
+        return;
       }
-      return { width: 260, data: 200, fixed: 140, truncate: 76 };
-    });
+      widthConfig.value = { width: 260, data: 200, fixed: 140, truncate: 76 };
+    }, { immediate: true });
     const isFullMode = computed(() => props.mode === "full");
     function getLabel(row) {
       if (row.label) {
@@ -127,7 +130,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       await nextTick();
       tableVisible.value = true;
     }
-    __expose({ init, tableRef, rerender });
+    __expose({
+      init,
+      tableRef,
+      rerender,
+      setWidthConfig: (params) => {
+        widthConfig.value = params;
+      },
+      getWidthConfig: () => {
+        return widthConfig.value;
+      }
+    });
+    onBeforeUnmount(() => widthConfigWatch.stop());
     return (_ctx, _cache) => {
       const _component_ElCheckbox = ElCheckbox;
       const _component_ElTableColumn = ElTableColumn;

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

@@ -1,4 +1,20 @@
 import { IColumnConfig, IExplorerColumnTableProps } from './explorer-column-table';
+declare const widthConfig: globalThis.Ref<{
+    width: number;
+    data: number;
+    fixed: number;
+    truncate: number;
+}, {
+    width: number;
+    data: number;
+    fixed: number;
+    truncate: number;
+} | {
+    width: number;
+    data: number;
+    fixed: number;
+    truncate: number;
+}>;
 declare function init(): void;
 declare function rerender(): Promise<void>;
 declare function __VLS_template(): {
@@ -2955,6 +2971,13 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerColumnTabl
         preserveExpandedContent: boolean;
     }> | null>>;
     rerender: typeof rerender;
+    setWidthConfig: (params: typeof widthConfig.value) => void;
+    getWidthConfig: () => {
+        width: number;
+        data: number;
+        fixed: number;
+        truncate: number;
+    };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:data": (data: IColumnConfig[]) => any;
 }, string, import('vue').PublicProps, Readonly<IExplorerColumnTableProps> & Readonly<{

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

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["filter", "create"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "b224534e": `${_ctx.paddingBottom}px`
+      "cd3fe400": `${_ctx.paddingBottom}px`
     }));
     const props = __props;
     const emits = __emit;
@@ -65,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 
 /* unplugin-vue-components disabled */const style0 = {
-	"explorer-filter": "_explorer-filter_1l5g5_1"
+	"explorer-filter": "_explorer-filter_fuuuf_1"
 };
 
 const cssModules = {

package/dist/es/components/explorer-filter/index.css

@@ -1,7 +1,8 @@
 /* source: src/components/explorer-filter/explorer-filter.vue */
-._explorer-filter_1l5g5_1 {
-  padding-bottom: var(--b224534e);
+._explorer-filter_fuuuf_1 {
+  padding-bottom: var(--cd3fe400);
   display: flex;
   column-gap: 8px;
   border-bottom: 1px solid var(--el-border-color-lighter);
+  margin-bottom: 8px;
 }

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

@@ -32,8 +32,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isEditing.value = true;
     }
     async function handleCancel() {
-      formRef.value.resetFields();
       emits("cancel");
+      formRef.value.resetFields();
       isEditing.value = false;
     }
     async function handleSave() {
@@ -135,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: _ctx.$style.form
             }), {
               default: withCtx(() => [
-                renderSlot(_ctx.$slots, "default")
+                renderSlot(_ctx.$slots, "default", { isEditing: unref(isEditing) })
               ]),
               _: 3
             }, 16, ["model", "rules", "disabled", "label-position", "class"])

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

@@ -4,7 +4,9 @@ declare function __VLS_template(): {
     slots: {
         title?(_: {}): any;
         action?(_: {}): any;
-        default?(_: {}): any;
+        default?(_: {
+            isEditing: boolean;
+        }): any;
     };
     refs: {
         formRef: ({

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

@@ -36,8 +36,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const component = computed(() => props.type === "dialog" ? Component$1 : Component$2);
     const modalTitle = computed(() => props.title || (props.form.fields.id ? "编辑" : "新增"));
     function handleCancel() {
-      modalVisible.value = false;
       emits("cancel");
+      modalVisible.value = false;
     }
     async function handleSave() {
       try {
@@ -52,8 +52,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     function handleEdit() {
-      isEditing.value = true;
       emits("edit");
+      isEditing.value = true;
     }
     const visibleWatch = watch(modalVisible, (val) => {
       if (!val) {

package/dist/es/components/explorer-tools/components/column-setter.vue.d.ts

@@ -2978,6 +2978,18 @@ declare function __VLS_template(): {
                     preserveExpandedContent: boolean;
                 }> | null>>;
                 rerender: () => Promise<void>;
+                setWidthConfig: (params: {
+                    width: number;
+                    data: number;
+                    fixed: number;
+                    truncate: number;
+                }) => void;
+                getWidthConfig: () => {
+                    width: number;
+                    data: number;
+                    fixed: number;
+                    truncate: number;
+                };
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
             }, string, {
@@ -3016,7 +3028,7 @@ declare function __VLS_template(): {
             emptyColumn: boolean;
         }> & Omit<Readonly<import('../../explorer-column-table/explorer-column-table').IExplorerColumnTableProps> & Readonly<{
             "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
-        }>, "init" | ("mode" | "size" | "height" | "editable" | "highlightCurrent" | "emptyColumn") | "tableRef" | "rerender"> & import('vue').ShallowUnwrapRef<{
+        }>, "init" | ("mode" | "size" | "height" | "editable" | "highlightCurrent" | "emptyColumn") | "tableRef" | "rerender" | "setWidthConfig" | "getWidthConfig"> & import('vue').ShallowUnwrapRef<{
             init: () => void;
             tableRef: Readonly<globalThis.ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
                 data: {
@@ -4489,6 +4501,18 @@ declare function __VLS_template(): {
                 preserveExpandedContent: boolean;
             }> | null>>;
             rerender: () => Promise<void>;
+            setWidthConfig: (params: {
+                width: number;
+                data: number;
+                fixed: number;
+                truncate: number;
+            }) => void;
+            getWidthConfig: () => {
+                width: number;
+                data: number;
+                fixed: number;
+                truncate: number;
+            };
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
@@ -7483,6 +7507,18 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
                 preserveExpandedContent: boolean;
             }> | null>>;
             rerender: () => Promise<void>;
+            setWidthConfig: (params: {
+                width: number;
+                data: number;
+                fixed: number;
+                truncate: number;
+            }) => void;
+            getWidthConfig: () => {
+                width: number;
+                data: number;
+                fixed: number;
+                truncate: number;
+            };
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
         }, string, {
@@ -7521,7 +7557,7 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
         emptyColumn: boolean;
     }> & Omit<Readonly<import('../../explorer-column-table/explorer-column-table').IExplorerColumnTableProps> & Readonly<{
         "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
-    }>, "init" | ("mode" | "size" | "height" | "editable" | "highlightCurrent" | "emptyColumn") | "tableRef" | "rerender"> & import('vue').ShallowUnwrapRef<{
+    }>, "init" | ("mode" | "size" | "height" | "editable" | "highlightCurrent" | "emptyColumn") | "tableRef" | "rerender" | "setWidthConfig" | "getWidthConfig"> & import('vue').ShallowUnwrapRef<{
         init: () => void;
         tableRef: Readonly<globalThis.ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
             data: {
@@ -8994,6 +9030,18 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
             preserveExpandedContent: boolean;
         }> | null>>;
         rerender: () => Promise<void>;
+        setWidthConfig: (params: {
+            width: number;
+            data: number;
+            fixed: number;
+            truncate: number;
+        }) => void;
+        getWidthConfig: () => {
+            width: number;
+            data: number;
+            fixed: number;
+            truncate: number;
+        };
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;

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.17";
+const version = "1.9.18";
 
 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

@@ -630,11 +630,12 @@ div._main_k37nc_1 ._header_k37nc_48 {
   margin: 0 -8px;
 }
 /* source: src/components/explorer-filter/explorer-filter.vue */
-._explorer-filter_1l5g5_1 {
-  padding-bottom: var(--b224534e);
+._explorer-filter_fuuuf_1 {
+  padding-bottom: var(--cd3fe400);
   display: flex;
   column-gap: 8px;
   border-bottom: 1px solid var(--el-border-color-lighter);
+  margin-bottom: 8px;
 }
 /* source: src/components/explorer-footer/explorer-footer.vue */
 ._explorer-footer_ntz3b_1 {

package/package.json

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