@dt-frames/ui 3.0.1 → 4.0.1

package/es/components/modal/src/types/index.type.d.ts

@@ -1,18 +0,0 @@
-import { ExtractPropTypes, Ref } from 'vue';
-import { basicProps } from '../props';
-export type ModalMethods = {
-    getModalProps?: () => Partial<ExtractPropTypes<typeof basicProps>>;
-    setModalProps: (props: Partial<ExtractPropTypes<typeof basicProps>>) => void;
-    redoModalHeight?: () => void;
-};
-export interface ReturnMethods extends ModalMethods {
-    openModal: <T = any, U = any>(params?: T, afterClose?: (res: U) => void) => void;
-    closeModal: () => void;
-}
-export interface ReturnInnerMethods extends ModalMethods {
-    closeModal: <T = any>(res?: T) => void;
-    setLoading: (loading: boolean) => void;
-}
-export type RegisterFn = (modalMethods: ModalMethods, uuid?: string) => void;
-export type UseModalReturnType = [RegisterFn, ReturnMethods, Ref<boolean>];
-export type UseModalInnerReturnType = [RegisterFn, ReturnInnerMethods];

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

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

package/es/components/source/index.js

@@ -1,448 +0,0 @@
-import { http, isObject, isString, useAppStore, error, getDictValueByCode, formatNumber, useI18n, isArray, message, confirm, isBoolean } from "@dt-frames/core";
-import { capitalize } from "lodash-es";
-import * as xlsx from "xlsx";
-import dayjs from "dayjs";
-import { unref, ref, toRaw } from "vue";
-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
-  };
-}
-const getApi = (api, baseUrl) => {
-  const loading = {
-    onSearch: ref(false),
-    onReset: ref(false),
-    onQuerypage: ref(false),
-    onSave: 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 fetch(api, params, onlyData = true) {
-  const { type = "post", header = {} } = isObject(api) ? api : {};
-  return new Promise((resolve, reject) => {
-    http[type](api, params, {
-      ...header,
-      onlyData: false
-    }).then(
-      (data) => {
-        resolve(onlyData ? data?.data : data);
-      },
-      (error2) => {
-        reject(error2);
-      }
-    );
-  });
-}
-function useSource({
-  baseUrl,
-  api: orgApi,
-  pageName,
-  queryAfterUpdate,
-  authPrefix,
-  autoFetch = true
-}) {
-  const { t } = useI18n("UI");
-  const { appConf } = useAppStore();
-  const getOkCode = () => {
-    const code = appConf?.http?.okCode;
-    return isArray(code) ? code : [code];
-  };
-  const pagination = ref({
-    current: appConf?.ui?.table?.defaultPageNo || 1,
-    pageSize: appConf?.ui?.table?.defaultPageSize || 20,
-    total: 0
-  });
-  const { loading, api } = getApi(orgApi, baseUrl);
-  let tableInstance = null;
-  let formInstance = null;
-  let curdInstance = null;
-  const dataSource = ref([]);
-  let baseData = {
-    pageNumber: 1,
-    pageSize: appConf?.ui?.table?.defaultPageSize || 20
-  };
-  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 = result;
-        return;
-      }
-      const { records, total, size, current, pageDTO } = result;
-      dataSource.value = 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) {
-      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) {
-      const order = sort.order;
-      const sortOrder = order === "ascend" ? "asc" : order === "descend" ? "desc" : null;
-      baseData = {
-        ...baseData,
-        sortName: sortOrder ? sort.field : "",
-        sortOrder
-      };
-    } else {
-      const _sort = isObject(sort) ? [sort] : sort;
-      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 onOpenEditDialog(row) {
-    curdInstance && curdInstance.openEditDialog(row);
-  }
-  function onDelete(row) {
-    if (curdInstance) {
-      curdInstance.del(row);
-    } else {
-      onDeletes([row?.id]);
-    }
-  }
-  function onQueryById(id) {
-    return fetch(api.queryById, { id });
-  }
-  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 (getOkCode().includes(rsp?.code)) {
-            message.success(
-              (isSingleDelete ? "" : t("MULTIFY")) + t("DELETE_SUCCESS")
-            );
-            !isSingleDelete && tableInstance.clearSelectedRowKeys();
-            if (queryAfterUpdate !== false) {
-              onSearch();
-            }
-            if (curdInstance.afterClose) {
-              curdInstance.afterClose({
-                type: "DELETE",
-                data: rsp.data
-              });
-            }
-          }
-        }).finally(() => {
-          isSingleDelete && (loading.onDeletes.value = false);
-        });
-      }
-    });
-  }
-  async function onSave(params) {
-    const methods = curdInstance || formInstance;
-    if (!methods) {
-      console.log("\u672A\u914D\u7F6E\u8868\u5355\u5B9E\u4F8B\uFF01");
-      return;
-    }
-    const model = {
-      ...params,
-      ...methods.getFormValues()
-    };
-    try {
-      await methods.validate();
-      if (curdInstance.beforeSave) {
-        const canUpdate = curdInstance.beforeSave(model);
-        if (isBoolean(canUpdate) && canUpdate === false) {
-          return false;
-        }
-      }
-      if (!model[tableInstance?.rowKey || "id"]) {
-        loading.onAdd.value = true;
-        try {
-          const result = await fetch(api.add, { ...model }, false);
-          if (getOkCode().includes(result?.code)) {
-            message.success(t("ADD_SUCCESS"));
-            curdInstance && curdInstance.closeModal();
-            if (queryAfterUpdate !== false) {
-              onSearch();
-            }
-            if (curdInstance.afterClose) {
-              curdInstance.afterClose({
-                type: "ADD",
-                data: result.data
-              });
-            }
-          }
-        } catch (err) {
-        } finally {
-          loading.onAdd.value = false;
-        }
-      } else {
-        loading.onUpdate.value = true;
-        try {
-          const result = await fetch(api.update, { ...model }, false);
-          if (getOkCode().includes(result?.code)) {
-            message.success(t("UPDATE_SUCCESS"));
-            curdInstance && curdInstance.closeModal();
-            if (queryAfterUpdate !== false) {
-              onSearch();
-            }
-            if (curdInstance.afterClose) {
-              curdInstance.afterClose({
-                type: "EDIT",
-                data: result.data
-              });
-            }
-          }
-        } catch (err) {
-        } finally {
-          loading.onUpdate.value = false;
-        }
-      }
-    } catch (err) {
-      console.log("Err:", err);
-    } finally {
-    }
-  }
-  function onDownload(excelData, extraData = []) {
-    console.log("s=s=s=s=s=");
-    const { download } = useDownload(api.export, pageName);
-    download({ ...excelData, params: baseData }, extraData);
-  }
-  const form = {
-    onSearch,
-    onReset,
-    loading,
-    registerInstance: (instance) => formInstance = instance
-  };
-  const table = {
-    authPrefix,
-    autoFetch,
-    dataSource,
-    pagination,
-    loading: loading.onQuerypage,
-    onSearch,
-    onTableChange,
-    onOpenAddDialog,
-    onOpenEditDialog,
-    onDelete,
-    onDeletes,
-    onDownload,
-    registerInstance: (instance) => tableInstance = instance
-  };
-  const curd = {
-    authPrefix,
-    title: pageName,
-    onSave,
-    onDeletes,
-    onQueryById,
-    registerInstance: (instance) => curdInstance = instance
-  };
-  return {
-    form,
-    table,
-    curd,
-    api,
-    loading,
-    dataSource,
-    onOpenAddDialog,
-    onOpenEditDialog,
-    onDelete,
-    onDeletes,
-    onQueryById,
-    onDownload,
-    onSave,
-    onSearch,
-    onReset,
-    onTableChange
-  };
-}
-export {
-  useSource
-};

package/es/components/source/src/hooks/useDownload.d.ts

@@ -1,8 +0,0 @@
-import { Recordable, ApiType } from "@dt-frames/core";
-import { ComputedRef } from "vue";
-import { DownloadType } from '../../../table';
-export declare function useDownload(exportUrl: string | ApiType, exportName: string | ComputedRef): {
-    download: (excelData: DownloadType & {
-        params: Recordable;
-    }, extraData?: any[]) => void;
-};

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

@@ -1,61 +0,0 @@
-import { Key } from 'ant-design-vue/es/table/interface';
-import { ApiObjType, SourceConf, TableParamsType } from '../types/source.type';
-import { FormActionType } from '../../../form';
-import { CurdActionType } from '../../../curd';
-import { DownloadType, TableActionType } from '../../../table';
-type registerTableType = TableActionType & {
-    rowKey: string | number;
-};
-export declare function useSource({ baseUrl, api: orgApi, pageName, queryAfterUpdate, authPrefix, autoFetch }: SourceConf): {
-    form: {
-        onSearch: (params?: Recordable) => void;
-        onReset: (params?: Recordable) => void;
-        loading: {
-            [key: string]: globalThis.Ref<boolean>;
-        };
-        registerInstance: (instance: FormActionType) => FormActionType;
-    };
-    table: {
-        authPrefix: string;
-        autoFetch: boolean;
-        dataSource: globalThis.Ref<any[]>;
-        pagination: globalThis.Ref<{
-            current: number;
-            pageSize: number;
-            total: number;
-        }>;
-        loading: globalThis.Ref<boolean>;
-        onSearch: (params?: Recordable) => void;
-        onTableChange: (params: TableParamsType) => void;
-        onOpenAddDialog: () => void;
-        onOpenEditDialog: (row?: Recordable) => Promise<void>;
-        onDelete: (row: Recordable) => void;
-        onDeletes: (ids: Key[]) => void;
-        onDownload: (excelData: DownloadType, extraData?: any[]) => void;
-        registerInstance: (instance: registerTableType) => registerTableType;
-    };
-    curd: {
-        authPrefix: string;
-        title: string | globalThis.ComputedRef<any>;
-        onSave: (params?: Recordable) => Promise<boolean>;
-        onDeletes: (ids: Key[]) => void;
-        onQueryById: (id: Key) => Promise<unknown>;
-        registerInstance: (instance: CurdActionType) => CurdActionType;
-    };
-    api: ApiObjType;
-    loading: {
-        [key: string]: globalThis.Ref<boolean>;
-    };
-    dataSource: globalThis.Ref<any[]>;
-    onOpenAddDialog: () => void;
-    onOpenEditDialog: (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;
-};
-export {};

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

@@ -1,34 +0,0 @@
-import { ApiType, Recordable } from '@dt-frames/core';
-import { ComputedRef } from 'vue';
-export 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 type SourceConf = {
-    baseUrl?: string;
-    pageName?: string | ComputedRef;
-    authPrefix?: string;
-    autoFetch?: boolean;
-    queryAfterUpdate?: boolean;
-    api?: ApiObjType;
-};
-export type BaseDataType = {
-    pageNumber: Number;
-    pageSize: Number;
-    [key: string]: any;
-};
-export type TableParamsType = {
-    pagination: any;
-    showBtnLoading: boolean;
-    sort: Recordable;
-    filter: any;
-};
-export type orderType = {
-    field: string | number;
-    order: 'asc' | 'desc';
-};

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

@@ -1,8 +0,0 @@
-import { useTable } from './src/hooks/useTable';
-import DtTable from "./src/index";
-import DtTableHeader from "./src/components/TableHeader";
-import { TableActionType } from './src/types/actions.type';
-import { DownloadType } from './src/types/header.type';
-import { BasicColumn, ButtonType, TableRowAction, TableSetting } from './src/types/table.type';
-export { DtTable, DtTableHeader, useTable };
-export type { TableActionType, DownloadType, BasicColumn, TableSetting, TableRowAction, ButtonType };