xrk-components 0.3.0 → 0.3.3

package/lib/index.css

@@ -18423,6 +18423,9 @@
 .base-pagination[data-v-1a7c8335] .el-input__suffix {
   right: 12px;
 }
+.base-form-item[data-v-17eda5db] .xrk-form-item__label {
+  font-weight: 700;
+}
 .xrk-search[data-v-a1781a06] > .xrk-form {
   display: -webkit-box;
   display: -webkit-flex;
@@ -18530,8 +18533,7 @@
           flex-direction: column;
 }
 ._base-dialog .xrk-dialog__header {
-  font-size: 18px;
-  font-weight: 500;
+  font-size: 20px;
   color: #303133;
   line-height: 1.4;
   margin-right: 0;
@@ -18552,4 +18554,7 @@
 }
 ._base-dialog .xrk-dialog__body::-webkit-scrollbar-track {
   border-radius: 10px;
+}
+._base-dialog.hide-footer .xrk-dialog__footer {
+  display: none !important;
 }

package/lib/index.esm.js

@@ -1069,7 +1069,7 @@ var script$b = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$b
         var _Reflect = Reflect;
         var props = _props;
         var setOptionsData = function (val) { return __awaiter(_this, void 0, void 0, function () {
-            var data, error_1;
+            var res, data, error_1;
             var _a;
             return __generator(this, function (_b) {
                 switch (_b.label) {
@@ -1081,11 +1081,18 @@ var script$b = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$b
                         loading.value = true;
                         return [4 /*yield*/, ((_a = props.remoteMethod) === null || _a === void 0 ? void 0 : _a.call(props, val))];
                     case 2:
-                        data = _b.sent();
+                        res = _b.sent();
+                        data = check.isObject(res.data)
+                            ? Array.isArray(res.data.list)
+                                ? res.data.list
+                                : []
+                            : Array.isArray(res.data)
+                                ? res.data
+                                : [];
                         loading.value = false;
                         // 避免多次请求接口 接口响应先后顺序不一致导致数据错乱
                         _options.value = Array.isArray(data)
-                            ? data.filter(function (i) { return !val || "".concat(i[props.valueKey]).indexOf(val) > -1; })
+                            ? data.filter(function (i) { return !val || "".concat(i[props.labelKey || 'label']).indexOf(val) > -1; })
                             : [];
                         return [3 /*break*/, 4];
                     case 3:
@@ -1104,7 +1111,7 @@ var script$b = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$b
                 loading.value = true;
                 debounceSetOptionsData(val);
             }
-            : undefined);
+            : props.filterMethod);
         var toolTipDisabled = ref(true);
         var loading = ref(false);
         var _options = ref(props.options);
@@ -1691,15 +1698,49 @@ var script$6 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$6
         size: { type: String, required: false },
         disabled: { type: Boolean, required: false }
     }, setup: function (__props, _a) {
-        var _b, _c, _d, _e, _f;
         var expose = _a.expose;
         var BaseForm = ref(null);
         expose({
-            validate: (_b = BaseForm.value) === null || _b === void 0 ? void 0 : _b.validate,
-            validateField: (_c = BaseForm.value) === null || _c === void 0 ? void 0 : _c.validateField,
-            resetFields: (_d = BaseForm.value) === null || _d === void 0 ? void 0 : _d.resetFields,
-            scrollToField: (_e = BaseForm.value) === null || _e === void 0 ? void 0 : _e.scrollToField,
-            clearValidate: (_f = BaseForm.value) === null || _f === void 0 ? void 0 : _f.clearValidate
+            validate: function () {
+                var _a;
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                return (_a = BaseForm.value) === null || _a === void 0 ? void 0 : _a.validate.apply(_a, args);
+            },
+            validateField: function () {
+                var _a;
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                return (_a = BaseForm.value) === null || _a === void 0 ? void 0 : _a.validateField.apply(_a, args);
+            },
+            resetFields: function () {
+                var _a;
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                return (_a = BaseForm.value) === null || _a === void 0 ? void 0 : _a.resetFields.apply(_a, args);
+            },
+            scrollToField: function () {
+                var _a;
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                return (_a = BaseForm.value) === null || _a === void 0 ? void 0 : _a.scrollToField.apply(_a, args);
+            },
+            clearValidate: function () {
+                var _a;
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                return (_a = BaseForm.value) === null || _a === void 0 ? void 0 : _a.clearValidate.apply(_a, args);
+            }
         });
         return function (_ctx, _cache) {
             return (openBlock(), createBlock(unref(ElForm), {
@@ -1752,6 +1793,7 @@ var script$5 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$5
         });
         return function (_ctx, _cache) {
             return (openBlock(), createBlock(unref(ElFormItem), {
+                class: "base-form-item",
                 ref_key: "BaseFormItem",
                 ref: BaseFormItem,
                 prop: __props.prop,
@@ -1772,6 +1814,7 @@ var script$5 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$5
         };
     } }));
 
+script$5.__scopeId = "data-v-17eda5db";
 script$5.__file = "packages/base/form/form-item.vue";
 
 var BaseFormItem = script$5;
@@ -2195,11 +2238,11 @@ var script$2 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$2
                 return props.formatter({
                     row: row,
                     column: column,
-                    cellValue: "".concat(props.prop && row[props.prop]),
+                    cellValue: props.prop && row[props.prop],
                     index: index
                 });
             }
-            return "".concat(props.prop && row[props.prop]);
+            return props.prop && row[props.prop];
         };
         var selectionRows = props.selectionRows, addSelectionRow = props.addSelectionRow, removeSelectionRow = props.removeSelectionRow, getSelectionRows = props.getSelectionRows;
         var checked = computed(function () {
@@ -2499,12 +2542,7 @@ var script$1 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$1
         getListAjax: { type: Function, required: true },
         searchConfig: { type: Object, required: true },
         tableConfig: { type: Object, required: true },
-        paginationConfig: { type: Object, required: false, default: function () { return ({
-                pageNoKey: 'pageNo',
-                pageSizeKey: 'pageSize',
-                paginationPageSize: 60,
-                paginationCurrentPage: 1
-            }); } }
+        paginationConfig: { type: Object, required: false }
     }, setup: function (__props, _a) {
         var _b;
         var _c, _d;
@@ -2512,15 +2550,16 @@ var script$1 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$1
         var _props = __props;
         var props = _props;
         var vLoading$1 = vLoading;
+        var paginationConfig = computed(function () { return (__assign({ pageNoKey: 'pageNo', pageSizeKey: 'pageSize', paginationPageSize: 60, paginationCurrentPage: 1 }, (props.paginationConfig || {}))); });
         var TableSelectionRows = ref([]);
         var XrkSearchRef = ref(null);
         var XrkTablebaseTableRef = ref(null);
         var BasePaginationRef = ref(null);
-        var pageNoKey = props.paginationConfig.pageNoKey;
-        var pageSizeKey = props.paginationConfig.pageSizeKey;
+        var pageNoKey = paginationConfig.value.pageNoKey;
+        var pageSizeKey = paginationConfig.value.pageSizeKey;
         var paginationQuery = ref((_b = {},
-            _b[pageNoKey] = (_c = props.paginationConfig) === null || _c === void 0 ? void 0 : _c.paginationCurrentPage,
-            _b[pageSizeKey] = (_d = props.paginationConfig) === null || _d === void 0 ? void 0 : _d.paginationPageSize,
+            _b[pageNoKey] = (_c = paginationConfig.value) === null || _c === void 0 ? void 0 : _c.paginationCurrentPage,
+            _b[pageSizeKey] = (_d = paginationConfig.value) === null || _d === void 0 ? void 0 : _d.paginationPageSize,
             _b));
         var searchQuery = ref({});
         var query = computed(function () { return (__assign(__assign({}, paginationQuery.value), searchQuery.value)); });
@@ -2628,8 +2667,8 @@ var script$1 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$1
                     ref_key: "BasePaginationRef",
                     ref: BasePaginationRef,
                     total: unref(paginationTotal),
-                    pageSize: __props.paginationConfig.paginationPageSize,
-                    currentPage: __props.paginationConfig.paginationCurrentPage,
+                    pageSize: unref(paginationConfig).paginationPageSize,
+                    currentPage: unref(paginationConfig).paginationCurrentPage,
                     onSizeChange: handlePageChange,
                     onCurrentChange: handlePageChange
                 }, null, 8 /* PROPS */, ["total", "pageSize", "currentPage"])
@@ -2643,6 +2682,7 @@ var XrkTable = script$1;
 
 var _hoisted_1 = { key: 1 };
 var _hoisted_2 = { key: 1 };
+var _hoisted_3 = { key: 1 };
 var __default__ = {
     name: 'base-dialog'
 };
@@ -2661,6 +2701,7 @@ var script = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__), {
         width: { type: [String, Number], required: false, default: '50%' },
         title: { type: String, required: false, default: '提示' },
         content: { type: String, required: false },
+        showFooter: { type: Boolean, required: false, default: true },
         titleRender: { type: Function, required: false },
         contentRender: { type: Function, required: false },
         footerRender: { type: Function, required: false },
@@ -2681,7 +2722,13 @@ var script = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__), {
                 render: Function
             },
             render: function (ctx) {
-                return ctx.render ? ctx.render() : '';
+                return ctx.render
+                    ? ctx.render(function () {
+                        return hanldeBeforeClose(function () {
+                            show.value = false;
+                        });
+                    })
+                    : '';
             }
         });
         var hanldeBeforeClose = function (done) { return __awaiter(_this, void 0, void 0, function () {
@@ -2747,7 +2794,7 @@ var script = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__), {
         }); };
         return function (_ctx, _cache) {
             return (openBlock(), createBlock(unref(ElDialog), {
-                "custom-class": __props.customClass,
+                "custom-class": "".concat(__props.customClass, " ").concat(__props.showFooter ? '' : 'hide-footer'),
                 modelValue: show.value,
                 closeOnClickModal: __props.closeOnClickModal,
                 closeOnPressEscape: __props.closeOnPressEscape,
@@ -2775,24 +2822,32 @@ var script = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__), {
                             key: 0,
                             render: __props.footerRender
                         }, null, 8 /* PROPS */, ["render"]))
-                        : (openBlock(), createElementBlock("div", _hoisted_2, [
-                            (__props.cancelBtnConfig.show)
-                                ? (openBlock(), createBlock(unref(BaseButton), mergeProps({ key: 0 }, __props.cancelBtnConfig, { click: handleCancelClick }), {
-                                    default: withCtx(function () { return [
-                                        createTextVNode(toDisplayString(__props.cancelBtnConfig.content), 1 /* TEXT */)
-                                    ]; }),
-                                    _: 1 /* STABLE */
-                                }, 16 /* FULL_PROPS */))
-                                : createCommentVNode("v-if", true),
-                            (__props.confirmBtnConfig.show)
-                                ? (openBlock(), createBlock(unref(BaseButton), mergeProps({ key: 1 }, __props.confirmBtnConfig, { click: handleConfirmClick }), {
-                                    default: withCtx(function () { return [
-                                        createTextVNode(toDisplayString(__props.confirmBtnConfig.content), 1 /* TEXT */)
-                                    ]; }),
-                                    _: 1 /* STABLE */
-                                }, 16 /* FULL_PROPS */))
-                                : createCommentVNode("v-if", true)
-                        ]))
+                        : (__props.showFooter)
+                            ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                                (__props.cancelBtnConfig.show)
+                                    ? (openBlock(), createBlock(unref(BaseButton), mergeProps({
+                                        key: 0,
+                                        size: "large"
+                                    }, __props.cancelBtnConfig, { click: handleCancelClick }), {
+                                        default: withCtx(function () { return [
+                                            createTextVNode(toDisplayString(__props.cancelBtnConfig.content), 1 /* TEXT */)
+                                        ]; }),
+                                        _: 1 /* STABLE */
+                                    }, 16 /* FULL_PROPS */))
+                                    : createCommentVNode("v-if", true),
+                                (__props.confirmBtnConfig.show)
+                                    ? (openBlock(), createBlock(unref(BaseButton), mergeProps({
+                                        key: 1,
+                                        size: "large"
+                                    }, __props.confirmBtnConfig, { click: handleConfirmClick }), {
+                                        default: withCtx(function () { return [
+                                            createTextVNode(toDisplayString(__props.confirmBtnConfig.content), 1 /* TEXT */)
+                                        ]; }),
+                                        _: 1 /* STABLE */
+                                    }, 16 /* FULL_PROPS */))
+                                    : createCommentVNode("v-if", true)
+                            ]))
+                            : createCommentVNode("v-if", true)
                 ]; }),
                 default: withCtx(function () { return [
                     (__props.contentRender)
@@ -2800,7 +2855,9 @@ var script = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__), {
                             key: 0,
                             render: __props.contentRender
                         }, null, 8 /* PROPS */, ["render"]))
-                        : renderSlot(_ctx.$slots, "default", { key: 1 })
+                        : (__props.content)
+                            ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.content), 1 /* TEXT */))
+                            : renderSlot(_ctx.$slots, "default", { key: 2 })
                 ]; }),
                 _: 3 /* FORWARDED */
             }, 8 /* PROPS */, ["custom-class", "modelValue", "closeOnClickModal", "closeOnPressEscape", "appendToBody", "destroyOnClose", "center", "width", "showClose"]));
@@ -2813,6 +2870,10 @@ var BaseDialog = script;
 var createDialog = function (config) {
     var _a;
     var container = document.createElement('div');
+    var customDialogCount = document.querySelectorAll('._xrk_create_dialog').length;
+    container.classList.add('_xrk_create_dialog');
+    container.style.position = 'relative';
+    container.style.zIndex = "".concat(200 + customDialogCount);
     render(h(script, __assign(__assign({ modelValue: true }, (config || {})), { appendToBody: false, onClose: function () { return __awaiter(void 0, void 0, void 0, function () {
             var _a, _b;
             return __generator(this, function (_c) {
@@ -2899,7 +2960,7 @@ var install = function (app) {
     });
 };
 var index = {
-    version: '0.3.0',
+    version: '0.3.3',
     install: install
 };
 

package/lib/index.umd.js

@@ -1075,7 +1075,7 @@
 	        var _Reflect = Reflect;
 	        var props = _props;
 	        var setOptionsData = function (val) { return __awaiter(_this, void 0, void 0, function () {
-	            var data, error_1;
+	            var res, data, error_1;
 	            var _a;
 	            return __generator(this, function (_b) {
 	                switch (_b.label) {
@@ -1087,11 +1087,18 @@
 	                        loading.value = true;
 	                        return [4 /*yield*/, ((_a = props.remoteMethod) === null || _a === void 0 ? void 0 : _a.call(props, val))];
 	                    case 2:
-	                        data = _b.sent();
+	                        res = _b.sent();
+	                        data = xrkTools.check.isObject(res.data)
+	                            ? Array.isArray(res.data.list)
+	                                ? res.data.list
+	                                : []
+	                            : Array.isArray(res.data)
+	                                ? res.data
+	                                : [];
 	                        loading.value = false;
 	                        // 避免多次请求接口 接口响应先后顺序不一致导致数据错乱
 	                        _options.value = Array.isArray(data)
-	                            ? data.filter(function (i) { return !val || "".concat(i[props.valueKey]).indexOf(val) > -1; })
+	                            ? data.filter(function (i) { return !val || "".concat(i[props.labelKey || 'label']).indexOf(val) > -1; })
 	                            : [];
 	                        return [3 /*break*/, 4];
 	                    case 3:
@@ -1110,7 +1117,7 @@
 	                loading.value = true;
 	                debounceSetOptionsData(val);
 	            }
-	            : undefined);
+	            : props.filterMethod);
 	        var toolTipDisabled = vue.ref(true);
 	        var loading = vue.ref(false);
 	        var _options = vue.ref(props.options);
@@ -1697,15 +1704,49 @@
 	        size: { type: String, required: false },
 	        disabled: { type: Boolean, required: false }
 	    }, setup: function (__props, _a) {
-	        var _b, _c, _d, _e, _f;
 	        var expose = _a.expose;
 	        var BaseForm = vue.ref(null);
 	        expose({
-	            validate: (_b = BaseForm.value) === null || _b === void 0 ? void 0 : _b.validate,
-	            validateField: (_c = BaseForm.value) === null || _c === void 0 ? void 0 : _c.validateField,
-	            resetFields: (_d = BaseForm.value) === null || _d === void 0 ? void 0 : _d.resetFields,
-	            scrollToField: (_e = BaseForm.value) === null || _e === void 0 ? void 0 : _e.scrollToField,
-	            clearValidate: (_f = BaseForm.value) === null || _f === void 0 ? void 0 : _f.clearValidate
+	            validate: function () {
+	                var _a;
+	                var args = [];
+	                for (var _i = 0; _i < arguments.length; _i++) {
+	                    args[_i] = arguments[_i];
+	                }
+	                return (_a = BaseForm.value) === null || _a === void 0 ? void 0 : _a.validate.apply(_a, args);
+	            },
+	            validateField: function () {
+	                var _a;
+	                var args = [];
+	                for (var _i = 0; _i < arguments.length; _i++) {
+	                    args[_i] = arguments[_i];
+	                }
+	                return (_a = BaseForm.value) === null || _a === void 0 ? void 0 : _a.validateField.apply(_a, args);
+	            },
+	            resetFields: function () {
+	                var _a;
+	                var args = [];
+	                for (var _i = 0; _i < arguments.length; _i++) {
+	                    args[_i] = arguments[_i];
+	                }
+	                return (_a = BaseForm.value) === null || _a === void 0 ? void 0 : _a.resetFields.apply(_a, args);
+	            },
+	            scrollToField: function () {
+	                var _a;
+	                var args = [];
+	                for (var _i = 0; _i < arguments.length; _i++) {
+	                    args[_i] = arguments[_i];
+	                }
+	                return (_a = BaseForm.value) === null || _a === void 0 ? void 0 : _a.scrollToField.apply(_a, args);
+	            },
+	            clearValidate: function () {
+	                var _a;
+	                var args = [];
+	                for (var _i = 0; _i < arguments.length; _i++) {
+	                    args[_i] = arguments[_i];
+	                }
+	                return (_a = BaseForm.value) === null || _a === void 0 ? void 0 : _a.clearValidate.apply(_a, args);
+	            }
 	        });
 	        return function (_ctx, _cache) {
 	            return (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElForm), {
@@ -1758,6 +1799,7 @@
 	        });
 	        return function (_ctx, _cache) {
 	            return (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElFormItem), {
+	                class: "base-form-item",
 	                ref_key: "BaseFormItem",
 	                ref: BaseFormItem,
 	                prop: __props.prop,
@@ -1778,6 +1820,7 @@
 	        };
 	    } }));
 
+	script$5.__scopeId = "data-v-17eda5db";
 	script$5.__file = "packages/base/form/form-item.vue";
 
 	var BaseFormItem = script$5;
@@ -2201,11 +2244,11 @@
 	                return props.formatter({
 	                    row: row,
 	                    column: column,
-	                    cellValue: "".concat(props.prop && row[props.prop]),
+	                    cellValue: props.prop && row[props.prop],
 	                    index: index
 	                });
 	            }
-	            return "".concat(props.prop && row[props.prop]);
+	            return props.prop && row[props.prop];
 	        };
 	        var selectionRows = props.selectionRows, addSelectionRow = props.addSelectionRow, removeSelectionRow = props.removeSelectionRow, getSelectionRows = props.getSelectionRows;
 	        var checked = vue.computed(function () {
@@ -2505,12 +2548,7 @@
 	        getListAjax: { type: Function, required: true },
 	        searchConfig: { type: Object, required: true },
 	        tableConfig: { type: Object, required: true },
-	        paginationConfig: { type: Object, required: false, default: function () { return ({
-	                pageNoKey: 'pageNo',
-	                pageSizeKey: 'pageSize',
-	                paginationPageSize: 60,
-	                paginationCurrentPage: 1
-	            }); } }
+	        paginationConfig: { type: Object, required: false }
 	    }, setup: function (__props, _a) {
 	        var _b;
 	        var _c, _d;
@@ -2518,15 +2556,16 @@
 	        var _props = __props;
 	        var props = _props;
 	        var vLoading = ElementPlus.vLoading;
+	        var paginationConfig = vue.computed(function () { return (__assign({ pageNoKey: 'pageNo', pageSizeKey: 'pageSize', paginationPageSize: 60, paginationCurrentPage: 1 }, (props.paginationConfig || {}))); });
 	        var TableSelectionRows = vue.ref([]);
 	        var XrkSearchRef = vue.ref(null);
 	        var XrkTablebaseTableRef = vue.ref(null);
 	        var BasePaginationRef = vue.ref(null);
-	        var pageNoKey = props.paginationConfig.pageNoKey;
-	        var pageSizeKey = props.paginationConfig.pageSizeKey;
+	        var pageNoKey = paginationConfig.value.pageNoKey;
+	        var pageSizeKey = paginationConfig.value.pageSizeKey;
 	        var paginationQuery = vue.ref((_b = {},
-	            _b[pageNoKey] = (_c = props.paginationConfig) === null || _c === void 0 ? void 0 : _c.paginationCurrentPage,
-	            _b[pageSizeKey] = (_d = props.paginationConfig) === null || _d === void 0 ? void 0 : _d.paginationPageSize,
+	            _b[pageNoKey] = (_c = paginationConfig.value) === null || _c === void 0 ? void 0 : _c.paginationCurrentPage,
+	            _b[pageSizeKey] = (_d = paginationConfig.value) === null || _d === void 0 ? void 0 : _d.paginationPageSize,
 	            _b));
 	        var searchQuery = vue.ref({});
 	        var query = vue.computed(function () { return (__assign(__assign({}, paginationQuery.value), searchQuery.value)); });
@@ -2634,8 +2673,8 @@
 	                    ref_key: "BasePaginationRef",
 	                    ref: BasePaginationRef,
 	                    total: vue.unref(paginationTotal),
-	                    pageSize: __props.paginationConfig.paginationPageSize,
-	                    currentPage: __props.paginationConfig.paginationCurrentPage,
+	                    pageSize: vue.unref(paginationConfig).paginationPageSize,
+	                    currentPage: vue.unref(paginationConfig).paginationCurrentPage,
 	                    onSizeChange: handlePageChange,
 	                    onCurrentChange: handlePageChange
 	                }, null, 8 /* PROPS */, ["total", "pageSize", "currentPage"])
@@ -2649,6 +2688,7 @@
 
 	var _hoisted_1 = { key: 1 };
 	var _hoisted_2 = { key: 1 };
+	var _hoisted_3 = { key: 1 };
 	var __default__ = {
 	    name: 'base-dialog'
 	};
@@ -2667,6 +2707,7 @@
 	        width: { type: [String, Number], required: false, default: '50%' },
 	        title: { type: String, required: false, default: '提示' },
 	        content: { type: String, required: false },
+	        showFooter: { type: Boolean, required: false, default: true },
 	        titleRender: { type: Function, required: false },
 	        contentRender: { type: Function, required: false },
 	        footerRender: { type: Function, required: false },
@@ -2687,7 +2728,13 @@
 	                render: Function
 	            },
 	            render: function (ctx) {
-	                return ctx.render ? ctx.render() : '';
+	                return ctx.render
+	                    ? ctx.render(function () {
+	                        return hanldeBeforeClose(function () {
+	                            show.value = false;
+	                        });
+	                    })
+	                    : '';
 	            }
 	        });
 	        var hanldeBeforeClose = function (done) { return __awaiter(_this, void 0, void 0, function () {
@@ -2753,7 +2800,7 @@
 	        }); };
 	        return function (_ctx, _cache) {
 	            return (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElDialog), {
-	                "custom-class": __props.customClass,
+	                "custom-class": "".concat(__props.customClass, " ").concat(__props.showFooter ? '' : 'hide-footer'),
 	                modelValue: show.value,
 	                closeOnClickModal: __props.closeOnClickModal,
 	                closeOnPressEscape: __props.closeOnPressEscape,
@@ -2781,24 +2828,32 @@
 	                            key: 0,
 	                            render: __props.footerRender
 	                        }, null, 8 /* PROPS */, ["render"]))
-	                        : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-	                            (__props.cancelBtnConfig.show)
-	                                ? (vue.openBlock(), vue.createBlock(vue.unref(BaseButton), vue.mergeProps({ key: 0 }, __props.cancelBtnConfig, { click: handleCancelClick }), {
-	                                    default: vue.withCtx(function () { return [
-	                                        vue.createTextVNode(vue.toDisplayString(__props.cancelBtnConfig.content), 1 /* TEXT */)
-	                                    ]; }),
-	                                    _: 1 /* STABLE */
-	                                }, 16 /* FULL_PROPS */))
-	                                : vue.createCommentVNode("v-if", true),
-	                            (__props.confirmBtnConfig.show)
-	                                ? (vue.openBlock(), vue.createBlock(vue.unref(BaseButton), vue.mergeProps({ key: 1 }, __props.confirmBtnConfig, { click: handleConfirmClick }), {
-	                                    default: vue.withCtx(function () { return [
-	                                        vue.createTextVNode(vue.toDisplayString(__props.confirmBtnConfig.content), 1 /* TEXT */)
-	                                    ]; }),
-	                                    _: 1 /* STABLE */
-	                                }, 16 /* FULL_PROPS */))
-	                                : vue.createCommentVNode("v-if", true)
-	                        ]))
+	                        : (__props.showFooter)
+	                            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+	                                (__props.cancelBtnConfig.show)
+	                                    ? (vue.openBlock(), vue.createBlock(vue.unref(BaseButton), vue.mergeProps({
+	                                        key: 0,
+	                                        size: "large"
+	                                    }, __props.cancelBtnConfig, { click: handleCancelClick }), {
+	                                        default: vue.withCtx(function () { return [
+	                                            vue.createTextVNode(vue.toDisplayString(__props.cancelBtnConfig.content), 1 /* TEXT */)
+	                                        ]; }),
+	                                        _: 1 /* STABLE */
+	                                    }, 16 /* FULL_PROPS */))
+	                                    : vue.createCommentVNode("v-if", true),
+	                                (__props.confirmBtnConfig.show)
+	                                    ? (vue.openBlock(), vue.createBlock(vue.unref(BaseButton), vue.mergeProps({
+	                                        key: 1,
+	                                        size: "large"
+	                                    }, __props.confirmBtnConfig, { click: handleConfirmClick }), {
+	                                        default: vue.withCtx(function () { return [
+	                                            vue.createTextVNode(vue.toDisplayString(__props.confirmBtnConfig.content), 1 /* TEXT */)
+	                                        ]; }),
+	                                        _: 1 /* STABLE */
+	                                    }, 16 /* FULL_PROPS */))
+	                                    : vue.createCommentVNode("v-if", true)
+	                            ]))
+	                            : vue.createCommentVNode("v-if", true)
 	                ]; }),
 	                default: vue.withCtx(function () { return [
 	                    (__props.contentRender)
@@ -2806,7 +2861,9 @@
 	                            key: 0,
 	                            render: __props.contentRender
 	                        }, null, 8 /* PROPS */, ["render"]))
-	                        : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
+	                        : (__props.content)
+	                            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(__props.content), 1 /* TEXT */))
+	                            : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
 	                ]; }),
 	                _: 3 /* FORWARDED */
 	            }, 8 /* PROPS */, ["custom-class", "modelValue", "closeOnClickModal", "closeOnPressEscape", "appendToBody", "destroyOnClose", "center", "width", "showClose"]));
@@ -2819,6 +2876,10 @@
 	var createDialog = function (config) {
 	    var _a;
 	    var container = document.createElement('div');
+	    var customDialogCount = document.querySelectorAll('._xrk_create_dialog').length;
+	    container.classList.add('_xrk_create_dialog');
+	    container.style.position = 'relative';
+	    container.style.zIndex = "".concat(200 + customDialogCount);
 	    vue.render(vue.h(script, __assign(__assign({ modelValue: true }, (config || {})), { appendToBody: false, onClose: function () { return __awaiter(void 0, void 0, void 0, function () {
 	            var _a, _b;
 	            return __generator(this, function (_c) {
@@ -2905,7 +2966,7 @@
 	    });
 	};
 	var index = {
-	    version: '0.3.0',
+	    version: '0.3.3',
 	    install: install
 	};
 

package/lib/packages/base/button/index.d.ts

@@ -4,7 +4,7 @@ export declare type BaseButtonProps = {
     loading?: boolean;
     loadingIcon?: string | Component;
     size?: 'large' | 'default' | 'small';
-    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
+    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text' | 'link';
     plain?: boolean;
     round?: boolean;
     circle?: boolean;

package/lib/packages/base/dialog/dialog.d.ts

@@ -65,6 +65,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
+    showFooter: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     titleRender: {
         type: FunctionConstructor;
         required: false;
@@ -163,6 +168,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
+    showFooter: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     titleRender: {
         type: FunctionConstructor;
         required: false;
@@ -206,6 +216,7 @@ declare const _default: import("vue").DefineComponent<{
     customClass: string;
     width: string | number;
     title: string;
+    showFooter: boolean;
     confirmBtnConfig: any;
     cancelBtnConfig: any;
 }>;