sun-biz 0.0.3-beta.31 → 0.0.3-beta.32

package/dist/components/index.js

@@ -7,6 +7,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__ from "@sun-toolkit/en
 import * as __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__ from "@sun-toolkit/shared";
 import * as __WEBPACK_EXTERNAL_MODULE__sun_toolkit_micro_app__ from "@sun-toolkit/micro-app";
 import * as __WEBPACK_EXTERNAL_MODULE_i18next_vue__ from "i18next-vue";
+import "vue-router";
 import * as __WEBPACK_EXTERNAL_MODULE_js_pinyin__ from "js-pinyin";
 var __webpack_modules__ = {
     "./node_modules/.pnpm/vue-loader@17.4.2_vue@3.5.13_typescript@5.7.3__webpack@5.98.0_esbuild@0.24.2_/node_modules/vue-loader/dist/exportHelper.js": function(__unused_webpack_module, exports) {
@@ -1454,7 +1455,8 @@ function dbgrid_component_settingvue_type_script_setup_true_lang_tsx_isSlot(s) {
         });
         const tableColumn = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>sourceData.value.map((item)=>({
                     ...item,
-                    isHidden: item.displayFlag === __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.ENABLED_FLAG.NO
+                    isHidden: item.displayFlag === __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.ENABLED_FLAG.NO,
+                    render: ()=>'--'
                 })));
         function changeSourceData(data) {
             sourceData.value = data;
@@ -1798,7 +1800,7 @@ function dbgrid_component_settingvue_type_script_setup_true_lang_tsx_isSlot(s) {
 const dbgrid_component_setting_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(dbgrid_component_settingvue_type_script_setup_true_lang_tsx, [
     [
         '__scopeId',
-        "data-v-0a8babe7"
+        "data-v-135bc3fe"
     ]
 ]);
 /* ESM default export */ const dbgrid_component_setting = dbgrid_component_setting_exports_;

package/dist/hooks/index.d.ts

@@ -4,4 +4,5 @@ export type { PreferenceData } from "./use-app-config/index.ts";
 export { default as useDirectionSelect } from "./use-direction-select/index.ts";
 export { default as useFetchDataset, queryDataSetByCodeSystemCodes, type CodeSystem } from "./use-fetch-dataset/index.ts";
 export { default as useEditableTable } from './use-editable-table/index.ts';
+export { default as useDataChangeDetector } from './use-data-change-detector/index.ts';
 export { useColumnConfig, useFormConfig, } from "./use-column&form-config/index.ts";

package/dist/hooks/index.js

@@ -2,7 +2,9 @@ import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE__sun_toolkit_request__ from "@sun-toolkit/request";
 import * as __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__ from "@sun-toolkit/enums";
 import * as __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__ from "@sun-toolkit/shared";
+import * as __WEBPACK_EXTERNAL_MODULE_element_sun__ from "element-sun";
 import * as __WEBPACK_EXTERNAL_MODULE_i18next_vue__ from "i18next-vue";
+import * as __WEBPACK_EXTERNAL_MODULE_vue_router__ from "vue-router";
 /* eslint-disable @typescript-eslint/no-explicit-any */ // support refreshDeps & ready
 const useAutoRunPlugin = (fetchInstance, { manual, ready = true, refreshDeps = [], refreshDepsAction })=>{
     const hasAutoRun = (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)(false);
@@ -573,6 +575,74 @@ function useFetchDataset(codeSystemCodes, enabledFlag) {
     };
 }
 /* ESM default export */ const use_editable_table = useEditableTable;
+function useDataChangeDetector(sources, options) {
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_i18next_vue__.useTranslation)();
+    const confirmMessage = options?.confirmMessage || '您有未保存的更改，确定要离开吗？';
+    // 缓存原始数据
+    const cacheSources = sources.map((s)=>(0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.cloneDeep)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(s)));
+    let clearSourceWatchList = [];
+    const checkChange = ()=>!!sources.find((value, index)=>!(0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.isEqual)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(value), cacheSources[index])) || false;
+    const clearSourceWatch = ()=>{
+        if (clearSourceWatchList.length) {
+            clearSourceWatchList.forEach((clearWatch)=>{
+                clearWatch();
+            });
+            clearSourceWatchList = [];
+        }
+    };
+    const watchSources = ()=>{
+        clearSourceWatch();
+        sources.forEach((value, index)=>{
+            clearSourceWatchList.push((0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)(value, (val, oldVal)=>{
+                console.log(value, oldVal, (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(val), 'tst');
+                const raw = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.cloneDeep)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(val));
+                cacheSources[index] = raw;
+            }, {
+                once: true
+            }));
+        });
+    };
+    watchSources();
+    (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount)(()=>{
+        clearSourceWatch();
+    });
+    // 路由拦截
+    (0, __WEBPACK_EXTERNAL_MODULE_vue_router__.onBeforeRouteLeave)((_, from, next)=>{
+        if (options?.isSkip?.value) return next();
+        if (checkChange()) {
+            sources.forEach((value, index)=>{
+                console.log(index, (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(value), cacheSources[index]);
+            });
+            __WEBPACK_EXTERNAL_MODULE_element_sun__.ElMessageBox.confirm(confirmMessage, t('global:tip'), {
+                confirmButtonText: t('global:confirm'),
+                cancelButtonText: t('global:cancel'),
+                type: 'warning'
+            }).then(async ()=>{
+                next();
+            }).catch(()=>{
+                next(false);
+            });
+            return;
+        }
+        next();
+    });
+    //  手动更新原始数据
+    function cacheOriginSources() {
+        sources.forEach((value, index)=>{
+            const raw = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.cloneDeep)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(value));
+            cacheSources[index] = raw;
+        });
+    }
+    return {
+        checkChange,
+        updateOriginals: cacheOriginSources,
+        resetDetector: ()=>{
+            cacheOriginSources();
+            watchSources();
+        }
+    };
+}
+/* ESM default export */ const use_data_change_detector = useDataChangeDetector;
 function useFormConfig(options) {
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE_i18next_vue__.useTranslation)();
     const { getData, dataSetCodes } = options;
@@ -587,4 +657,4 @@ function useColumnConfig(options) {
     const data = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>getData(t, dataSet));
     return data;
 }
-export { use_app_config_MAIN_APP_CONFIG as MAIN_APP_CONFIG, queryDataSetByCodeSystemCodes, use_app_config as useAppConfigData, useColumnConfig, use_direction_select as useDirectionSelect, use_editable_table as useEditableTable, use_fetch_dataset as useFetchDataset, useFormConfig, use_request as useRequest };
+export { use_app_config_MAIN_APP_CONFIG as MAIN_APP_CONFIG, queryDataSetByCodeSystemCodes, use_app_config as useAppConfigData, useColumnConfig, use_data_change_detector as useDataChangeDetector, use_direction_select as useDirectionSelect, use_editable_table as useEditableTable, use_fetch_dataset as useFetchDataset, useFormConfig, use_request as useRequest };

package/dist/hooks/use-data-change-detector/index.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+export declare function useDataChangeDetector<T extends readonly unknown[]>(sources: {
+    [K in keyof T]: Ref<T[K]>;
+}, options?: {
+    confirmMessage?: string;
+    isSkip?: Ref<boolean>;
+}): {
+    checkChange: () => boolean;
+    updateOriginals: () => void;
+    resetDetector: () => void;
+};
+export default useDataChangeDetector;

package/dist/index.d.ts

@@ -21,4 +21,5 @@ export { default as useFetchDataset, queryDataSetByCodeSystemCodes, type CodeSys
 export { useEditableTable } from './hooks/use-editable-table';
 export type { TableRef } from './hooks/use-editable-table';
 export { useColumnConfig, useFormConfig } from './hooks/use-column&form-config';
+export { useDataChangeDetector } from './hooks/use-data-change-detector';
 export { debounce, isNumber, decimalCount, formatDecimalNumber } from './utils';

package/dist/index.js

@@ -7,6 +7,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__sun_toolkit_request__ from "@sun-toolkit/
 import * as __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__ from "@sun-toolkit/shared";
 import * as __WEBPACK_EXTERNAL_MODULE__sun_toolkit_micro_app__ from "@sun-toolkit/micro-app";
 import * as __WEBPACK_EXTERNAL_MODULE_i18next_vue__ from "i18next-vue";
+import * as __WEBPACK_EXTERNAL_MODULE_vue_router__ from "vue-router";
 import * as __WEBPACK_EXTERNAL_MODULE_js_pinyin__ from "js-pinyin";
 var __webpack_modules__ = {
     "./node_modules/.pnpm/vue-loader@17.4.2_vue@3.5.13_typescript@5.7.3__webpack@5.98.0_esbuild@0.24.2_/node_modules/vue-loader/dist/exportHelper.js": function(__unused_webpack_module, exports) {
@@ -1455,7 +1456,8 @@ function dbgrid_component_settingvue_type_script_setup_true_lang_tsx_isSlot(s) {
         });
         const tableColumn = (0, __WEBPACK_EXTERNAL_MODULE_vue__.computed)(()=>sourceData.value.map((item)=>({
                     ...item,
-                    isHidden: item.displayFlag === __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.ENABLED_FLAG.NO
+                    isHidden: item.displayFlag === __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.ENABLED_FLAG.NO,
+                    render: ()=>'--'
                 })));
         function changeSourceData(data) {
             sourceData.value = data;
@@ -1799,7 +1801,7 @@ function dbgrid_component_settingvue_type_script_setup_true_lang_tsx_isSlot(s) {
 const dbgrid_component_setting_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(dbgrid_component_settingvue_type_script_setup_true_lang_tsx, [
     [
         '__scopeId',
-        "data-v-0a8babe7"
+        "data-v-135bc3fe"
     ]
 ]);
 /* ESM default export */ const dbgrid_component_setting = dbgrid_component_setting_exports_;
@@ -3843,6 +3845,73 @@ function useSelectByDirectionEvent(options) {
         validateItem
     };
 }
+function useDataChangeDetector(sources, options) {
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_i18next_vue__.useTranslation)();
+    const confirmMessage = options?.confirmMessage || '您有未保存的更改，确定要离开吗？';
+    // 缓存原始数据
+    const cacheSources = sources.map((s)=>(0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.cloneDeep)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(s)));
+    let clearSourceWatchList = [];
+    const checkChange = ()=>!!sources.find((value, index)=>!(0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.isEqual)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(value), cacheSources[index])) || false;
+    const clearSourceWatch = ()=>{
+        if (clearSourceWatchList.length) {
+            clearSourceWatchList.forEach((clearWatch)=>{
+                clearWatch();
+            });
+            clearSourceWatchList = [];
+        }
+    };
+    const watchSources = ()=>{
+        clearSourceWatch();
+        sources.forEach((value, index)=>{
+            clearSourceWatchList.push((0, __WEBPACK_EXTERNAL_MODULE_vue__.watch)(value, (val, oldVal)=>{
+                console.log(value, oldVal, (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(val), 'tst');
+                const raw = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.cloneDeep)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(val));
+                cacheSources[index] = raw;
+            }, {
+                once: true
+            }));
+        });
+    };
+    watchSources();
+    (0, __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount)(()=>{
+        clearSourceWatch();
+    });
+    // 路由拦截
+    (0, __WEBPACK_EXTERNAL_MODULE_vue_router__.onBeforeRouteLeave)((_, from, next)=>{
+        if (options?.isSkip?.value) return next();
+        if (checkChange()) {
+            sources.forEach((value, index)=>{
+                console.log(index, (0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(value), cacheSources[index]);
+            });
+            __WEBPACK_EXTERNAL_MODULE_element_sun__.ElMessageBox.confirm(confirmMessage, t('global:tip'), {
+                confirmButtonText: t('global:confirm'),
+                cancelButtonText: t('global:cancel'),
+                type: 'warning'
+            }).then(async ()=>{
+                next();
+            }).catch(()=>{
+                next(false);
+            });
+            return;
+        }
+        next();
+    });
+    //  手动更新原始数据
+    function cacheOriginSources() {
+        sources.forEach((value, index)=>{
+            const raw = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.cloneDeep)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(value));
+            cacheSources[index] = raw;
+        });
+    }
+    return {
+        checkChange,
+        updateOriginals: cacheOriginSources,
+        resetDetector: ()=>{
+            cacheOriginSources();
+            watchSources();
+        }
+    };
+}
 function useFormConfig(options) {
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE_i18next_vue__.useTranslation)();
     const { getData, dataSetCodes } = options;
@@ -8024,4 +8093,4 @@ const form_design_render_exports_ = /*#__PURE__*/ (0, exportHelper["default"])(f
 ]);
 /* ESM default export */ const form_design_render = form_design_render_exports_;
 /** components **/ /** hooks ** */ var __webpack_exports__COMPONENT_CODE = __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__.COMPONENT_CODE;
-export { access_info as AccessInfo, BANNER_COMPONENT_CONFIG, BannerInfo, copy_text_with_tooltip as CopyTextWithTooltip, constant_DATA_SOURCE_CONTENT_TYPE_CODE as DATA_SOURCE_CONTENT_TYPE_CODE, dbgrid_component_setting as DbgridComponentSetting, dict_select as DictSelect, dml_button as DmlButton, flag_select as FlagSelect, form_design_render as FormDesignRender, FormUnit, hospital_select as HospitalSelect, use_app_config_MAIN_APP_CONFIG as MAIN_APP_CONFIG, patient_access as PatientAccess, PatientInfo, printReceiptBtn as PrintReceiptBtn, pro_dialog as ProDialog, pro_form as ProForm, invoice as ProInvoice, pro_table as ProTable, pro_table_v2 as ProTableV2, Title, convertToSpellNo, convertToWbNo, debounce, decimalCount, formatDecimalNumber, isNumber, print, queryDataSetByCodeSystemCodes, use_app_config as useAppConfigData, useColumnConfig, use_direction_select as useDirectionSelect, useEditableTable, use_fetch_dataset as useFetchDataset, useFormConfig, usePrintReceipt, use_request as useRequest, __webpack_exports__COMPONENT_CODE as COMPONENT_CODE };
+export { access_info as AccessInfo, BANNER_COMPONENT_CONFIG, BannerInfo, copy_text_with_tooltip as CopyTextWithTooltip, constant_DATA_SOURCE_CONTENT_TYPE_CODE as DATA_SOURCE_CONTENT_TYPE_CODE, dbgrid_component_setting as DbgridComponentSetting, dict_select as DictSelect, dml_button as DmlButton, flag_select as FlagSelect, form_design_render as FormDesignRender, FormUnit, hospital_select as HospitalSelect, use_app_config_MAIN_APP_CONFIG as MAIN_APP_CONFIG, patient_access as PatientAccess, PatientInfo, printReceiptBtn as PrintReceiptBtn, pro_dialog as ProDialog, pro_form as ProForm, invoice as ProInvoice, pro_table as ProTable, pro_table_v2 as ProTableV2, Title, convertToSpellNo, convertToWbNo, debounce, decimalCount, formatDecimalNumber, isNumber, print, queryDataSetByCodeSystemCodes, use_app_config as useAppConfigData, useColumnConfig, useDataChangeDetector, use_direction_select as useDirectionSelect, useEditableTable, use_fetch_dataset as useFetchDataset, useFormConfig, usePrintReceipt, use_request as useRequest, __webpack_exports__COMPONENT_CODE as COMPONENT_CODE };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sun-biz",
-  "version": "0.0.3-beta.31",
+  "version": "0.0.3-beta.32",
   "type": "module",
   "workspaces": [
     "src/*",
@@ -50,33 +50,35 @@
     "storybook-addon-rslib": "^0.1.10",
     "storybook-vue3-rsbuild": "0.1.5",
     "tailwindcss": "^3.4.17",
-    "typescript": "^5.7.3"
+    "typescript": "^5.7.3",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.1",
+    "element-sun": "0.0.0-dev.4",
+    "@sun-toolkit/enums": "1.0.0-beta.12",
+    "@sun-toolkit/micro-app": "0.0.1-beta.8",
+    "@sun-toolkit/request": "1.0.0-beta.10",
+    "@sun-toolkit/shared": "0.0.1-beta.6"
   },
   "peerDependencies": {
     "@element-sun/icons-vue": "*",
     "@sun-toolkit/enums": "*",
+    "@sun-toolkit/micro-app": "*",
     "@sun-toolkit/request": "*",
     "@sun-toolkit/shared": "*",
-    "@sun-toolkit/micro-app": "*",
     "element-sun": "*",
     "i18next": "*",
     "i18next-vue": "*",
-    "vue": "^3.2.0"
+    "vue": "^3.2.0",
+    "vue-router": "^4.5"
   },
   "dependencies": {
     "@element-sun/icons-vue": "^1.0.6",
-    "@sun-toolkit/enums": "1.0.0-beta.12",
-    "@sun-toolkit/micro-app": "0.0.1-beta.8",
-    "@sun-toolkit/request": "1.0.0-beta.10",
-    "@sun-toolkit/shared": "0.0.1-beta.4",
     "axios": "^1.8.1",
-    "element-sun": "0.0.0-dev.4",
     "i18next": "^23.16.8",
     "i18next-vue": "^5.2.0",
     "js-pinyin": "^0.2.7",
     "latest": "^0.2.0",
     "lodash": "^4.17.21",
-    "sortablejs": "^1.15.6",
-    "vue": "^3.5.13"
+    "sortablejs": "^1.15.6"
   }
 }