sun-biz 0.0.2-beta.23 → 0.0.2-beta.24

package/dist/components/index.js

@@ -4,6 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_element_sun__ from "element-sun";
 import * as __WEBPACK_EXTERNAL_MODULE_sortablejs__ from "sortablejs";
 import * as __WEBPACK_EXTERNAL_MODULE__element_sun_icons_vue__ from "@element-sun/icons-vue";
 import * as __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__ from "@sun-toolkit/enums";
+import "@sun-toolkit/shared";
 import * as __WEBPACK_EXTERNAL_MODULE_i18next_vue__ from "i18next-vue";
 import * as __WEBPACK_EXTERNAL_MODULE_js_pinyin__ from "js-pinyin";
 var __webpack_modules__ = {
@@ -3617,12 +3618,22 @@ const DICT_SELECT = 'dictSelect';
             }, {
                 ...(0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(attrs)
             }), {
+                label: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(({ label })=>[
+                        (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode)("span", null, (0, __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString)(label?.split('|')?.[0]), 1)
+                    ]),
                 default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
                         ((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(true), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)(__WEBPACK_EXTERNAL_MODULE_vue__.Fragment, null, (0, __WEBPACK_EXTERNAL_MODULE_vue__.renderList)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(attrs).options, (item)=>((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createBlock)(_component_el_option, {
+                                disabled: !!item?.disabled,
                                 key: __WEBPACK_EXTERNAL_MODULE_vue__.unref(attrs)?.props?.value ? item[(0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(attrs).props.value] : item.value ?? item.dataValueNo,
-                                label: __WEBPACK_EXTERNAL_MODULE_vue__.unref(attrs)?.props?.label ? item[(0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(attrs).props.label] : item.label ?? item.dataValueNameDisplay,
+                                label: (__WEBPACK_EXTERNAL_MODULE_vue__.unref(attrs)?.props?.label ? item[(0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(attrs).props.label] : item.label ?? item.dataValueNameDisplay) + '|' + (item?.spellNo ?? ''),
                                 value: __WEBPACK_EXTERNAL_MODULE_vue__.unref(attrs)?.props?.value ? item[(0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(attrs).props.value] : item.value ?? item.dataValueNo
-                            }, null, 8, [
+                            }, {
+                                default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
+                                        (0, __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString)(__WEBPACK_EXTERNAL_MODULE_vue__.unref(attrs)?.props?.label ? item[(0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(attrs).props.label] : item.label ?? item.dataValueNameDisplay), 1)
+                                    ]),
+                                _: 2
+                            }, 1032, [
+                                "disabled",
                                 "label",
                                 "value"
                             ]))), 128))

package/dist/hooks/index.d.ts

@@ -2,4 +2,5 @@ export { default as useRequest } from "./use-request/index.ts";
 export { default as useAppConfigData, MAIN_APP_CONFIG, } from "./use-app-config/index.ts";
 export { default as useDirectionSelect } from "./use-direction-select/index.ts";
 export { default as useFetchDataset } from "./use-fetch-dataset/index.ts";
+export { default as useEditableTable } from './use-editable-table/index.ts';
 export { useColumnConfig, useFormConfig, } from "./use-column&form-config/index.ts";

package/dist/hooks/index.js

@@ -1,6 +1,7 @@
 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_i18next_vue__ from "i18next-vue";
 /* eslint-disable @typescript-eslint/no-explicit-any */ // support refreshDeps & ready
 const useAutoRunPlugin = (fetchInstance, { manual, ready = true, refreshDeps = [], refreshDepsAction })=>{
@@ -453,6 +454,101 @@ function useFetchDataset(codeSystemCodes, enabledFlag) {
     return list;
 }
 /* ESM default export */ const use_fetch_dataset = useFetchDataset;
+/**
+ * 表格编辑功能
+ */ function useEditableTable(options) {
+    const { tableRef, data, rowKey = 'key', cancelToDelete = true, id } = options;
+    const tableData = data ? data : (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)([]);
+    const cachedEditData = {};
+    const getRowKey = (row)=>row?.[rowKey] ? rowKey : id;
+    /**
+   * 校验行数据规则
+   */ const validateItem = async (row)=>{
+        const cacheKey = getRowKey(row);
+        const index = tableData.value.findIndex((item)=>item[cacheKey] === row[cacheKey]);
+        try {
+            const isValid = await tableRef?.value?.validateRow(index);
+            return !!isValid;
+        } catch (e) {
+            console.log(e);
+            return false;
+        }
+    };
+    /**
+   * 切换编辑状态
+   */ const toggleEdit = async (row)=>{
+        const cacheKey = getRowKey(row);
+        if (row.editable) {
+            const index = tableData.value.findIndex((item)=>item[cacheKey] === row[cacheKey]);
+            try {
+                const isValid = await tableRef?.value?.validateRow(index);
+                if (isValid) {
+                    row.editable = false;
+                    if (cachedEditData[row[cacheKey]]) delete cachedEditData[row[cacheKey]];
+                }
+            } catch (e) {
+                console.log(e);
+            }
+        } else {
+            if (row[cacheKey]) cachedEditData[row[cacheKey]] = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.cloneDeep)(row);
+            row.editable = true;
+        }
+    };
+    /**
+   * 取消编辑
+   * @param row
+   */ const cancelEdit = (row, index, deleteWithoutId = true)=>{
+        const targetData = cachedEditData[row[getRowKey(row)]];
+        if ((row?.[id] || cancelToDelete || !deleteWithoutId) && targetData) Object.keys(row).forEach((key)=>{
+            row[key] = targetData[key];
+        });
+        else tableData.value.splice(index, 1);
+        row.editable = false;
+    };
+    const addItem = (row)=>{
+        if (row?.[rowKey]) tableData.value.push({
+            ...row
+        });
+        else tableData.value.push({
+            ...row,
+            key: (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.generateUUID)()
+        });
+    };
+    /**
+   * 插入行
+   * @param row
+   * @param index
+   */ const insertItem = (row, index, step = 0)=>{
+        if (row?.[rowKey]) tableData.value.splice(index + step, 0, {
+            ...row
+        });
+        else tableData.value.splice(index + step, 0, {
+            ...row,
+            key: (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.generateUUID)()
+        });
+    };
+    const delItem = (index)=>{
+        tableData.value.splice(index, 1);
+    };
+    const updateItem = (row, index)=>{
+        if (void 0 === index) {
+            const cacheKey = getRowKey(row);
+            const index = tableData.value.findIndex((item)=>item[cacheKey] === row[cacheKey]);
+            tableData.value[index] = row;
+        } else tableData.value[index] = row;
+    };
+    return {
+        tableData,
+        toggleEdit,
+        cancelEdit,
+        addItem,
+        delItem,
+        insertItem,
+        updateItem,
+        validateItem
+    };
+}
+/* ESM default export */ const use_editable_table = useEditableTable;
 function useFormConfig(options) {
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE_i18next_vue__.useTranslation)();
     const { getData, dataSetCodes } = options;
@@ -467,4 +563,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, use_app_config as useAppConfigData, useColumnConfig, use_direction_select as useDirectionSelect, use_fetch_dataset as useFetchDataset, useFormConfig, use_request as useRequest };
+export { use_app_config_MAIN_APP_CONFIG as MAIN_APP_CONFIG, 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 };

package/dist/hooks/use-editable-table/index.d.ts

@@ -0,0 +1,29 @@
+import { Ref } from 'vue';
+import type { FormInstance } from 'element-sun';
+export type TableRef = {
+    formRef: FormInstance;
+    validateRow: (index: number, cb?: (isValid: boolean) => void) => Promise<boolean>;
+} | undefined;
+/**
+ * 表格编辑功能
+ */
+export declare function useEditableTable<TData extends {
+    editable: boolean;
+    [key: string]: any;
+}>(options: {
+    tableRef: Ref<TableRef, TableRef>;
+    data?: Ref<TData[]>;
+    rowKey?: string;
+    id: string;
+    cancelToDelete?: boolean;
+}): {
+    tableData: Ref<TData[], TData[]>;
+    toggleEdit: (row: TData) => Promise<void>;
+    cancelEdit: (row: TData, index: number, deleteWithoutId?: boolean) => void;
+    addItem: (row: TData) => void;
+    delItem: (index: number) => void;
+    insertItem: (row: TData, index: number, step?: number) => void;
+    updateItem: (row: TData, index?: number) => void;
+    validateItem: (row: TData) => Promise<boolean>;
+};
+export default useEditableTable;

package/dist/index.d.ts

@@ -14,5 +14,6 @@ export { default as useRequest } from "./hooks/use-request";
 export { default as useAppConfigData, MAIN_APP_CONFIG, } from "./hooks/use-app-config";
 export { default as useDirectionSelect } from "./hooks/use-direction-select";
 export { default as useFetchDataset } from "./hooks/use-fetch-dataset";
+export { default as useEditableTable } from './hooks/use-editable-table';
 export { useColumnConfig, useFormConfig } from "./hooks/use-column&form-config";
 export { debounce, isNumber, decimalCount, formatDecimalNumber } from "./utils";

package/dist/index.js

@@ -4,6 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_sortablejs__ from "sortablejs";
 import * as __WEBPACK_EXTERNAL_MODULE__element_sun_icons_vue__ from "@element-sun/icons-vue";
 import * as __WEBPACK_EXTERNAL_MODULE__sun_toolkit_enums__ from "@sun-toolkit/enums";
 import * as __WEBPACK_EXTERNAL_MODULE__sun_toolkit_request__ from "@sun-toolkit/request";
+import * as __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__ from "@sun-toolkit/shared";
 import * as __WEBPACK_EXTERNAL_MODULE_i18next_vue__ from "i18next-vue";
 import * as __WEBPACK_EXTERNAL_MODULE_js_pinyin__ from "js-pinyin";
 var __webpack_modules__ = {
@@ -2117,6 +2118,101 @@ function useSelectByDirectionEvent(options) {
     });
 }
 /* ESM default export */ const use_direction_select = useSelectByDirectionEvent;
+/**
+ * 表格编辑功能
+ */ function useEditableTable(options) {
+    const { tableRef, data, rowKey = 'key', cancelToDelete = true, id } = options;
+    const tableData = data ? data : (0, __WEBPACK_EXTERNAL_MODULE_vue__.ref)([]);
+    const cachedEditData = {};
+    const getRowKey = (row)=>row?.[rowKey] ? rowKey : id;
+    /**
+   * 校验行数据规则
+   */ const validateItem = async (row)=>{
+        const cacheKey = getRowKey(row);
+        const index = tableData.value.findIndex((item)=>item[cacheKey] === row[cacheKey]);
+        try {
+            const isValid = await tableRef?.value?.validateRow(index);
+            return !!isValid;
+        } catch (e) {
+            console.log(e);
+            return false;
+        }
+    };
+    /**
+   * 切换编辑状态
+   */ const toggleEdit = async (row)=>{
+        const cacheKey = getRowKey(row);
+        if (row.editable) {
+            const index = tableData.value.findIndex((item)=>item[cacheKey] === row[cacheKey]);
+            try {
+                const isValid = await tableRef?.value?.validateRow(index);
+                if (isValid) {
+                    row.editable = false;
+                    if (cachedEditData[row[cacheKey]]) delete cachedEditData[row[cacheKey]];
+                }
+            } catch (e) {
+                console.log(e);
+            }
+        } else {
+            if (row[cacheKey]) cachedEditData[row[cacheKey]] = (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.cloneDeep)(row);
+            row.editable = true;
+        }
+    };
+    /**
+   * 取消编辑
+   * @param row
+   */ const cancelEdit = (row, index, deleteWithoutId = true)=>{
+        const targetData = cachedEditData[row[getRowKey(row)]];
+        if ((row?.[id] || cancelToDelete || !deleteWithoutId) && targetData) Object.keys(row).forEach((key)=>{
+            row[key] = targetData[key];
+        });
+        else tableData.value.splice(index, 1);
+        row.editable = false;
+    };
+    const addItem = (row)=>{
+        if (row?.[rowKey]) tableData.value.push({
+            ...row
+        });
+        else tableData.value.push({
+            ...row,
+            key: (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.generateUUID)()
+        });
+    };
+    /**
+   * 插入行
+   * @param row
+   * @param index
+   */ const insertItem = (row, index, step = 0)=>{
+        if (row?.[rowKey]) tableData.value.splice(index + step, 0, {
+            ...row
+        });
+        else tableData.value.splice(index + step, 0, {
+            ...row,
+            key: (0, __WEBPACK_EXTERNAL_MODULE__sun_toolkit_shared__.generateUUID)()
+        });
+    };
+    const delItem = (index)=>{
+        tableData.value.splice(index, 1);
+    };
+    const updateItem = (row, index)=>{
+        if (void 0 === index) {
+            const cacheKey = getRowKey(row);
+            const index = tableData.value.findIndex((item)=>item[cacheKey] === row[cacheKey]);
+            tableData.value[index] = row;
+        } else tableData.value[index] = row;
+    };
+    return {
+        tableData,
+        toggleEdit,
+        cancelEdit,
+        addItem,
+        delItem,
+        insertItem,
+        updateItem,
+        validateItem
+    };
+}
+/* ESM default export */ const use_editable_table = useEditableTable;
 function useFormConfig(options) {
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE_i18next_vue__.useTranslation)();
     const { getData, dataSetCodes } = options;
@@ -4133,12 +4229,22 @@ const DICT_SELECT = 'dictSelect';
             }, {
                 ...(0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(attrs)
             }), {
+                label: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(({ label })=>[
+                        (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode)("span", null, (0, __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString)(label?.split('|')?.[0]), 1)
+                    ]),
                 default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
                         ((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(true), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock)(__WEBPACK_EXTERNAL_MODULE_vue__.Fragment, null, (0, __WEBPACK_EXTERNAL_MODULE_vue__.renderList)((0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(attrs).options, (item)=>((0, __WEBPACK_EXTERNAL_MODULE_vue__.openBlock)(), (0, __WEBPACK_EXTERNAL_MODULE_vue__.createBlock)(_component_el_option, {
+                                disabled: !!item?.disabled,
                                 key: __WEBPACK_EXTERNAL_MODULE_vue__.unref(attrs)?.props?.value ? item[(0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(attrs).props.value] : item.value ?? item.dataValueNo,
-                                label: __WEBPACK_EXTERNAL_MODULE_vue__.unref(attrs)?.props?.label ? item[(0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(attrs).props.label] : item.label ?? item.dataValueNameDisplay,
+                                label: (__WEBPACK_EXTERNAL_MODULE_vue__.unref(attrs)?.props?.label ? item[(0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(attrs).props.label] : item.label ?? item.dataValueNameDisplay) + '|' + (item?.spellNo ?? ''),
                                 value: __WEBPACK_EXTERNAL_MODULE_vue__.unref(attrs)?.props?.value ? item[(0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(attrs).props.value] : item.value ?? item.dataValueNo
-                            }, null, 8, [
+                            }, {
+                                default: (0, __WEBPACK_EXTERNAL_MODULE_vue__.withCtx)(()=>[
+                                        (0, __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode)((0, __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString)(__WEBPACK_EXTERNAL_MODULE_vue__.unref(attrs)?.props?.label ? item[(0, __WEBPACK_EXTERNAL_MODULE_vue__.unref)(attrs).props.label] : item.label ?? item.dataValueNameDisplay), 1)
+                                    ]),
+                                _: 2
+                            }, 1032, [
+                                "disabled",
                                 "label",
                                 "value"
                             ]))), 128))
@@ -5329,4 +5435,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 { copy_text_with_tooltip as CopyTextWithTooltip, dbgrid_component_setting as DbgridComponentSetting, dict_select as DictSelect, 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, Title, convertToSpellNo, convertToWbNo, debounce, decimalCount, formatDecimalNumber, isNumber, print, use_app_config as useAppConfigData, useColumnConfig, use_direction_select as useDirectionSelect, use_fetch_dataset as useFetchDataset, useFormConfig, usePrintReceipt, use_request as useRequest, __webpack_exports__COMPONENT_CODE as COMPONENT_CODE };
+export { copy_text_with_tooltip as CopyTextWithTooltip, dbgrid_component_setting as DbgridComponentSetting, dict_select as DictSelect, 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, Title, convertToSpellNo, convertToWbNo, debounce, decimalCount, formatDecimalNumber, isNumber, print, use_app_config as useAppConfigData, useColumnConfig, use_direction_select as useDirectionSelect, use_editable_table as 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.2-beta.23",
+  "version": "0.0.2-beta.24",
   "type": "module",
   "exports": {
     ".": {