@wfrog/vc-ui 1.9.16 → 1.9.18

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, createBlock, openBlock, normalizeClass, unref, createSlots, withCtx, createCommentVNode, renderSlot, createElementVNode, createVNode } 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) {
@@ -120,13 +123,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         // 可选：指定拖拽手柄
       });
     }
-    __expose({ init, tableRef });
+    const tableVisible = ref(true);
+    async function rerender() {
+      sortable.value?.destroy();
+      tableVisible.value = false;
+      await nextTick();
+      tableVisible.value = true;
+    }
+    __expose({
+      init,
+      tableRef,
+      rerender,
+      setWidthConfig: (params) => {
+        widthConfig.value = params;
+      }
+    });
+    onBeforeUnmount(() => widthConfigWatch.stop());
     return (_ctx, _cache) => {
       const _component_ElCheckbox = ElCheckbox;
       const _component_ElTableColumn = ElTableColumn;
       const _component_el_checkbox = ElCheckbox;
       const _component_ElTable = ElTable;
-      return openBlock(), createBlock(_component_ElTable, {
+      return unref(tableVisible) ? (openBlock(), createBlock(_component_ElTable, {
+        key: 0,
         ref_key: "tableRef",
         ref: tableRef,
         data: unref(myData),
@@ -333,7 +352,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["data", "size", "height", "class"]);
+      ]), 1032, ["data", "size", "height", "class"])) : createCommentVNode("", true);
     };
   }
 });

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

@@ -1,5 +1,22 @@
 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(): {
     attrs: Partial<{}>;
     slots: {
@@ -2953,6 +2970,8 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerColumnTabl
         nativeScrollbar: boolean;
         preserveExpandedContent: boolean;
     }> | null>>;
+    rerender: typeof rerender;
+    setWidthConfig: (params: typeof widthConfig.value) => void;
 }, {}, {}, {}, 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

@@ -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"])
@@ -149,15 +149,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const header = "_header_sydsj_8";
-const icon = "_icon_sydsj_25";
-const actions = "_actions_sydsj_31";
-const form = "_form_sydsj_40";
-const scrollbar = "_scrollbar_sydsj_50";
+/* unplugin-vue-components disabled */const header = "_header_msrkk_8";
+const icon = "_icon_msrkk_25";
+const actions = "_actions_msrkk_31";
+const form = "_form_msrkk_40";
+const scrollbar = "_scrollbar_msrkk_51";
 const style0 = {
-	"explorer-form": "_explorer-form_sydsj_1",
+	"explorer-form": "_explorer-form_msrkk_1",
 	header: header,
-	"header-container": "_header-container_sydsj_21",
+	"header-container": "_header-container_msrkk_21",
 	icon: icon,
 	actions: actions,
 	form: form,

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-form/index.css

@@ -1,11 +1,11 @@
 /* source: src/components/explorer-form/explorer-form.vue */
-._explorer-form_sydsj_1 {
+._explorer-form_msrkk_1 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   height: 100px;
 }
-._header_sydsj_8 {
+._header_msrkk_8 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -17,31 +17,32 @@
   flex-wrap: wrap;
   row-gap: 8px;
 }
-._header-container_sydsj_21 {
+._header-container_msrkk_21 {
   font-size: var(--el-font-size-medium);
 }
-._icon_sydsj_25 {
+._icon_msrkk_25 {
   margin-right: 4px;
   font-size: var(--el-font-size-extra-large);
   transform: translateY(1px);
 }
-._actions_sydsj_31 {
+._actions_msrkk_31 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-._actions_sydsj_31 .el-button {
+._actions_msrkk_31 .el-button {
   margin-left: 0 !important;
 }
-._form_sydsj_40 {
+._form_msrkk_40 {
   display: flex;
   flex-grow: 1;
   align-items: flex-start;
+  flex-direction: column;
 }
-._form_sydsj_40 > .el-row {
-  flex-grow: 1;
+._form_msrkk_40 > .el-row {
+  width: 100%;
   margin: 0 !important;
 }
-._scrollbar_sydsj_50 {
+._scrollbar_msrkk_51 {
   margin: 0 -8px;
 }

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

@@ -152,8 +152,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const icon = "_icon_1nnr8_1";
-const form = "_form_1nnr8_6";
+/* unplugin-vue-components disabled */const icon = "_icon_1tmmn_1";
+const form = "_form_1tmmn_6";
 const style0 = {
 	icon: icon,
 	form: form

package/dist/es/components/explorer-modal-form/index.css

@@ -1,14 +1,15 @@
 /* source: src/components/explorer-modal-form/explorer-modal-form.vue */
-._icon_1nnr8_1 {
+._icon_1tmmn_1 {
   margin-right: 4px;
   font-size: var(--el-font-size-extra-large);
 }
-._form_1nnr8_6 {
+._form_1tmmn_6 {
   display: flex;
   flex-grow: 1;
   align-items: flex-start;
+  flex-direction: column;
 }
-._form_1nnr8_6 > .el-row {
-  flex-grow: 1;
+._form_1tmmn_6 > .el-row {
+  width: 100%;
   margin: 0 !important;
 }

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

@@ -2977,6 +2977,13 @@ declare function __VLS_template(): {
                     nativeScrollbar: boolean;
                     preserveExpandedContent: boolean;
                 }> | null>>;
+                rerender: () => Promise<void>;
+                setWidthConfig: (params: {
+                    width: number;
+                    data: number;
+                    fixed: number;
+                    truncate: number;
+                }) => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
             }, string, {
@@ -3015,7 +3022,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"> & import('vue').ShallowUnwrapRef<{
+        }>, "init" | ("mode" | "size" | "height" | "editable" | "highlightCurrent" | "emptyColumn") | "tableRef" | "rerender" | "setWidthConfig"> & import('vue').ShallowUnwrapRef<{
             init: () => void;
             tableRef: Readonly<globalThis.ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
                 data: {
@@ -4487,6 +4494,13 @@ declare function __VLS_template(): {
                 nativeScrollbar: boolean;
                 preserveExpandedContent: boolean;
             }> | null>>;
+            rerender: () => Promise<void>;
+            setWidthConfig: (params: {
+                width: number;
+                data: number;
+                fixed: number;
+                truncate: number;
+            }) => void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
@@ -7480,6 +7494,13 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
                 nativeScrollbar: boolean;
                 preserveExpandedContent: boolean;
             }> | null>>;
+            rerender: () => Promise<void>;
+            setWidthConfig: (params: {
+                width: number;
+                data: number;
+                fixed: number;
+                truncate: number;
+            }) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
         }, string, {
@@ -7518,7 +7539,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"> & import('vue').ShallowUnwrapRef<{
+    }>, "init" | ("mode" | "size" | "height" | "editable" | "highlightCurrent" | "emptyColumn") | "tableRef" | "rerender" | "setWidthConfig"> & import('vue').ShallowUnwrapRef<{
         init: () => void;
         tableRef: Readonly<globalThis.ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
             data: {
@@ -8990,6 +9011,13 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
             nativeScrollbar: boolean;
             preserveExpandedContent: boolean;
         }> | null>>;
+        rerender: () => Promise<void>;
+        setWidthConfig: (params: {
+            width: number;
+            data: number;
+            fixed: number;
+            truncate: number;
+        }) => void;
     }> & {} & 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.16";
+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 {
@@ -644,13 +645,13 @@ div._main_k37nc_1 ._header_k37nc_48 {
   padding-top: var(--v42199fad);
 }
 /* source: src/components/explorer-form/explorer-form.vue */
-._explorer-form_sydsj_1 {
+._explorer-form_msrkk_1 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   height: 100px;
 }
-._header_sydsj_8 {
+._header_msrkk_8 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -662,32 +663,33 @@ div._main_k37nc_1 ._header_k37nc_48 {
   flex-wrap: wrap;
   row-gap: 8px;
 }
-._header-container_sydsj_21 {
+._header-container_msrkk_21 {
   font-size: var(--el-font-size-medium);
 }
-._icon_sydsj_25 {
+._icon_msrkk_25 {
   margin-right: 4px;
   font-size: var(--el-font-size-extra-large);
   transform: translateY(1px);
 }
-._actions_sydsj_31 {
+._actions_msrkk_31 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-._actions_sydsj_31 .el-button {
+._actions_msrkk_31 .el-button {
   margin-left: 0 !important;
 }
-._form_sydsj_40 {
+._form_msrkk_40 {
   display: flex;
   flex-grow: 1;
   align-items: flex-start;
+  flex-direction: column;
 }
-._form_sydsj_40 > .el-row {
-  flex-grow: 1;
+._form_msrkk_40 > .el-row {
+  width: 100%;
   margin: 0 !important;
 }
-._scrollbar_sydsj_50 {
+._scrollbar_msrkk_51 {
   margin: 0 -8px;
 }
 /* source: src/components/explorer-list/explorer-list.vue */
@@ -749,17 +751,18 @@ div._main_k37nc_1 ._header_k37nc_48 {
   margin: 0 -8px;
 }
 /* source: src/components/explorer-modal-form/explorer-modal-form.vue */
-._icon_1nnr8_1 {
+._icon_1tmmn_1 {
   margin-right: 4px;
   font-size: var(--el-font-size-extra-large);
 }
-._form_1nnr8_6 {
+._form_1tmmn_6 {
   display: flex;
   flex-grow: 1;
   align-items: flex-start;
+  flex-direction: column;
 }
-._form_1nnr8_6 > .el-row {
-  flex-grow: 1;
+._form_1tmmn_6 > .el-row {
+  width: 100%;
   margin: 0 !important;
 }
 /* source: src/components/explorer-panel/explorer-panel.vue */

package/package.json

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