@dt-frames/ui 3.0.1 → 4.0.1

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

@@ -0,0 +1,177 @@
+import { ApiType, Recordable } from '@dt-frames/core';
+import { ComputedRef, Ref } from 'vue';
+import { ColumnType, PaginationType, RowKey, SortState, TableInsType } from '../components/table';
+import { CurdInsType, SaveParam } from './curd.type';
+import { FormInsType } from '../components/form';
+type SourceConf = {
+    /**
+     * 基础路径
+     */
+    baseUrl?: string;
+    /**
+     * 当前页面菜单名称 文件导出名称 弹框标题 提示信息等
+     */
+    pageName?: string | ComputedRef;
+    /**
+     * 权限前缀
+     */
+    authPrefix?: string;
+    /**
+     * 编辑成功后是否需要查询 包括增删改
+     */
+    queryAfterUpdate?: boolean;
+    /**
+     * api接口
+     */
+    api?: ApiObjType;
+    /**
+     * 首次进入是否自动查询
+     */
+    autoFetch?: boolean;
+    /**
+     * 数据新增或编辑之前的数据处理
+     * @desc 新增和编辑都会进来
+     */
+    beforeSave?: (param: SaveParam) => SaveParam;
+    /**
+     * 弹框关闭后的回调
+     */
+    afterClose?: (param?: any) => void;
+};
+type ApiObjType = {
+    add?: string | ApiType;
+    update?: string | ApiType;
+    save?: string | ApiType;
+    deletes?: string | ApiType;
+    queryById?: string | ApiType;
+    queryPage?: string | ApiType;
+    [key: string]: string | ApiType | undefined;
+};
+type BaseDataType = {
+    pageNumber?: number;
+    pageSize?: number;
+    [key: string]: any;
+};
+type SourceDownloadType = {
+    /**
+     * 当前页 | 选中项 | 全部
+     */
+    type: 'current' | 'select' | 'all';
+    /**
+     * 列并配置
+     */
+    columns?: ColumnType[];
+    /**
+     * 行数据
+     */
+    rows?: Recordable<any>[];
+};
+type TableChangeParams = {
+    pagination: PaginationType | false;
+    sorter: SortState;
+};
+/**
+ * 额外下载的excel配置
+ */
+type ExcelExtraDataType = {
+    /**
+     * 头部数据
+     */
+    headerData?: string[][];
+    /**
+     * 尾部数据
+     */
+    footerData?: string[][];
+};
+type SourceType = {
+    /**
+     * 页面标题
+     */
+    pageName?: string;
+    /**
+     * 权限前缀
+     */
+    authPrefix?: string;
+    /**
+     * 行的key属性
+     */
+    rowKey?: RowKey;
+    /**
+     * 分页数据
+     */
+    data?: Ref<any>;
+    /**
+     * 分页参数
+     */
+    pagination?: Ref<PaginationType>;
+    /**
+     * 加载状态
+     */
+    loading?: {
+        [key: string]: boolean;
+    } | Ref<boolean>;
+    /**
+     * 分页查询
+     */
+    onSearch?: (params: Recordable) => Promise<any>;
+    /**
+     * 重置
+     */
+    onReset?: (params: Recordable) => Promise<any>;
+    /**
+     * 分页改变
+     */
+    onTableChange?: (params: TableChangeParams) => Promise<any>;
+    /**
+     * 打开新增弹框
+     */
+    onAdd?: () => void;
+    /**
+     * 打开编辑弹框
+     */
+    onEdit?: (row: Recordable) => void;
+    /**
+     * 单个条目删除
+     */
+    onDelete?: (row: Recordable) => Promise<any>;
+    /**
+     * 批量删除
+     */
+    onDeletes?: (ids: RowKey[], type?: 'single' | 'multi') => void;
+    /**
+     * 保存
+     * @param opt
+     * 		headerData 额外的表头数据
+     * 		footerData 尾部数据
+     */
+    onDownload?: (excelData: SourceDownloadType, opt?: ExcelExtraDataType) => void;
+    /**
+     * 根据id查找数据
+     */
+    onQueryById?: (id: RowKey) => Promise<any>;
+    /**
+     * 保存数据
+     */
+    onSave?: (data: any) => void;
+    /**
+     * 数据新增或编辑之前的数据处理
+     * @desc 新增和编辑都会进来
+     */
+    beforeSave?: (param: SaveParam) => SaveParam | Promise<SaveParam | boolean> | undefined;
+    /**
+     * 弹框关闭后的回调
+     */
+    afterClose?: (param?: any) => void;
+    /**
+     * 是否展示form查询条件
+     */
+    setShowSearch?: (show: boolean) => void;
+    /**
+     * 注册实例
+     */
+    registerInstance?: (instance: CurdInsType | FormInsType | TableInsTypeNew, type: 'curd' | 'form' | 'table') => void;
+};
+type TableInsTypeNew = TableInsType & {
+    rowKey?: RowKey;
+};
+export type { SourceConf, ApiObjType, BaseDataType, SourceType, TableChangeParams, SourceDownloadType, ExcelExtraDataType, TableInsTypeNew };

package/dist/es/types/user.type.d.ts

@@ -0,0 +1,32 @@
+type UserInfo = {
+    /**
+     * 头像
+     */
+    avatar: string;
+    /**
+     * 用户名
+     */
+    userName: string;
+    /**
+     * 手机号
+     */
+    phone?: string;
+    /**
+     * 用户邮箱
+     */
+    email?: string;
+    /**
+     * 个人签名
+     */
+    signature: string;
+    /**
+     * 用户角色
+     */
+    roles?: string[];
+    /**
+     * 用户id
+     */
+    userId: string;
+    [key: string]: any;
+};
+export type { UserInfo };

package/dist/es/utils/api.d.ts

@@ -0,0 +1,2 @@
+export declare const queryUserInfoApi = "/api/cer/auth/userInfo";
+export declare const queryMenuApi = "/api/cer/auth/getMenus";

package/dist/es/utils/index.d.ts

@@ -0,0 +1,4 @@
+export type { SFCWithInstall } from './withInstall';
+export { withNoopInstall, withInstall } from './withInstall';
+export { is, useNamespace } from './namespace';
+export { startProgress, stopProgress } from './progress';

package/dist/es/utils/namespace.d.ts

@@ -0,0 +1,17 @@
+declare const is: (name: string, ...args: [] | [boolean | undefined]) => string;
+declare const useNamespace: (block: string) => {
+    b: (blockSuffix?: string) => string;
+    be: (blockSuffix?: string, element?: string) => string;
+    bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+    bm: (blockSuffix?: string, modifier?: string) => string;
+    cssVar: (object: Record<string, string>) => Record<string, string>;
+    cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+    cssVarBlockName: (name: string) => string;
+    cssVarName: (name: string) => string;
+    e: (element?: string) => string;
+    em: (element?: string, modifier?: string) => string;
+    is: (name: string, ...args: [] | [boolean | undefined]) => string;
+    m: (modifier?: string) => string;
+    namespace: string;
+};
+export { is, useNamespace };

package/dist/es/utils/namespace.mjs

@@ -0,0 +1 @@
+import{DEFAULT_NAMESPACE as m}from"../layout/index";const N="is-",p=(c,...t)=>{const a=t.length>0?t[0]:!0;return c&&a?`${N}${c}`:""},$=(c,t,a,o,V)=>{let e=`${c}-${t}`;return a&&(e+=`-${a}`),o&&(e+=`__${o}`),V&&(e+=`--${V}`),e},C=c=>{const t=m;return{b:(s="")=>$(t,c,s,"",""),be:(s,n)=>s&&n?$(t,c,s,n,""):"",bem:(s,n,r)=>s&&n&&r?$(t,c,s,n,r):"",bm:(s,n)=>s&&n?$(t,c,s,"",n):"",cssVar:s=>{const n={};for(const r in s)s[r]&&(n[`--${t}-${r}`]=s[r]);return n},cssVarBlock:s=>{const n={};for(const r in s)s[r]&&(n[`--${t}-${c}-${r}`]=s[r]);return n},cssVarBlockName:s=>`--${t}-${c}-${s}`,cssVarName:s=>`--${t}-${s}`,e:s=>s?$(t,c,"",s,""):"",em:(s,n)=>s&&n?$(t,c,"",s,n):"",is:p,m:s=>s?$(t,c,"","",s):"",namespace:t}};export{p as is,C as useNamespace};

package/dist/es/utils/progress.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 开始显示进度条。
+ * 此函数首先加载NProgress库，然后调用NProgress的start方法开始显示进度条。
+ */
+declare function startProgress(): Promise<void>;
+/**
+ * 停止显示进度条，并隐藏进度条。
+ * 此函数首先加载NProgress库，然后调用NProgress的done方法停止并隐藏进度条。
+ */
+declare function stopProgress(): Promise<void>;
+export { startProgress, stopProgress };

package/dist/es/utils/progress.mjs

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../assets/node_modules/.pnpm/nprogress@0.2.0/node_modules/nprogress/nprogress-BgDCIyLK.css"])))=>i.map(i=>d[i]);
+import{__vitePreload as o}from"../_virtual/preload-helper.mjs";let r=null;async function e(){return r||(r=await o(()=>import("nprogress"),[],import.meta.url),await o(()=>Promise.resolve({}),__vite__mapDeps([0]),import.meta.url),r.configure({showSpinner:!0,speed:300}),r)}async function a(){const t=await e();t==null||t.start()}async function i(){const t=await e();t==null||t.done()}export{a as startProgress,i as stopProgress};

package/dist/es/utils/useAuth.d.ts

@@ -0,0 +1,3 @@
+export declare function useAuth(): {
+    queryBaseInfo: () => void;
+};

package/dist/es/utils/withInstall.d.ts

@@ -0,0 +1,4 @@
+import { Plugin } from 'vue';
+export type SFCWithInstall<T> = T & Plugin;
+export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E) => SFCWithInstall<T> & E;
+export declare const withNoopInstall: <T>(component: T) => SFCWithInstall<T>;

package/dist/es/utils/withInstall.mjs

@@ -0,0 +1 @@
+import{NOOP as n}from"@vue/shared";const e=(o,s)=>{if(o.install=l=>{for(const t of[o,...Object.values(s??{})])l.component(t.name,t)},s)for(const[l,t]of Object.entries(s))o[l]=t;return o},r=o=>(o.install=n,o);export{e as withInstall,r as withNoopInstall};

package/dist/es/vite.config.d.ts

@@ -0,0 +1,30 @@
+export type ManualChunksType = {
+    /**
+     * 模块路径 frame 为全部的 包括 stores、init、pages等，不包含components及layout文件夹
+     */
+    path: string;
+    /**
+     * 打包后的文件路径
+     */
+    chunkPath: string | string[];
+    /**
+     * 打包后的别名需要替换
+     */
+    replaceList: {
+        content: string;
+        replace: string;
+    }[];
+    /**
+     * 定义哪些文件夹需要打包出类型定义
+     */
+    dts: string[];
+};
+export type ManualChunksTypeObj = {
+    /**
+     * 模块名称
+     */
+    [key: string]: ManualChunksType;
+};
+export declare function getStyleIncludes(path?: string): string[];
+declare const _default: import("vite").UserConfigFnPromise;
+export default _default;

package/index.d.ts

@@ -1,12 +1,83 @@
-export * from './es/theme/index.d'
-export * from './es/components/form/index.d'
-export * from './es/components/icons/index.d'
-export * from './es/directives/index.d'
-export * from './es/components/modal/index.d'
-export * from './es/components/drawer/index.d'
-export * from './es/components/tree/index.d'
-export * from './es/components/upload/index.d'
-export * from './es/components/table/index.d'
-export * from './es/components/source/index.d'
-export *  from './es/components/curd/index.d'
-export *  from './es/components/vxe_table/index.d'
+import { DtIcon as _DtIcon } from './dist/es/components/icon/a'
+import { DtIconPicker as _DtIconPicker } from './dist/es/components/icon-picker/index'
+import {
+	DtForm as _DtForm,
+	useForm,
+	FormProps,
+	FormMode,
+	FormInsType,
+	ComponentType,
+	FormSchema,
+	ButtonTypes,
+	FormRef
+} from './dist/es/components/form/index'
+import {
+	DtTable as _DtTable,
+	useTable,
+	SortOrder,
+	SortBy,
+	ColumnType,
+	RowKey,
+	SortState,
+	TableInsType,
+	TableSetting,
+	TableType
+} from './dist/es/components/table/index'
+import { DtModal as _DtModal, useModal, useModalOut } from './dist/es/components/modal/index'
+import { DtDrawer as _DtDrawer, useDrawerOut, useDrawer } from './dist/es/components/modal/index'
+import { DtTree as _DtTree, useTree, ContextMenuItem } from './dist/es/components/tree/index'
+import { DtVxeTable as _DtVxeTable, useVxeTable } from './dist/es/components/vxe-table/index'
+import { DtTheme as _DtTheme, DtIconButton as _DtIconButton } from './dist/es/layout/index'
+import { DtVirtualList as _DtVirtualList } from './dist/es/components/virtual-list/index'
+import { DtUpload as _DtUpload } from './dist/es/components/upload/index'
+import { initDt } from './dist/es/init/index'
+import { useAuthStore } from './dist/es/stores/auth.store'
+import { useSource } from './dist/es/hooks/useSource'
+
+export { useAppStore } from './dist/es/stores/app.store'
+
+export { useCurd } from './dist/es/hooks/useCurd'
+
+export declare const DtIcon: typeof _DtIcon
+export declare const DtIconPicker: typeof _DtIconPicker
+export declare const DtForm: typeof _DtForm
+export declare const DtTable: typeof _DtTable
+export declare const DtVxeTable: typeof _DtVxeTable
+export declare const DtModal: typeof _DtModal
+export declare const DtDrawer: typeof _DtDrawer
+export declare const DtTheme: typeof _DtTheme
+export declare const DtIconButton: typeof _DtIconButton
+export declare const DtVirtualList: typeof _DtVirtualList
+export declare const DtUpload: typeof _DtUpload
+
+export {
+	initDt,
+	useForm,
+	useModal,
+	useModalOut,
+	useDrawerOut,
+	useDrawer,
+	useAuthStore,
+	useSource,
+	useCurd,
+	useTable,
+	useTree,
+	useVxeTable,
+	useAppStore,
+	SortOrder,
+	SortBy,
+	FormProps,
+	FormMode,
+	FormInsType,
+	ComponentType,
+	FormSchema,
+	ButtonTypes,
+	FormRef,
+	ColumnType,
+	RowKey,
+	SortState,
+	TableInsType,
+	TableSetting,
+	TableType,
+	ContextMenuItem
+}

package/index.ts

@@ -0,0 +1,16 @@
+export { DtIcon } from './dist/es/components/icon/index'
+export { DtIconPicker } from './dist/es/components/icon-picker/index'
+export { DtForm, useForm } from './dist/es/components/form/index'
+export { DtTable, useTable } from './dist/es/components/table/index'
+export { DtVxeTable, useVxeTable } from './dist/es/components/vxe-table/index'
+export { DtTree, useTree } from './dist/es/components/tree/index'
+export { DtModal, useModal, useModalOut } from './dist/es/components/modal/index'
+export { DtDrawer, useDrawerOut, useDrawer } from './dist/es/components/drawer/index'
+export { DtVirtualList } from './dist/es/components/virtual-list/index'
+export { DtTheme, DtIconButton } from './dist/es/layout/index'
+export { initDt } from './dist/es/init/index'
+export { useAuthStore } from './dist/es/stores/auth.store'
+export { useSource } from './dist/es/hooks/useSource'
+export { useCurd } from './dist/es/hooks/useCurd'
+export { useAppStore } from './dist/es/stores/app.store'
+export { DtUpload } from './dist/es/components/upload/index'

package/package.json

@@ -1,65 +1,91 @@
 {
 	"name": "@dt-frames/ui",
-	"version": "3.0.1",
+	"version": "4.0.1",
+	"license": "MIT",
 	"type": "module",
+	"scripts": {
+		"dev": "vite build -w --mode=dev",
+		"build": "tsc && vite build",
+		"build:frame": "vite build -f frame",
+		"dev:frame": "pnpm build:frame -w",
+		"build:icon": "vite build -f icon",
+		"dev:icon": "pnpm build:icon -w",
+		"build:icon-picker": "vite build -f icon-picker",
+		"dev:icon-picker": "pnpm build:icon-picker -w",
+		"build:virtual-list": "vite build -f virtual-list",
+		"dev:virtual-list": "pnpm build:virtual-list -w",
+		"build:hover-card": "vite build -f hover-card",
+		"dev:hover-card": "pnpm build:hover-card -w",
+		"build:form": "vite build -f form",
+		"dev:form": "pnpm build:form -w",
+		"build:modal": "vite build -f modal",
+		"dev:modal": "pnpm build:modal -w",
+		"build:drawer": "vite build -f drawer",
+		"dev:drawer": "pnpm build:drawer -w",
+		"build:table": "vite build -f table",
+		"dev:table": "pnpm build:table -w",
+		"build:vxe-table": "vite build -f vxe-table",
+		"dev:vxe-table": "pnpm build:vxe-table -w",
+		"build:tree": "vite build -f tree",
+		"dev:tree": "pnpm build:tree -w",
+		"build:layout": "vite build -f layout",
+		"dev:layout": "pnpm build:layout -w --mode=dev",
+		"build:upload": "vite build -f upload",
+		"dev:upload": "pnpm build:upload -w",
+		"build:iframe": "vite build -f iframe",
+		"dev:iframe": "pnpm build:iframe -w"
+	},
+	"files": [
+		"dist",
+		"index.d.ts",
+		"index.ts"
+	],
+	"main": "./index.ts",
+	"module": "./index.ts",
 	"types": "./index.d.ts",
-	"license": "MIT",
-	"main": "./src/index.ts",
 	"exports": {
-		"import": "./index.js",
-		"require": "./index.js"
+		".": {
+			"types": "./index.d.ts",
+			"import": "./index.ts",
+			"require": "./index.ts"
+		},
+		"./dist/es/*.mjs": {
+			"types": "./dist/es/*.d.ts",
+			"import": "./dist/es/*.mjs"
+		},
+		"./*": "./*"
 	},
-	"keywords": [
-		"ui",
-		"dt-ui"
-	],
 	"publishConfig": {
 		"access": "public",
 		"registry": "https://registry.npmjs.org/"
 	},
-	"scripts": {
-		"build": "vue-tsc && vite build",
-		"dev": "vite",
-		"preview": "vite preview",
-		"temp": "vue-tsc --noEmit && vite build",
-		"build:container": "pnpm temp -f container",
-		"dev:theme": "pnpm temp -f theme -w",
-		"build:theme": "pnpm temp -f theme",
-		"dev:form": "pnpm temp -f form -w",
-		"build:form": "pnpm temp -f form",
-		"dev:icons": "pnpm temp -f icons -w",
-		"build:icons": "pnpm temp -f icons",
-		"dev:iframe": "pnpm temp -f iframe -w",
-		"build:iframe": "pnpm temp -f iframe",
-		"dev:directives": "pnpm temp -f directives -w",
-		"build:directives": "pnpm temp -f directives",
-		"dev:upload": "pnpm temp -f upload -w",
-		"build:upload": "pnpm temp -f upload",
-		"dev:modal": "pnpm temp -f modal -w",
-		"build:modal": "pnpm temp -f modal",
-		"dev:drawer": "pnpm temp -f drawer -w",
-		"build:drawer": "pnpm temp -f drawer",
-		"dev:tree": "pnpm temp -f tree -w",
-		"build:tree": "pnpm temp -f tree",
-		"dev:table": "pnpm temp -f table -w",
-		"build:table": "pnpm temp -f table",
-		"dev:curd": "pnpm temp -f curd -w",
-		"build:curd": "pnpm temp -f curd",
-		"build:source": "pnpm temp -f source",
-		"dev:source": "pnpm temp -f source -w",
-		"dev:vxeTable": "pnpm temp -f vxeTable -w",
-		"build:vxeTable": "pnpm temp -f vxeTable"
-	},
 	"dependencies": {
-		"docx-preview": "^0.1.20",
-		"sortablejs": "^1.15.0",
-		"typescript": "^5.0.2",
-		"vue": "^3.3.4",
-		"vxe-table": "^4.5.13",
-		"xe-utils": "^3.5.14",
+		"@ctrl/tinycolor": "catalog:",
+		"@vitejs/plugin-vue": "catalog:",
+		"@vitejs/plugin-vue-jsx": "catalog:",
+		"@vue/shared": "catalog:",
+		"@vxe-ui/plugin-render-element": "^4.3.1",
+		"docx-preview": "^0.3.7",
+		"lodash-es": "catalog:",
+		"nprogress": "catalog:",
+		"pinia-plugin-persist": "catalog:",
+		"pinia-plugin-persistedstate": "catalog:",
+		"radix-vue": "catalog:",
+		"sortablejs": "catalog:",
+		"theme-colors": "catalog:",
 		"xlsx": "^0.18.5"
 	},
 	"devDependencies": {
-		"vite-plugin-on-success": "^0.0.3"
+		"@dt-frames/ts-config": "workspace:*",
+		"@types/lodash-es": "catalog:",
+		"@types/nprogress": "catalog:",
+		"@types/sortablejs": "^1.15.9",
+		"sass": "catalog:",
+		"sass-loader": "catalog:",
+		"vite-aliases": "catalog:",
+		"vite-plugin-dts": "catalog:",
+		"vite-plugin-on-success": "catalog:",
+		"vite-plugin-static-copy": "catalog:",
+		"vite-svg-loader": "catalog:"
 	}
 }

package/README.md

@@ -1,18 +0,0 @@
-# ui库
-
-主要包含主题、组件、指令等, 现已完成的组件如下：
-
-## 组件
-
--   [x] form表单
--   [x] table表格
--   [x] drawer抽屉
--   [x] modal弹框
--   [x] 增删改查source及curd
--   [x] icons字体图标
--   [x] container支持滚动事件容器
-
-## 指令
-
--   [x] 图标: v-icon
--   [x] 权限: v-auth