@wfrog/vc-ui 1.10.8 → 1.10.10

package/dist/es/components/explorer-panel/explorer-panel.d.ts

@@ -3,6 +3,7 @@ import { IColumnConfig } from '../explorer-column-table/explorer-column-table';
 export interface IExplorerPanelProps {
     resizable?: boolean;
     padding?: number;
+    commonState?: Record<string, any>;
 }
 export interface IExplorerPanelState {
     fullscreenTarget: Ref<HTMLElement>;
@@ -11,6 +12,7 @@ export interface IExplorerPanelState {
     actions: Reactive<{
         saveColumnConfig: () => void;
     }>;
+    commonState: Ref<Record<string, any>>;
 }
 export declare const KEY_NAME: unique symbol;
 export declare const injectExplorerPanelState: () => IExplorerPanelState;

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

@@ -1,7 +1,7 @@
 import './index.css'
 import '../../chunk/Gk1J52Yw.mjs';
 /* empty css                    */
-import { defineComponent, useCssVars, useTemplateRef, ref, reactive, onMounted, createBlock, openBlock, mergeProps, withCtx, createElementVNode, normalizeClass, renderSlot } from 'vue';
+import { defineComponent, useCssVars, useTemplateRef, ref, reactive, watch, onMounted, onBeforeUnmount, createBlock, openBlock, mergeProps, withCtx, createElementVNode, normalizeClass, renderSlot } from 'vue';
 import { useProvide } from '../../use/useStore/index.mjs';
 import { K as KEY_NAME } from './explorer-panel2.mjs';
 import { a as ElSplitterPanel } from '../../chunk/C0XgBrDz.mjs';
@@ -11,12 +11,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "explorer-panel",
   props: {
     resizable: { type: Boolean, default: false },
-    padding: { default: 8 }
+    padding: { default: 8 },
+    commonState: {}
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v661a71b4": `${_ctx.padding}px`
+      "e4d70126": `${_ctx.padding}px`
     }));
+    const props = __props;
     const panelRef = useTemplateRef("panelRef");
     const fullscreenTarget = ref();
     const columnConfig = ref([]);
@@ -25,17 +27,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       saveColumnConfig: () => {
       }
     });
+    const commonState = ref();
     useProvide(KEY_NAME, {
       fullscreenTarget,
       columnConfig,
       filterKeyword,
-      actions
+      actions,
+      commonState
     });
+    const commonStateWatch = watch(() => props.commonState, () => {
+      commonState.value = props.commonState;
+    }, { immediate: true, deep: true });
     onMounted(() => {
       if (panelRef.value?.splitterPanelRef) {
         fullscreenTarget.value = panelRef.value.splitterPanelRef;
       }
     });
+    onBeforeUnmount(() => commonStateWatch.stop());
     return (_ctx, _cache) => {
       const _component_ElSplitterPanel = ElSplitterPanel;
       return openBlock(), createBlock(_component_ElSplitterPanel, mergeProps({

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

@@ -9,7 +9,7 @@
 ._container_1egb6_9 {
   display: flex;
   flex-direction: column;
-  padding: var(--v661a71b4);
+  padding: var(--e4d70126);
   flex-grow: 1;
   height: 100px;
 }

package/dist/es/components/explorer-panel/index.d.ts

@@ -1,4 +1,5 @@
 import { SFCWithInstall } from '../../utils/typescript';
 import { default as Component } from './explorer-panel.vue';
+export * from './explorer-panel';
 export declare const VcExplorerPanel: SFCWithInstall<typeof Component>;
 export default VcExplorerPanel;

package/dist/es/components/explorer-panel/index.mjs

@@ -1,5 +1,6 @@
 import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './explorer-panel.mjs';
+export { K as KEY_NAME, i as injectExplorerPanelState } from './explorer-panel2.mjs';
 
 const VcExplorerPanel = withInstall(Component);
 

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

@@ -6,7 +6,7 @@ import '../../chunk/DBf73TLo.mjs';
 /* empty css                    */
 import '../../chunk/BH1e_-Fa.mjs';
 import '../../chunk/CqhShW5K.mjs';
-import { defineComponent, h, computed, watch, withDirectives, createElementBlock, openBlock, normalizeClass, createVNode, mergeProps, createSlots, withCtx, createBlock, createCommentVNode, renderSlot, unref, Fragment, renderList, createTextVNode, toDisplayString, resolveDynamicComponent } from 'vue';
+import { defineComponent, h, computed, watch, nextTick, withDirectives, createElementBlock, openBlock, normalizeClass, createVNode, mergeProps, createSlots, withCtx, createBlock, createCommentVNode, renderSlot, unref, Fragment, renderList, createTextVNode, toDisplayString, resolveDynamicComponent } from 'vue';
 import { ElTableColumn } from 'element-plus';
 import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
@@ -57,8 +57,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     __expose({
-      setColumns: (columns2) => {
+      setColumns: async (columns2) => {
         state.columnConfig.value = columns2;
+        await nextTick();
         state.actions.saveColumnConfig();
       }
     });

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

@@ -18,7 +18,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IExplorerTableProps, {
-    setColumns: (columns: IColumnConfig[]) => void;
+    setColumns: (columns: IColumnConfig[]) => Promise<void>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     columnEvent: (column: IColumnConfig, row: Record<string, any>, value: Record<string, any>) => any;
 }, string, import('vue').PublicProps, Readonly<IExplorerTableProps> & Readonly<{

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

@@ -1,3 +1,4 @@
+import { IColumnConfig } from '../../explorer-column-table/explorer-column-table';
 import { IColumnSetterProps } from '../explorer-tools';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -9,14 +10,14 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[];
+                readonly data: IColumnConfig[];
                 readonly size?: "small" | "default" | "large" | undefined;
                 readonly mode?: "easy" | "full" | undefined;
                 readonly highlightCurrent?: boolean | undefined;
                 readonly height?: number | string | undefined;
                 readonly emptyColumn?: boolean | undefined;
                 readonly editable?: boolean | undefined;
-                readonly "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
+                readonly "onUpdate:data"?: ((data: IColumnConfig[]) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -1501,10 +1502,10 @@ declare function __VLS_template(): {
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: "update:data", data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => void;
+            $emit: (event: "update:data", data: IColumnConfig[]) => void;
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('../../explorer-column-table/explorer-column-table').IExplorerColumnTableProps> & Readonly<{
-                "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
+                "onUpdate:data"?: ((data: IColumnConfig[]) => any) | undefined;
             }>, {
                 init: () => void;
                 tableRef: Readonly<globalThis.ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
@@ -2991,7 +2992,7 @@ declare function __VLS_template(): {
                     truncate: number;
                 };
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
+                "update:data": (data: IColumnConfig[]) => any;
             }, string, {
                 mode: "easy" | "full";
                 size: "small" | "default" | "large";
@@ -3027,7 +3028,7 @@ declare function __VLS_template(): {
             highlightCurrent: boolean;
             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;
+            "onUpdate:data"?: ((data: IColumnConfig[]) => any) | undefined;
         }>, "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<{
@@ -4525,27 +4526,27 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     reset: () => any;
-    "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
-    configConfirm: (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
+    "update:data": (data: IColumnConfig[]) => any;
+    configConfirm: (data: IColumnConfig[]) => any;
 }, string, import('vue').PublicProps, Readonly<IColumnSetterProps> & Readonly<{
     onReset?: (() => any) | undefined;
-    "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
-    onConfigConfirm?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
+    "onUpdate:data"?: ((data: IColumnConfig[]) => any) | undefined;
+    onConfigConfirm?: ((data: IColumnConfig[]) => any) | undefined;
 }>, {
-    data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[];
+    data: IColumnConfig[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     columnTableRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[];
+            readonly data: IColumnConfig[];
             readonly size?: "small" | "default" | "large" | undefined;
             readonly mode?: "easy" | "full" | undefined;
             readonly highlightCurrent?: boolean | undefined;
             readonly height?: number | string | undefined;
             readonly emptyColumn?: boolean | undefined;
             readonly editable?: boolean | undefined;
-            readonly "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
+            readonly "onUpdate:data"?: ((data: IColumnConfig[]) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -6030,10 +6031,10 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
         $root: ComponentPublicInstance | null;
         $parent: ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: "update:data", data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => void;
+        $emit: (event: "update:data", data: IColumnConfig[]) => void;
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('../../explorer-column-table/explorer-column-table').IExplorerColumnTableProps> & Readonly<{
-            "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
+            "onUpdate:data"?: ((data: IColumnConfig[]) => any) | undefined;
         }>, {
             init: () => void;
             tableRef: Readonly<globalThis.ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
@@ -7520,7 +7521,7 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
                 truncate: number;
             };
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
+            "update:data": (data: IColumnConfig[]) => any;
         }, string, {
             mode: "easy" | "full";
             size: "small" | "default" | "large";
@@ -7556,7 +7557,7 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
         highlightCurrent: boolean;
         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;
+        "onUpdate:data"?: ((data: IColumnConfig[]) => any) | undefined;
     }>, "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<{

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

@@ -298,12 +298,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const isFullMode = computed(() => mode.value === "full");
     const popoverWidth = computed(() => isFullMode.value ? "800px" : "270px");
     const isInit = ref(false);
-    function onHide() {
-      emits("configConfirm", myData.value);
+    function onHide(columnConfig) {
+      const columnConfigData = columnConfig || myData.value;
+      emits("configConfirm", columnConfigData);
       if (!props.columnToStorage) {
         return;
       }
-      index.set(columnStorageKey, myData.value);
+      index.set(columnStorageKey, columnConfigData);
     }
     function loadConfig() {
       if (props.columnToStorage) {

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.10.8";
+const version = "1.10.10";
 
 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-switch/color-switch.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-switch/dark-switch.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

@@ -788,7 +788,7 @@ div._main_k37nc_1 ._header_k37nc_48 {
 ._container_1egb6_9 {
   display: flex;
   flex-direction: column;
-  padding: var(--v661a71b4);
+  padding: var(--e4d70126);
   flex-grow: 1;
   height: 100px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wfrog/vc-ui",
-  "version": "1.10.8",
+  "version": "1.10.10",
   "packageManager": "pnpm@10.20.0",
   "description": "vue3 组件库 vc-ui",
   "author": "wellfrog",
@@ -27,6 +27,11 @@
       "types": "./dist/es/directives/*/index.d.ts",
       "default": "./dist/es/directives/*/index.mjs"
     },
+    "./es/use/*/type": "./dist/es/use/*/index.d.ts",
+    "./es/use/*": {
+      "types": "./dist/es/use/*/index.d.ts",
+      "default": "./dist/es/use/*/index.mjs"
+    },
     "./resolver": {
       "types": "./dist/es/utils/resolver.d.ts",
       "default": "./dist/es/utils/resolver.mjs"