@es-plus/vue2 0.9.0

package/README.md

@@ -0,0 +1,156 @@
+# @es-plus/vue2
+
+> Vue 2 + Element UI renderer for the **es-plus** ecosystem — sharing the same JSON-schema CRUD configuration as the Vue 3 renderer ([`@es-plus/vue3`](https://www.npmjs.com/package/@es-plus/vue3)).
+
+[![npm version](https://img.shields.io/npm/v/@es-plus/vue2.svg)](https://www.npmjs.com/package/@es-plus/vue2)
+[![Vue 2](https://img.shields.io/badge/Vue-2.6%20%7C%202.7-42b883)](https://v2.vuejs.org/)
+[![Element UI](https://img.shields.io/badge/Element%20UI-2.15-409EFF)](https://element.eleme.io/)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](./LICENSE)
+
+## Why @es-plus/vue2
+
+- **Same config, two frameworks** — a single `columns` / `formItemList` definition powers both Vue 2 and Vue 3 deployments. No rewrites when migrating, no divergence between teams on different stacks.
+- **AI-friendly schema-driven CRUD** — built around a stable JSON Schema, ideal for code-gen, MCP tools, and LLM workflows.
+- **Element UI parity** — bundles `EsForm`, `EsTable`, `EsDialog`, `EsCrudPage`, `useDialog`, plus the same `httpRequest` / permission / global-config plumbing.
+
+## Compatibility
+
+| Dependency | Supported |
+| --- | --- |
+| Vue | `^2.6.14` (Vue 2.7's native Composition API is preferred) |
+| `@vue/composition-api` | `^1.7.0` (required only on Vue ≤ 2.6) |
+| Element UI | `^2.15.0` |
+| `@es-plus/core` | `^1.0.0` |
+
+## Install
+
+```bash
+# Vue 2.7+ (recommended — no extra plugin needed)
+npm install @es-plus/vue2 element-ui vue@^2.7
+
+# Vue 2.6.x (needs @vue/composition-api)
+npm install @es-plus/vue2 element-ui @vue/composition-api vue@^2.6
+```
+
+## Setup
+
+```js
+import Vue from 'vue'
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+
+// Vue 2.6 only — skip on Vue 2.7+
+import VueCompositionAPI from '@vue/composition-api'
+Vue.use(VueCompositionAPI)
+
+import EsPlus from '@es-plus/vue2'
+import '@es-plus/vue2/dist/style.css'
+
+import { configureEsPlus } from '@es-plus/core/config'
+
+Vue.use(ElementUI)
+Vue.use(EsPlus)
+
+configureEsPlus({
+  httpRequest: async ({ url, method, data }) => {
+    return fetch(url, { method, body: JSON.stringify(data) }).then(r => r.json())
+  },
+  configTableOut: (res) => ({ list: res.data.records, total: res.data.total }),
+  permission: (code) => store.state.permissions.includes(code),
+})
+```
+
+## Quick example
+
+```vue
+<template>
+  <es-table
+    :columns="columns"
+    :api-params="apiParams"
+    :btn-config="btnConfig"
+    :form-item-list="searchForm"
+  />
+</template>
+
+<script>
+export default {
+  data: () => ({
+    apiParams: { url: '/api/users', method: 'GET' },
+    columns: [
+      { prop: 'name', label: '姓名', width: 120 },
+      { prop: 'status', label: '状态', formatter: row => row.status === 1 ? '启用' : '禁用' },
+      { label: '操作', btnList: [
+        { name: '编辑', click: (row) => this.edit(row) },
+        { name: '删除', type: 'danger', click: (row) => this.remove(row) },
+      ] },
+    ],
+    searchForm: [
+      { prop: 'keyword', label: '关键词', formtype: 'Input' },
+      { prop: 'status', label: '状态', formtype: 'Select', options: [
+        { label: '启用', value: 1 }, { label: '禁用', value: 0 },
+      ] },
+    ],
+    btnConfig: [
+      { name: '新增', type: 'primary', code: 1, click: () => this.create() },
+    ],
+  }),
+}
+</script>
+```
+
+The same `columns` / `searchForm` / `btnConfig` arrays work unchanged in `@es-plus/vue3` — only `Vue.use()` and the import path differ.
+
+## Components
+
+| Component | Purpose |
+| --- | --- |
+| `EsForm` | Configuration-driven form with row/col layout, fold/unfold, validation |
+| `EsTable` | Configuration-driven table with toolbar, pagination, search form, cross-page selection |
+| `EsDialog` | Programmable dialog used by `useDialog` |
+| `EsCrudPage` | Schema-driven CRUD page assembling `EsTable` + `EsForm` + `useDialog` |
+| `useDialog` | Imperative dialog API (`open`, `close`, `confirm`) |
+
+## Sharing the same config across Vue 2 and Vue 3
+
+The `columns` / `formItemList` / `btnConfig` / `apiParams` shapes live in [`@es-plus/core`](https://www.npmjs.com/package/@es-plus/core). Use them as the single source of truth for configs that ship to both renderers:
+
+```ts
+// shared/employee.config.ts
+import type { ColumnConfig, FormItemConfig } from '@es-plus/core/types'
+
+export const employeeColumns: ColumnConfig[] = [/* ... */]
+export const employeeForm: FormItemConfig[] = [/* ... */]
+```
+
+```ts
+// vue3/EmployeePage.vue   AND   vue2/EmployeePage.vue
+import { employeeColumns, employeeForm } from '@/shared/employee.config'
+```
+
+## Differences vs @es-plus/vue3
+
+| Feature | Vue 3 (`@es-plus/vue3`) | Vue 2 (`@es-plus/vue2`) |
+| --- | --- | --- |
+| Virtual scrolling (`virtual: true`) | Yes (`el-table-v2`) | **Not supported** — Element UI has no `el-table-v2` |
+| `ElConfigProvider` locale/size injection | Yes | Use Element UI's global `Vue.use(ElementUI, { locale, size })` |
+| Icons | Element Plus icon components | Element UI class strings (`el-icon-edit`) — converted automatically when needed |
+| Default size | `default` (Element Plus) | `mini` — matches Element UI v2 visual density |
+
+`size` values written for Vue 3 (`large` / `default` / `small`) are auto-mapped into Element UI's (`medium` / `small` / `mini`) so configs remain portable.
+
+## Migration from Vue 3
+
+You generally don't migrate — you target both. If you do:
+
+1. Replace `import EsPlus from '@es-plus/vue3'` with `import EsPlus from '@es-plus/vue2'`.
+2. Swap `vue@3 + element-plus` for `vue@2 + element-ui` (and `@vue/composition-api` if on 2.6).
+3. Drop `virtual: true` on tables (or keep it — it's silently ignored).
+4. `<script setup>` and `<el-icon><Delete/></el-icon>` aren't Vue 2 syntax — convert to Options API / template strings as appropriate.
+
+## Repository
+
+Monorepo: [github.com/liujiaao/es-plus](https://github.com/liujiaao/es-plus)
+
+## License
+
+[MIT](./LICENSE) © liujiaao

package/dist/components/es-crud-page/es-crud-page.vue.d.ts

@@ -0,0 +1,57 @@
+import { CrudPageSchema } from './types';
+import { BtnConfig, TableColumn } from '@es-plus/core';
+
+declare const _default: import('vue').DefineComponent<{
+    schema: {
+        type: () => CrudPageSchema;
+        required: true;
+    };
+    httpRequest: {
+        type: () => (params: Record<string, unknown>) => Promise<unknown>;
+        default: any;
+    };
+    autoLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    refresh: () => void;
+    getSelectedRows: () => Record<string, unknown>[];
+    tableRef: any;
+    formRef: any;
+    queryModel: Record<string, unknown>;
+    openDialog: (key: string, row?: Record<string, unknown>) => void;
+    closeDialog: (key: string) => void;
+    tableData: import('vue').Ref<Record<string, unknown>[]>;
+    paginationState: import('vue').Ref<{
+        pageSize: number;
+        current: number;
+        total: number;
+        pageSizes?: number[];
+        size?: import('@es-plus/core').EsButtonSize;
+        isSmall?: boolean;
+        layout?: string;
+    }>;
+    mergedColumns: import('vue').ComputedRef<TableColumn[]>;
+    mergedOptions: import('vue').ComputedRef<Record<string, unknown>>;
+    mergedFormBtns: import('vue').ComputedRef<BtnConfig[]>;
+    formLayoutProps: import('vue').ComputedRef<Record<string, unknown>>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("view" | "query" | "add" | "edit" | "delete" | "export" | "row-click" | "btn-click" | "dialog-confirm" | "dialog-cancel" | "dialog-open")[], string, Readonly<import('vue').ExtractPropTypes<{
+    schema: {
+        type: () => CrudPageSchema;
+        required: true;
+    };
+    httpRequest: {
+        type: () => (params: Record<string, unknown>) => Promise<unknown>;
+        default: any;
+    };
+    autoLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    httpRequest: (params: Record<string, unknown>) => Promise<unknown>;
+    autoLoad: boolean;
+}>;
+export default _default;
+//# sourceMappingURL=es-crud-page.vue.d.ts.map

package/dist/components/es-crud-page/es-crud-page.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"es-crud-page.vue.d.ts","sourceRoot":"","sources":["../../../src/components/es-crud-page/es-crud-page.vue"],"names":[],"mappings":"AA8BA;AAqBA,OAAO,KAAK,EACV,cAAc,EAOf,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;;;cAO7B,MAAM,cAAc;;;;cAEf,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC;;;;;;;;;2BA+d9D,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE;;;;sBA1L5B,MAAM,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;uBA8FpC,MAAM;;;;;;;;;;;;;;;;;cArYN,MAAM,cAAc;;;;cAEf,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC;;;;;;;;0BAA5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC;;;AAP9F,wBAwgBE"}

package/dist/components/es-crud-page/index.d.ts

@@ -0,0 +1,6 @@
+import { default as EsCrudPage } from './es-crud-page.vue';
+
+export default EsCrudPage;
+export { EsCrudPage };
+export type { CrudPageSchema, CrudBtnConfig, TableBtnConfig, OperationColumnConfig, RowBtnConfig, RowBtnContext, CrudDialogConfig, DialogRenderContext, DialogBtnConfig, DialogActionContext, CrudAction, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/es-crud-page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/es-crud-page/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAU3C,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,YAAY,EACV,cAAc,EACd,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,UAAU,GACX,MAAM,SAAS,CAAA"}

package/dist/components/es-crud-page/types.d.ts

@@ -0,0 +1,100 @@
+import { FormItemOption, BtnConfig, TableColumn, TableOptions, PaginationConfig, DialogOptions } from '@es-plus/core';
+
+export interface CrudPageSchema {
+    /** 查询表单字段配置 */
+    formItems?: FormItemOption[];
+    /** 表单布局配置 */
+    formLayout?: {
+        span?: number;
+        labelWidth?: string | number;
+        minFoldRows?: number;
+    };
+    /** 工具栏按钮（显式声明，渲染在 EsForm 按钮区域） */
+    toolbarBtns?: CrudBtnConfig[];
+    /** 表格工具栏按钮（渲染在 EsTable 上方的 configBtn 区域） */
+    tableBtns?: TableBtnConfig[];
+    /** 表格列配置 */
+    columns: TableColumn[];
+    /** 表格选项配置 */
+    tableOptions?: Partial<TableOptions>;
+    /** 分页配置 */
+    pagination?: PaginationConfig;
+    /** 操作列配置（false = 不显示操作列） */
+    operationColumn?: OperationColumnConfig | false;
+    /** 多弹窗配置 */
+    dialogs?: Record<string, CrudDialogConfig>;
+    /** @deprecated 使用 toolbarBtns + operationColumn 替代 */
+    actions?: CrudAction[];
+    /** @deprecated 使用 dialogs 替代 */
+    dialogFormItems?: FormItemOption[];
+    /** @deprecated 使用 dialogs 替代 */
+    dialogOptions?: Partial<DialogOptions>;
+    /** @deprecated 使用 toolbarBtns 替代 */
+    queryBtns?: BtnConfig[];
+}
+export interface CrudBtnConfig extends BtnConfig {
+    dialogKey?: string;
+    actionType?: string;
+    confirm?: string | boolean;
+}
+export interface TableBtnConfig extends CrudBtnConfig {
+    code?: 1 | 2;
+}
+export interface OperationColumnConfig {
+    label?: string;
+    width?: number | string;
+    fixed?: boolean | string;
+    btns: RowBtnConfig[];
+}
+export interface RowBtnConfig {
+    name: string;
+    key?: string;
+    type?: string;
+    icon?: string;
+    permissionValue?: string;
+    dialogKey?: string;
+    confirm?: string | boolean;
+    hidden?: boolean | ((row: Record<string, unknown>) => boolean);
+    click?: (row: Record<string, unknown>, context: RowBtnContext) => void;
+}
+export interface RowBtnContext {
+    refresh: () => void;
+    getSelectedRows: () => Record<string, unknown>[];
+    openDialog: (key: string, row?: Record<string, unknown>) => void;
+}
+export interface CrudDialogConfig {
+    title?: string | ((row?: Record<string, unknown>) => string);
+    width?: string | number;
+    formItems?: FormItemOption[];
+    formLayout?: {
+        span?: number;
+        labelWidth?: string | number;
+    };
+    render?: (h: any, context: DialogRenderContext) => any;
+    configBtn?: DialogBtnConfig[];
+    isDraggable?: boolean;
+    maxHeight?: string | number;
+    fullscreen?: boolean;
+    isHiddenFooter?: boolean;
+    onOpen?: (row?: Record<string, unknown>) => void;
+    onConfirm?: (data: Record<string, unknown>, context: DialogActionContext) => void | Promise<void>;
+    onClose?: () => void;
+}
+export interface DialogRenderContext {
+    row: Record<string, unknown>;
+    model: Record<string, unknown>;
+    registerRef: (name: string, el: any) => void;
+    close: () => void;
+    refresh: () => void;
+}
+export interface DialogBtnConfig extends BtnConfig {
+    action?: 'confirm' | 'cancel' | 'custom';
+}
+export interface DialogActionContext {
+    close: () => void;
+    refresh: () => void;
+    getRefs: (name?: string) => any;
+    row: Record<string, unknown>;
+}
+export type CrudAction = 'add' | 'edit' | 'delete' | 'view' | 'export' | 'import';
+//# sourceMappingURL=types.d.ts.map

package/dist/components/es-crud-page/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/es-crud-page/types.ts"],"names":[],"mappings":"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"}

package/dist/components/es-dialog/component.vue.d.ts

@@ -0,0 +1,236 @@
+import { BtnConfig } from '@es-plus/core';
+
+declare const _default: import('vue').DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    appendTo: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: any;
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modalAppendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    destroyOnClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hiddenFullBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    isDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    configBtn: {
+        type: () => BtnConfig[];
+        default: () => any[];
+    };
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: any;
+    };
+    isHiddenFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    renderHeader: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    renderFooter: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    render: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    components: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {
+    closed: () => void;
+    dialogVisible: import('vue').WritableComputedRef<boolean>;
+    isFullscreen: import('vue').Ref<boolean>;
+    lyFormInstance: import('vue').Ref<unknown>;
+    renderBodyRefsObject: Record<string, unknown>;
+    filteredAttrs: import('vue').ComputedRef<{
+        [x: string]: unknown;
+    }>;
+    initDialogCls: import('vue').ComputedRef<"dialogShadow" | "dialogAuto" | "dialogFull">;
+    initDialogHeight: import('vue').ComputedRef<{
+        maxHeight: string;
+        height?: undefined;
+    } | {
+        height: string;
+        maxHeight?: undefined;
+    }>;
+    getCurrentInstanceModel: import('vue').ComputedRef<{
+        renderBodyRefs: unknown;
+        renderBodyRefsObject: Record<string, unknown>;
+        lyFormInstance: import('vue').Ref<unknown>;
+        dialogInstance: Record<string, unknown>;
+        getRefs: () => Record<string, unknown>;
+    }>;
+    dialogComponents: import('vue').ComputedRef<{
+        [x: string]: unknown;
+    }>;
+    handleClose: () => void;
+    handleFullscreen: () => void;
+    handleBtnClick: (it: BtnConfig) => void;
+    onDialogClose: () => void;
+    onDialogClosed: () => void;
+    beforeCloseHandler: (done: () => void) => void;
+    checkPermission: (pvalue?: string) => boolean;
+    filterOptions: (it: BtnConfig) => {
+        [x: string]: unknown;
+    };
+    getDisabled: (it: BtnConfig) => boolean;
+    getCompIcon: (key?: string) => string | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:visible" | "closed" | "submit")[], string, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    appendTo: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: any;
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modalAppendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    destroyOnClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hiddenFullBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    isDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    configBtn: {
+        type: () => BtnConfig[];
+        default: () => any[];
+    };
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: any;
+    };
+    isHiddenFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    renderHeader: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    renderFooter: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    render: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    components: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    render: Function;
+    components: Record<string, any>;
+    configBtn: BtnConfig[];
+    title: string;
+    width: string | number;
+    maxHeight: string | number;
+    visible: boolean;
+    appendTo: string | Record<string, any>;
+    appendToBody: boolean;
+    modalAppendToBody: boolean;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
+    destroyOnClose: boolean;
+    hiddenFullBtn: boolean;
+    isDraggable: boolean;
+    confirmText: string;
+    cancelText: string;
+    isHiddenFooter: boolean;
+    renderHeader: Function;
+    renderFooter: Function;
+    fullscreen: boolean;
+}>;
+export default _default;
+//# sourceMappingURL=component.vue.d.ts.map

package/dist/components/es-dialog/component.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.vue.d.ts","sourceRoot":"","sources":["../../../src/components/es-dialog/component.vue"],"names":[],"mappings":"AAqFA;AAyBA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAuB/B,MAAM,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAwIjB,SAAS;;;+BA3CH,MAAM,IAAI;+BAtEV,MAAM,KAAG,OAAO;wBAMvB,SAAS;;;sBAaX,SAAS,KAAG,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA1ChB,MAAM,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnBjD,wBAuNE"}

package/dist/components/es-dialog/index.d.ts

@@ -0,0 +1,6 @@
+import { default as EsDialog } from './component.vue';
+import { default as useDialog } from './use-dialog';
+
+export default EsDialog;
+export { EsDialog, useDialog };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/es-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/es-dialog/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AACtC,OAAO,SAAS,MAAM,cAAc,CAAA;AASpC,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/es-dialog/render-jsx.vue.d.ts

@@ -0,0 +1,60 @@
+declare const _default: import('vue').DefineComponent<{
+    refs: {
+        type: () => Function | Record<string, unknown>;
+        default: any;
+    };
+    row: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    render: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+    model: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    instance: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    components: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    refs: {
+        type: () => Function | Record<string, unknown>;
+        default: any;
+    };
+    row: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    render: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+    model: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    instance: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    components: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    row: Record<string, any>;
+    render: Function;
+    components: Record<string, any>;
+    model: Record<string, any>;
+    instance: Record<string, any>;
+    refs: Function | Record<string, unknown>;
+}>;
+export default _default;
+//# sourceMappingURL=render-jsx.vue.d.ts.map

package/dist/components/es-dialog/render-jsx.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-jsx.vue.d.ts","sourceRoot":"","sources":["../../../src/components/es-dialog/render-jsx.vue"],"names":[],"mappings":";;cAyBmD,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;cAAxC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAH3F,wBAkFE"}

package/dist/components/es-dialog/use-dialog.d.ts

@@ -0,0 +1,17 @@
+import { DialogOptions } from '@es-plus/core';
+
+export interface DialogCallable {
+    (dialogOptions: DialogOptions): unknown;
+    close: () => void;
+}
+export interface DialogCallableWithDestroy extends DialogCallable {
+    destroy: () => void;
+}
+export declare function useDialog(Component?: any, opt?: {
+    onlyInstance?: false;
+}): DialogCallableWithDestroy;
+export declare function useDialog(Component?: any, opt?: {
+    onlyInstance: true;
+}): DialogCallable;
+export default useDialog;
+//# sourceMappingURL=use-dialog.d.ts.map

package/dist/components/es-dialog/use-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/es-dialog/use-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAIH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAElD,MAAM,WAAW,cAAc;IAC7B,CAAC,aAAa,EAAE,aAAa,GAAG,OAAO,CAAA;IACvC,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAC/D,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AA6DD,wBAAgB,SAAS,CACvB,SAAS,CAAC,EAAE,GAAG,EACf,GAAG,CAAC,EAAE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,GAC7B,yBAAyB,CAAA;AAC5B,wBAAgB,SAAS,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE;IAAE,YAAY,EAAE,IAAI,CAAA;CAAE,GAAG,cAAc,CAAA;AAqHxF,eAAe,SAAS,CAAA"}