joy-admin-components 0.2.10 → 0.2.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "joy-admin-components",
-  "version": "0.2.10",
+  "version": "0.2.11",
   "main": "./dist/joy-admin-components.umd.js",
   "module": "./dist/joy-admin-components.es.js",
   "types": "./src/index.d.ts",

package/src/components/layer/index.d.ts

@@ -0,0 +1,35 @@
+import { DefineComponent } from 'vue';
+
+/**
+ * Layer 组件 - 弹层组件（支持 Dialog 和 Drawer 两种模式）
+ * 基于 Element Plus 的 Dialog 和 Drawer 封装
+ */
+export interface LayerConfig {
+  /** 是否显示弹层 */
+  show: boolean;
+  /** 弹层类型：'layer' 为 Dialog，'drawer' 为 Drawer */
+  type?: 'layer' | 'drawer';
+  /** 弹层标题 */
+  title?: string;
+  /** 弹层宽度，Dialog 默认 500，Drawer 默认 '100%' */
+  width?: string | number;
+  /** 是否显示底部按钮 */
+  showButton?: boolean;
+  /** 自定义关闭回调（仅 Drawer 模式有效） */
+  onClose?: () => void;
+}
+
+export interface LayerProps {
+  /** 弹层配置对象 */
+  layer: LayerConfig;
+  /** 确认按钮加载状态 */
+  loading?: boolean;
+}
+
+export interface LayerEmits {
+  /** 点击确认按钮时触发（已防抖 300ms） */
+  (e: 'confirm'): void;
+}
+
+declare const Layer: DefineComponent<LayerProps, {}, any, {}, {}, {}, {}, LayerEmits>;
+export default Layer;

package/src/index.d.ts

@@ -7,6 +7,7 @@ export * from './components/ImportButton/index';
 export * from './components/ListPage/index';
 export * from './components/SearchBar/index';
 export * from './components/DownExcelTemp/index';
+export * from './components/layer/index';
 
 // 导出工具函数类型
 export * from './utils/index';
@@ -23,3 +24,4 @@ export { default as ImportButton } from './components/ImportButton/index.vue';
 export { default as ListPage } from './components/ListPage/index.vue';
 export { default as SearchBar } from './components/SearchBar/index.vue';
 export { default as DownExcelTemp } from './components/DownExcelTemp/index.vue';
+export { default as Layer } from './components/layer/index.vue';