@wfrog/vc-ui 1.11.5 → 1.11.7

package/dist/es/components/explorer/docs/data.d.ts

@@ -1,7 +1,7 @@
 import { CascaderOption } from 'element-plus/es/components/cascader-panel';
 import { IColumnConfig } from '../../explorer-column-table/explorer-column-table';
 export declare const treeData: CascaderOption[];
-export declare const tableData: {
+export declare const tableData: globalThis.Ref<{
     date: string;
     status: boolean;
     name: string;
@@ -10,6 +10,24 @@ export declare const tableData: {
     address: string;
     zip: string;
     tag: string;
-}[];
+}[], {
+    date: string;
+    status: boolean;
+    name: string;
+    state: string;
+    city: string;
+    address: string;
+    zip: string;
+    tag: string;
+}[] | {
+    date: string;
+    status: boolean;
+    name: string;
+    state: string;
+    city: string;
+    address: string;
+    zip: string;
+    tag: string;
+}[]>;
 export declare const columns: IColumnConfig[];
 export declare function columnRender(column: IColumnConfig, row: Record<string, any>, emits: any): any;

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

@@ -22,4 +22,5 @@ export interface IExplorerTableEmits {
     (e: 'singleSelectionChange', row: Record<string, any>): void;
     (e: 'multipleSelectionChange', row: Record<string, any>, values: Array<string | number>): void;
     (e: 'selectionChange', rows: Record<string, any>[]): void;
+    (e: 'selectAll', values: Array<string | number>): void;
 }

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

@@ -7,6 +7,7 @@ import '../../chunk/NsldgdCh.mjs';
 import '../../chunk/CoGexPPD.mjs';
 import '../../chunk/CjLR27-a.mjs';
 import { defineComponent, h, useCssModule, useTemplateRef, computed, ref, watch, withDirectives, createElementBlock, openBlock, normalizeClass, unref, createVNode, mergeProps, createSlots, withCtx, createBlock, createCommentVNode, renderSlot, withModifiers, isRef, Fragment, renderList, createTextVNode, toDisplayString, resolveDynamicComponent } from 'vue';
+import { promiseTimeout } from '@vueuse/core';
 import { ElTableColumn, ElRadio, ElCheckbox } from 'element-plus';
 import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
@@ -32,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     startIndex: { default: 0 },
     rowKey: { type: [String, Function], default: "id" }
   },
-  emits: ["columnEvent", "singleSelectionChange", "multipleSelectionChange", "selectionChange"],
+  emits: ["columnEvent", "singleSelectionChange", "multipleSelectionChange", "selectionChange", "selectAll"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -41,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const tableRef = useTemplateRef("tableRef");
     const columns = computed(() => state.columnConfig.value.filter((item) => item.visible !== false));
     const selectedValue = ref();
-    const selectedValues = ref(/* @__PURE__ */ new Set());
+    const selectedValues = computed(() => new Set(props.data.filter((item) => item[props.multipleCheckedKey]).map(getRowValue)));
     const isSingleSelection = computed(() => props.customSelection === "radio");
     const isMultipleSelection = computed(() => props.customSelection === "checkbox");
     const isSelectedAll = computed({
@@ -55,14 +56,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (!isMultipleSelection.value) {
           return;
         }
-        if (val) {
-          selectedValues.value = new Set(props.data.map(getRowValue));
-        } else {
-          selectedValues.value.clear();
-        }
         props.data.forEach((row) => {
-          row.checked = val;
+          row[props.multipleCheckedKey] = val;
         });
+        emits("selectAll", Array.from(selectedValues.value));
       }
     });
     const indeterminate = computed(() => {
@@ -89,10 +86,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         emits("singleSelectionChange", row);
       }
     }
-    function handleCheckboxClick(row) {
-      const value = getRowValue(row);
-      const checked = !row[props.multipleCheckedKey];
-      checked ? selectedValues.value.add(value) : selectedValues.value.delete(value);
+    async function handleCheckboxClick(row) {
+      await promiseTimeout(0);
       emits("multipleSelectionChange", row, Array.from(selectedValues.value));
     }
     function columnType(item) {
@@ -131,9 +126,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       setSelectedValue: (value) => {
         selectedValue.value = value;
       },
-      setSelectedValues: (values) => {
-        selectedValues.value = new Set(values);
-      },
       selectAll: () => {
         isSelectedAll.value = true;
       },

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

@@ -1491,7 +1491,6 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IExplorerTableProps, {
     setColumns: (columns: IColumnConfig[]) => void;
     setSelectedValue: (value: any) => void;
-    setSelectedValues: (values: any[]) => void;
     selectAll: () => void;
     clearSelection: () => void;
     tableRef: Readonly<globalThis.ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
@@ -2969,11 +2968,13 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTableProps
     singleSelectionChange: (row: Record<string, any>) => any;
     multipleSelectionChange: (row: Record<string, any>, values: (string | number)[]) => any;
     selectionChange: (rows: Record<string, any>[]) => any;
+    selectAll: (values: (string | number)[]) => any;
 }, string, import('vue').PublicProps, Readonly<IExplorerTableProps> & Readonly<{
     onColumnEvent?: ((column: IColumnConfig, row: Record<string, any>, value: Record<string, any>) => any) | undefined;
     onSingleSelectionChange?: ((row: Record<string, any>) => any) | undefined;
     onMultipleSelectionChange?: ((row: Record<string, any>, values: (string | number)[]) => any) | undefined;
     onSelectionChange?: ((rows: Record<string, any>[]) => any) | undefined;
+    onSelectAll?: ((values: (string | number)[]) => any) | undefined;
 }>, {
     loading: boolean;
     loadingText: string;

package/dist/es/index.mjs

@@ -160,7 +160,7 @@ const __vite_glob_0_49 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
     default: _sfc_main$8
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const version = "1.11.5";
+const version = "1.11.7";
 
 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/form-item/form-item.vue": __vite_glob_0_34,"./components/icon-picker/icon-picker.vue": __vite_glob_0_35,"./components/icon/icon.vue": __vite_glob_0_36,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_37,"./components/image/image.vue": __vite_glob_0_38,"./components/info-tooltip/info-tooltip.vue": __vite_glob_0_39,"./components/input-number/input-number.vue": __vite_glob_0_40,"./components/input/input.vue": __vite_glob_0_41,"./components/pca-picker/pca-picker.vue": __vite_glob_0_42,"./components/qr-code/qr-code.vue": __vite_glob_0_43,"./components/screenfull/screenfull.vue": __vite_glob_0_44,"./components/scrollbar/scrollbar.vue": __vite_glob_0_45,"./components/select/select.vue": __vite_glob_0_46,"./components/single-player/single-player.vue": __vite_glob_0_47,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_48,"./components/splitter/splitter.vue": __vite_glob_0_49,"./components/svg-icon/svg-icon.vue": __vite_glob_0_50,"./components/switch/switch.vue": __vite_glob_0_51,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_52,"./components/tags/tags.vue": __vite_glob_0_53,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_54,"./components/thousand-input/thousand-input.vue": __vite_glob_0_55,"./components/tinymce/tinymce.vue": __vite_glob_0_56,"./components/transfer-panel/transfer-panel.vue": __vite_glob_0_57,"./components/transfer/transfer.vue": __vite_glob_0_58,"./components/tree-picker/tree-picker.vue": __vite_glob_0_59,"./components/upload-file/upload-file.vue": __vite_glob_0_60});
 const upper = (_, letter) => letter.toUpperCase();

package/dist/es/use/usePersistentModel/index.mjs

@@ -1,8 +1,23 @@
 import { useStorage } from '@vueuse/core';
 import { getCurrentInstance, computed } from 'vue';
 
+function getSafeStorage() {
+  if (typeof window === "undefined" || !window.localStorage)
+    return void 0;
+  try {
+    new StorageEvent("storage", { storageArea: window.localStorage });
+    return void 0;
+  } catch {
+    console.warn("当前操作不支持 StorageEvent，将使用 localStorage 的同步 API");
+    return {
+      getItem: (key) => window.localStorage.getItem(key),
+      setItem: (key, value) => window.localStorage.setItem(key, value),
+      removeItem: (key) => window.localStorage.removeItem(key)
+    };
+  }
+}
 function usePersistentModel(key, storageKey, defaultValue, options) {
-  const storage = useStorage(storageKey, defaultValue, void 0, options);
+  const storage = useStorage(storageKey, defaultValue, getSafeStorage(), options);
   const instance = getCurrentInstance();
   instance?.emit(`update:${key}`, storage.value);
   return computed({

package/package.json

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