@dt-frames/ui 2.0.24 → 4.0.1

package/es/components/source/hooks/useSource.d.ts

@@ -1,57 +0,0 @@
-import { CurdActionType } from '../../curd/src/types/curd.type';
-import { FormActionType } from '../../form/src/types/actions.type';
-import { TableActionType } from '../../table/src/types/actions.type';
-import { DownloadType } from '../../table/src/types/header.type';
-import { Recordable } from "@dt-frames/core";
-import { Key } from "ant-design-vue/es/table/interface";
-import { SourceOption, TableParamsType } from "../types/source.type";
-export declare function useSource(props: SourceOption): {
-    form: {
-        onSearch: (params?: Recordable) => void;
-        onReset: (params?: Recordable) => void;
-        loading: {
-            [key: string]: import("vue").Ref<boolean>;
-        };
-        registerInstance: (instance: FormActionType) => FormActionType;
-    };
-    table: {
-        authPrefix: string;
-        dataSource: import("vue").Ref<any[]>;
-        pagination: import("vue").Ref<{
-            current: number;
-            pageSize: number;
-            total: number;
-        }>;
-        loading: import("vue").Ref<boolean>;
-        onSearch: (params?: Recordable) => void;
-        onTableChange: (params: TableParamsType) => void;
-        onOPenAddDialog: () => void;
-        onOpenUpdateDialog: (row?: Recordable) => Promise<void>;
-        onDelete: (row: Recordable) => void;
-        onDeletes: (ids: Key[]) => void;
-        onDownload: (excelData: DownloadType, extraData?: any[]) => void;
-        registerInstance: (instance: TableActionType) => TableActionType;
-    };
-    curd: {
-        authPrefix: string;
-        onSave: (params?: Recordable) => Promise<boolean>;
-        onDeletes: (ids: Key[]) => void;
-        onQueryById: (id: Key) => Promise<unknown>;
-        registerInstance: (instance: CurdActionType) => CurdActionType;
-    };
-    api: import("../types/source.type").ApiObjType;
-    loading: {
-        [key: string]: import("vue").Ref<boolean>;
-    };
-    dataSource: import("vue").Ref<any[]>;
-    onOPenAddDialog: () => void;
-    onOpenUpdateDialog: (row?: Recordable) => Promise<void>;
-    onDelete: (row: Recordable) => void;
-    onDeletes: (ids: Key[]) => void;
-    onQueryById: (id: Key) => Promise<unknown>;
-    onDownload: (excelData: DownloadType, extraData?: any[]) => void;
-    onSave: (params?: Recordable) => Promise<boolean>;
-    onSearch: (params?: Recordable) => void;
-    onReset: (params?: Recordable) => void;
-    onTableChange: (params: TableParamsType) => void;
-};

package/es/components/source/index.d.ts

@@ -1,2 +0,0 @@
-import { useSource } from "./hooks/useSource";
-export { useSource };

package/es/components/source/index.js

@@ -1,419 +0,0 @@
-import { ref, unref, toRaw } from "vue";
-import { isString, http, isObject, useAppStore, error, getDictValueByCode, formatNumber, useI18n, useMessage, isArray, isFunction, isBoolean } from "@dt-frames/core";
-import { isObject as isObject$1 } from "@vueuse/core";
-import { capitalize } from "lodash-es";
-import * as xlsx from "xlsx";
-import dayjs from "dayjs";
-const getApi = (api, baseUrl) => {
-  const loading = {
-    onSearch: ref(false),
-    onReset: ref(false),
-    onQuerypage: ref(false)
-  };
-  const newApi = {};
-  const testIsFullApi = (str) => str.startsWith("/") ? str : baseUrl + str;
-  for (let it in api) {
-    loading["on" + capitalize(it)] = ref(false);
-    const item = api[it];
-    if (isString(item)) {
-      newApi[it] = testIsFullApi(item);
-    } else {
-      newApi[it] = {
-        ...item,
-        api: testIsFullApi(item.api)
-      };
-    }
-  }
-  return {
-    api: newApi,
-    loading
-  };
-};
-function useDownload(exportUrl, exportName) {
-  function download(excelData, extraData = []) {
-    const { params: searchDTO, type, columns } = excelData;
-    switch (type) {
-      case "all":
-        http.exportFile(
-          exportUrl,
-          {
-            fields: setDownloadAllHeaders(columns),
-            tableName: unref(exportName),
-            fileType: "xlsx",
-            searchDTO
-          },
-          `${unref(exportName)}.xlsx`
-        );
-        break;
-      case "current":
-      case "select":
-        handleDownloadPage(excelData, unref(exportName), extraData);
-        break;
-    }
-  }
-  function setDownloadAllHeaders(columns) {
-    return columns.map((it) => {
-      let column = {
-        propertyName: it.dataIndex,
-        head: it.title
-      };
-      if (it.render && isObject(it.render)) {
-        const { dict, date, number } = it.render;
-        if (isString(dict)) {
-          column.dictCode = dict;
-        } else if (isObject(dict)) {
-          column.struCode = dict.struCode;
-          column.struKey = dict.label;
-        } else if (date) {
-          column.format = date;
-        } else if (number) {
-          column.format = number;
-        }
-      }
-      return column;
-    });
-  }
-  function handleDownloadPage({ columns = [], rows = [] }, exportName2 = "", extraData = []) {
-    const titles = columns.map((it) => it.title);
-    const content = rows.reduce((total, it) => {
-      const rowData = columns.map((column) => {
-        let value = it[column.dataIndex.toString()];
-        if (column.render && isObject(column.render) && value !== void 0) {
-          const { dict, date, number, percent, struc } = column.render;
-          if (struc) {
-            const { appConf } = useAppStore();
-            let apiStruc = appConf.structure[struc];
-            if (!apiStruc) {
-              error(`${struc}\u672A\u5728structure\u4E2D\u914D\u7F6E`);
-            } else {
-              return getDictValueByCode(value, apiStruc);
-            }
-          } else if (date) {
-            return dayjs(value).format(date);
-          } else if (dict) {
-            return unref(getDictValueByCode(value, dict));
-          } else if (percent) {
-            return formatNumber((value || 0) * 100, percent) + "%";
-          } else if (number) {
-            return formatNumber(value, number);
-          }
-        }
-        return value;
-      });
-      total.push(rowData);
-      return total;
-    }, []);
-    let excelHeader = [titles];
-    if (extraData && extraData.length > 0) {
-      excelHeader = [...extraData, titles];
-    }
-    export2Excel(
-      excelHeader.concat(content),
-      exportName2
-    );
-  }
-  function export2Excel(data = [], exportName2 = "") {
-    const worksheet = xlsx.utils.aoa_to_sheet(data);
-    const fileName = exportName2.substring(0, 26) + ".xlsx";
-    const workbook = {
-      SheetNames: [fileName],
-      Sheets: {
-        [fileName]: worksheet
-      }
-    };
-    xlsx.writeFile(
-      workbook,
-      fileName,
-      { bookType: "xlsx" }
-    );
-  }
-  return {
-    download
-  };
-}
-function useSource(props) {
-  const { t } = useI18n("UI");
-  const { confirm, message } = useMessage();
-  const { appConf } = useAppStore();
-  let okCode = appConf?.http?.okCode;
-  let _okCode = isArray(okCode) ? okCode : [okCode];
-  const { baseUrl, api: orgApi, exportName, queryAfterUpdate, beforeUpdate, afterUpdate, authPrefix } = props;
-  const pagination = ref({
-    current: appConf?.ui?.table?.defaultPageNo || 1,
-    pageSize: appConf?.ui?.table?.defaultPageSize || 20,
-    total: 0
-  });
-  const { loading, api } = getApi(orgApi, baseUrl);
-  const dataSource = ref([]);
-  let baseData = {
-    pageNumber: 1,
-    pageSize: appConf?.ui?.table?.defaultPageSize || 20
-  };
-  let tableInstance = null;
-  let formInstance = null;
-  let curdInstance = null;
-  function onSearch(params = {}) {
-    if (!api.queryPage)
-      return;
-    tableInstance?.clearSelectedRowKeys();
-    const { defaultPageSize } = tableInstance?.getPagination() || {};
-    baseData = {
-      ...formInstance?.getFormValues() ?? {},
-      ...params,
-      pageNumber: 1,
-      pageSize: defaultPageSize
-    };
-    loading.onSearch.value = true;
-    loading.onQuerypage.value = true;
-    setPage();
-  }
-  function onReset(params = {}) {
-    const { defaultPageSize } = tableInstance?.getPagination() || {};
-    baseData = {
-      ...params,
-      ...formInstance?.getFormValues() ?? {},
-      pageNumber: 1,
-      pageSize: defaultPageSize
-    };
-    loading.onReset.value = true;
-    loading.onQuerypage.value = true;
-    tableInstance?.clearSelectedRowKeys();
-    setPage();
-  }
-  async function setPage(params = {}) {
-    if (!api.queryPage)
-      return;
-    try {
-      const result = await fetch(api.queryPage, {
-        ...toRaw(baseData),
-        ...params
-      });
-      if (isArray(result)) {
-        dataSource.value.splice(0, dataSource.value.length, ...result);
-        return;
-      }
-      const { records, total, size, current, pageDTO } = result;
-      dataSource.value.splice(0, dataSource.value.length, ...records);
-      if (pageDTO) {
-        pagination.value = {
-          current: pageDTO.pageNo + 1,
-          pageSize: pageDTO.pageSize || appConf?.ui?.table?.defaultPageSize,
-          total: pageDTO.totalCount
-        };
-      } else {
-        pagination.value = {
-          current,
-          pageSize: size || appConf?.ui?.table?.defaultPageSize,
-          total
-        };
-      }
-    } catch (err) {
-      console.error(`\u5206\u9875\u67E5\u8BE2\u9519\u8BEF\uFF1A${err}`);
-    } finally {
-      loading.onSearch.value = false;
-      loading.onQuerypage.value = false;
-      loading.onReset.value = false;
-    }
-  }
-  function onTableChange(params) {
-    const { pagination: pagination2, sort, filter } = params;
-    if (!appConf?.ui?.table?.multipleSorter) {
-      let order = sort.order;
-      let sortOrder = order === "ascend" ? "asc" : order === "descend" ? "desc" : null;
-      baseData = {
-        ...baseData,
-        sortName: sortOrder ? sort.field : "",
-        sortOrder
-      };
-    } else {
-      baseData.sort = (sort || []).map((it) => {
-        if (it.order) {
-          return {
-            sortName: it.field,
-            sortOrder: it.order === "ascend" ? "asc" : "desc"
-          };
-        }
-      }).filter((it) => it);
-    }
-    baseData = {
-      ...baseData,
-      pageNumber: pagination2.current,
-      pageSize: pagination2.pageSize
-    };
-    setPage(filter);
-  }
-  function onOPenAddDialog() {
-    curdInstance && curdInstance.openAddDialog();
-  }
-  async function onOpenUpdateDialog(row) {
-    curdInstance && curdInstance.openUpdateDialog(row);
-  }
-  function onDelete(row) {
-    if (curdInstance) {
-      curdInstance.del(row);
-    } else {
-      onDeletes([row?.id]);
-    }
-  }
-  function onQueryById(id) {
-    return fetch(api.queryById, { id });
-  }
-  async function onSave(params) {
-    const methods = curdInstance ? curdInstance.curdFormMethods : formInstance;
-    if (!methods) {
-      console.log("\u672A\u914D\u7F6E\u8868\u5355\u5B9E\u4F8B\uFF01");
-      return;
-    }
-    let model = {
-      ...params,
-      ...methods.getFormValues()
-    };
-    try {
-      await methods.validate();
-      if (beforeUpdate && isFunction(beforeUpdate)) {
-        let canUpdate = beforeUpdate(model);
-        if (isBoolean(canUpdate) && canUpdate === false) {
-          return false;
-        }
-      }
-      if (!model.id) {
-        loading.onAdd.value = true;
-        try {
-          const result = await fetch(api.add, { ...model }, false);
-          if (_okCode.includes(result?.code)) {
-            message.success(t("ADD_SUCCESS"));
-            curdInstance && curdInstance.closeModal();
-            if (queryAfterUpdate !== false)
-              onSearch();
-            if (afterUpdate && isFunction(afterUpdate))
-              afterUpdate(result.data);
-          }
-        } catch (err) {
-        } finally {
-          loading.onAdd.value = false;
-        }
-      } else {
-        loading.onUpdate.value = true;
-        try {
-          const result = await fetch(api.update, { ...model }, false);
-          if (_okCode.includes(result?.code)) {
-            message.success(t("UPDATE_SUCCESS"));
-            curdInstance && curdInstance.closeModal();
-            if (queryAfterUpdate !== false)
-              onSearch();
-            if (afterUpdate && isFunction(afterUpdate))
-              afterUpdate(result.data);
-          }
-        } catch (err) {
-        } finally {
-          loading.onUpdate.value = false;
-        }
-      }
-    } catch (err) {
-      console.log("Err:", err);
-    } finally {
-    }
-  }
-  function onDeletes(ids) {
-    if (!tableInstance)
-      return;
-    if (!api.deletes) {
-      message.error(t("EMPTY_URL"));
-      return;
-    }
-    const _ids = ids || tableInstance.getSelectedRowKeys();
-    if (!_ids.length) {
-      message.error(t("EMPTY"));
-      return;
-    }
-    const isSingleDelete = !!ids;
-    !isSingleDelete && (loading.onDeletes.value = true);
-    confirm({
-      title: isSingleDelete ? t("DELETE_CONFIRM") : t("MULTIFY_DELETE_CONFIRM"),
-      content: isSingleDelete ? t("CONFIRM_DELETE") : t("CONFIRM_MULTIFY_DELETE", { length: _ids.length }),
-      iconType: "warning",
-      onOk() {
-        fetch(api.deletes, toRaw(_ids), false).then((rsp) => {
-          if (_okCode.includes(rsp?.code)) {
-            message.success((isSingleDelete ? "" : t("MULTIFY")) + t("DELETE_SUCCESS"));
-            !isSingleDelete && tableInstance.clearSelectedRowKeys();
-            if (queryAfterUpdate !== false)
-              onSearch();
-            if (afterUpdate && isFunction(afterUpdate))
-              afterUpdate(rsp.data);
-          }
-        }).finally(() => {
-          isSingleDelete && (loading.onDeletes.value = false);
-        });
-      }
-    });
-  }
-  function onDownload(excelData, extraData = []) {
-    const { download } = useDownload(api.export, exportName);
-    download({ ...excelData, params: baseData }, extraData);
-  }
-  function fetch(api2, params, onlyData = true) {
-    const { type = "post", header = {} } = isObject$1(api2) ? api2 : {};
-    return new Promise((resolve, reject) => {
-      http[type](api2, params, {
-        ...header,
-        onlyData: false
-      }).then(
-        (data) => {
-          resolve(onlyData ? data?.data : data);
-        },
-        (error2) => {
-          reject(error2);
-        }
-      );
-    });
-  }
-  const form = {
-    onSearch,
-    onReset,
-    loading,
-    registerInstance: (instance) => formInstance = instance
-  };
-  const table = {
-    authPrefix,
-    dataSource,
-    pagination,
-    loading: loading.onQuerypage,
-    onSearch,
-    onTableChange,
-    onOPenAddDialog,
-    onOpenUpdateDialog,
-    onDelete,
-    onDeletes,
-    onDownload,
-    registerInstance: (instance) => tableInstance = instance
-  };
-  const curd = {
-    authPrefix,
-    onSave,
-    onDeletes,
-    onQueryById,
-    registerInstance: (instance) => curdInstance = instance
-  };
-  return {
-    form,
-    table,
-    curd,
-    api,
-    loading,
-    dataSource,
-    onOPenAddDialog,
-    onOpenUpdateDialog,
-    onDelete,
-    onDeletes,
-    onQueryById,
-    onDownload,
-    onSave,
-    onSearch,
-    onReset,
-    onTableChange
-  };
-}
-export {
-  useSource
-};

package/es/components/source/types/source.type.d.ts

@@ -1,35 +0,0 @@
-import { ApiType, Recordable } from "@dt-frames/core";
-import { ComputedRef } from "vue";
-export declare type ApiObjType = {
-    add?: string | ApiType;
-    update?: string | ApiType;
-    save?: string | ApiType;
-    deletes?: string | ApiType;
-    queryById?: string | ApiType;
-    queryPage?: string | ApiType;
-    [key: string]: string | ApiType;
-};
-export declare type SourceOption = {
-    baseUrl?: string;
-    exportName?: string | ComputedRef;
-    authPrefix?: string;
-    queryAfterUpdate?: boolean;
-    beforeUpdate?: (model: Recordable) => boolean | Recordable | undefined;
-    afterUpdate?: (data: Recordable) => void;
-    api?: ApiObjType;
-};
-export declare type orderType = {
-    field: string | number;
-    order: 'asc' | 'desc';
-};
-export declare type BaseDataType = {
-    pageNumber: Number;
-    pageSize: Number;
-    [key: string]: any;
-};
-export declare type TableParamsType = {
-    pagination: any;
-    showBtnLoading: boolean;
-    sort: Recordable;
-    filter: any;
-};

package/es/components/source/utils/index.d.ts

@@ -1,8 +0,0 @@
-import { Ref } from "vue";
-import { ApiObjType } from "../types/source.type";
-export declare const getApi: (api: ApiObjType, baseUrl: string) => {
-    api: ApiObjType;
-    loading: {
-        [key: string]: Ref<boolean>;
-    };
-};

package/es/components/table/index.d.ts

@@ -1,3 +0,0 @@
-import { useTable } from "./src/hooks/useTable";
-import DtTable from "./src/index";
-export { DtTable, useTable };