@maxax/ui 1.0.2 → 1.0.5

package/dist/index.cjs

@@ -4,7 +4,7 @@ const utils = require("@maxax/utils");
 const vue = require("vue");
 const naiveUi = require("naive-ui");
 const lodashEs = require("lodash-es");
-const utils$1 = require("./utils-pcMeUjXb.cjs");
+const utils$1 = require("./utils-fuChD8nl.cjs");
 const hooks = require("@maxax/hooks");
 const dateFns = require("date-fns");
 const dayjs = require("dayjs");
@@ -2039,25 +2039,30 @@ const render = (icon, props) => {
       continue;
     }
     switch (key2) {
+      // Properties to ignore
       case "icon":
       case "style":
       case "onLoad":
       case "mode":
       case "ssr":
         break;
+      // Boolean attributes
       case "inline":
       case "hFlip":
       case "vFlip":
         customisations[key2] = value === true || value === "true" || value === 1;
         break;
+      // Flip as string: 'horizontal,vertical'
       case "flip":
         if (typeof value === "string") {
           flipFromString(customisations, value);
         }
         break;
+      // Color: override style
       case "color":
         style.color = value;
         break;
+      // Rotation as string
       case "rotate":
         if (typeof value === "string") {
           customisations[key2] = rotateFromString(value);
@@ -2065,6 +2070,7 @@ const render = (icon, props) => {
           customisations[key2] = value;
         }
         break;
+      // Remove aria-hidden
       case "ariaHidden":
       case "aria-hidden":
         if (value !== true && value !== "true") {
@@ -2297,7 +2303,7 @@ const Icon = vue.defineComponent((props, { emit }) => {
   emits: ["load"]
 });
 const _hoisted_1$c = ["xlink:href"];
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicSvgIcon",
   props: {
     icon: {},
@@ -2342,8 +2348,8 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicSvgIcon = utils.withInstall(_sfc_main$K);
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const XBasicSvgIcon = utils.withInstall(_sfc_main$N);
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicArrow",
   props: {
     expand: { type: Boolean },
@@ -2375,8 +2381,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicArrow = utils.withInstall(_sfc_main$J);
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const XBasicArrow = utils.withInstall(_sfc_main$M);
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButton",
   props: {
     size: {},
@@ -2431,12 +2437,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicButton = utils.withInstall(_sfc_main$I);
-/**
-* @vue/shared v3.5.24
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
+const XBasicButton = utils.withInstall(_sfc_main$L);
 !!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
 !!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
 const hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -2665,7 +2666,7 @@ const basicMessageBoxProps = {
     default: ""
   }
 };
-const _sfc_main$H = vue.defineComponent({
+const _sfc_main$K = vue.defineComponent({
   components: {
     NButton: naiveUi.NButton,
     NInput: naiveUi.NInput,
@@ -3073,7 +3074,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-const MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$2]]);
+const MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$2]]);
 const messageInstance = /* @__PURE__ */ new Map();
 const getAppendToElement = (props) => {
   let appendTo = document.body;
@@ -3202,7 +3203,7 @@ const XBasicMessageBox = $MessageBox;
 function _isSlot$3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   name: "ButtonGroupItem",
   props: {
     schema: {
@@ -3555,7 +3556,7 @@ function useButtonGroupSchema({ getProps, schemaRef }) {
   });
   return { getSchema };
 }
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonGroup",
   props: {
     showReturnButton: { type: Boolean },
@@ -3636,7 +3637,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: vue.unref(getWrapperClass) }, getBindValue.value), [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getSchema), (schema) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$G, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$J, {
             key: schema.field,
             schema,
             "button-group-action-type": buttonGroupActionType,
@@ -3657,9 +3658,9 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicButtonGroup = utils.withInstall(_sfc_main$F);
+const XBasicButtonGroup = utils.withInstall(_sfc_main$I);
 const _hoisted_1$a = ["title"];
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicText",
   props: {
     icon: { default: "" },
@@ -3697,7 +3698,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(basicTextClass.value),
         title: vue.unref(utils.isString)(vue.unref(mergedValueRef)) ? vue.unref(mergedValueRef) : void 0
       }, [
-        __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
+        __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
           key: 0,
           icon: __props.icon,
           class: vue.normalizeClass(__props.iconClass),
@@ -3710,8 +3711,8 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicText = utils.withInstall(_sfc_main$E);
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const XBasicText = utils.withInstall(_sfc_main$H);
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicCard",
   props: {
     title: {},
@@ -3750,8 +3751,8 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicCard = utils.withInstall(_sfc_main$D);
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const XBasicCard = utils.withInstall(_sfc_main$G);
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -3856,7 +3857,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicCascaderProps = {};
-const XBasicCascader = utils.withInstall(_sfc_main$C);
+const XBasicCascader = utils.withInstall(_sfc_main$F);
 const basicCheckboxGroupKey = Symbol("basic-checkbox-group");
 const createBasicCheckboxGroupContext = (props) => {
   return vue.provide(basicCheckboxGroupKey, props);
@@ -3877,7 +3878,7 @@ const IconCheck = /* @__PURE__ */ vue.defineComponent({
     }, null)]);
   }
 });
-const _sfc_main$B = vue.defineComponent({
+const _sfc_main$E = vue.defineComponent({
   name: "IconHover",
   props: {
     disabled: {
@@ -3905,7 +3906,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     vue.renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-const IconHover = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$1]]);
+const IconHover = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$1]]);
 const basicCheckboxProps = {
   /**
    * @zh 绑定值
@@ -4552,11 +4553,6 @@ function unrefElement(elRef) {
   return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
 }
 function useEventListener(...args) {
-  const cleanups = [];
-  const cleanup = () => {
-    cleanups.forEach((fn) => fn());
-    cleanups.length = 0;
-  };
   const register = (el, event, listener, options) => {
     el.addEventListener(event, listener, options);
     return () => el.removeEventListener(event, listener, options);
@@ -4565,7 +4561,7 @@ function useEventListener(...args) {
     const test = toArray(vue.toValue(args[0])).filter((e) => e != null);
     return test.every((e) => typeof e !== "string") ? test : void 0;
   });
-  const stopWatch = watchImmediate(() => {
+  return watchImmediate(() => {
     var _firstParamTargets$va, _firstParamTargets$va2;
     return [
       (_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),
@@ -4573,18 +4569,14 @@ function useEventListener(...args) {
       toArray(vue.unref(firstParamTargets.value ? args[2] : args[1])),
       vue.toValue(firstParamTargets.value ? args[3] : args[2])
     ];
-  }, ([raw_targets, raw_events, raw_listeners, raw_options]) => {
-    cleanup();
+  }, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => {
     if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;
     const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
-    cleanups.push(...raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone)))));
+    const cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))));
+    onCleanup(() => {
+      cleanups.forEach((fn) => fn());
+    });
   }, { flush: "post" });
-  const stop = () => {
-    stopWatch();
-    cleanup();
-  };
-  tryOnScopeDispose(cleanup);
-  return stop;
 }
 const _TransitionPresets = {
   easeInSine: [
@@ -4829,7 +4821,7 @@ function useTransition(source, options = {}) {
   });
   return vue.computed(() => vue.toValue(options.disabled) ? sourceVal() : outputRef.value);
 }
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicCountTo",
   props: {
     startValue: { default: 0 },
@@ -4890,8 +4882,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicCountTo = utils.withInstall(_sfc_main$A);
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const XBasicCountTo = utils.withInstall(_sfc_main$D);
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicDatePicker",
   props: {
     disabled: { type: Boolean, default: false },
@@ -4951,7 +4943,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicDatePicker = utils.withInstall(_sfc_main$z);
+const XBasicDatePicker = utils.withInstall(_sfc_main$C);
 const basicDragVerifyProps = {
   value: {
     type: Boolean,
@@ -4998,7 +4990,7 @@ const basicDragVerifyProps = {
     default: () => ({})
   }
 };
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   name: "BasicDragVerify",
   props: basicDragVerifyProps,
   emits: ["success", "update:value", "change", "start", "move", "end"],
@@ -5301,7 +5293,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicDragVerify = utils.withInstall(_sfc_main$y);
+const XBasicDragVerify = utils.withInstall(_sfc_main$B);
 const basicHelpProps = {
   /**
    * Whether to display the serial number
@@ -5317,7 +5309,7 @@ const basicHelpProps = {
     default: ""
   }
 };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   name: "BasicHelp",
   components: {
     XBasicSvgIcon
@@ -5363,8 +5355,8 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     });
   }
 });
-const XBasicHelp = utils.withInstall(_sfc_main$x);
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const XBasicHelp = utils.withInstall(_sfc_main$A);
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTitle",
   props: {
     helpMessage: {},
@@ -5407,12 +5399,12 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicTitle = utils.withInstall(_sfc_main$w);
+const XBasicTitle = utils.withInstall(_sfc_main$z);
 const _hoisted_1$9 = {
   key: 0,
   class: "footer-wrapper"
 };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicDrawer",
   props: {
     showCancelBtn: { type: Boolean, default: true },
@@ -5586,7 +5578,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicDrawer = utils.withInstall(_sfc_main$v);
+const XBasicDrawer = utils.withInstall(_sfc_main$y);
 const basicEditBatchKey = Symbol("basic-edit-batch");
 const createBasicEditBatchContext = (props) => {
   return vue.provide(basicEditBatchKey, props);
@@ -5595,7 +5587,7 @@ const useBasicEditBatchContext = () => {
   return vue.inject(basicEditBatchKey);
 };
 const _hoisted_1$8 = ["disabled"];
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "EditBatchAction",
   props: {
     disabled: { type: Boolean, default: false },
@@ -5655,7 +5647,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicHidden",
   props: {
     value: {},
@@ -5682,7 +5674,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicHidden = utils.withInstall(_sfc_main$t);
+const XBasicHidden = utils.withInstall(_sfc_main$w);
 const basicRadioGroupKey = Symbol("basic-radio-group");
 const createBasicRadioGroupContext = (props) => {
   return vue.provide(basicRadioGroupKey, props);
@@ -5950,7 +5942,7 @@ const BasicRadioGroup = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const XBasicRadioGroup = utils.withInstall(BasicRadioGroup);
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -6069,7 +6061,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicSelectProps = {};
-const XBasicSelect = utils.withInstall(_sfc_main$s);
+const XBasicSelect = utils.withInstall(_sfc_main$v);
 const componentMap$1 = /* @__PURE__ */ new Map();
 componentMap$1.set("Input", naiveUi.NInput);
 componentMap$1.set("InputNumber", naiveUi.NInputNumber);
@@ -6148,7 +6140,7 @@ function isComponentEditBatchSchema(schema) {
 function _isSlot$1(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   name: "BasicEditBatchItem",
   components: {
     XBasicHelp
@@ -6886,7 +6878,7 @@ function useEditBatchValues({ getProps, defaultValueRef, getSchema, formModel })
   }
   return { handleFormValues, initDefault };
 }
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicEditBatch",
   props: {
     name: {},
@@ -7016,7 +7008,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
             options: vue.unref(getOptions)
           }, null, 8, ["value", "options"])
         ], 2),
-        schemaItemRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$r, {
+        schemaItemRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
           key: 0,
           schema: schemaItemRef.value,
           "edit-batch-props": getProps.value,
@@ -7033,7 +7025,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
             };
           })
         ]), 1032, ["schema", "edit-batch-props", "all-default-values", "form-model"])) : vue.createCommentVNode("", true),
-        vue.createVNode(_sfc_main$u, vue.normalizeProps(vue.guardReactiveProps(getEditBatchActionBindProps.value)), vue.createSlots({ _: 2 }, [
+        vue.createVNode(_sfc_main$x, vue.normalizeProps(vue.guardReactiveProps(getEditBatchActionBindProps.value)), vue.createSlots({ _: 2 }, [
           vue.renderList(["resetBefore", "submitBefore", "submitAfter"], (item) => {
             return {
               name: item,
@@ -7047,7 +7039,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicEditBatch = utils.withInstall(_sfc_main$q);
+const XBasicEditBatch = utils.withInstall(_sfc_main$t);
 const basicFontIconProps = {
   icon: {
     type: String,
@@ -7098,7 +7090,7 @@ const createBasicFormContext = (props) => {
 const useBasicFormContext = () => {
   return vue.inject(basicFormKey);
 };
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "FormAction",
   props: {
     showActionButtonGroup: { type: Boolean, default: true },
@@ -7238,7 +7230,7 @@ const basicScrollTextProps = {
     default: ""
   }
 };
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   name: "BasicScrollText",
   props: basicScrollTextProps,
   setup(props, {
@@ -7300,7 +7292,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     }, [content()]) : null])]);
   }
 });
-const XBasicScrollText = utils.withInstall(_sfc_main$o);
+const XBasicScrollText = utils.withInstall(_sfc_main$r);
 const componentMap = /* @__PURE__ */ new Map();
 componentMap.set("Input", naiveUi.NInput);
 componentMap.set("InputNumber", naiveUi.NInputNumber);
@@ -7399,7 +7391,7 @@ function isComponentFormSchema(schema) {
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   name: "BasicFormItem",
   components: {
     XBasicHelp,
@@ -8499,7 +8491,7 @@ function useFormValues({ getProps, defaultValueRef, getSchema, formModel }) {
   }
   return { handleFormValues, initDefault };
 }
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicForm",
   props: {
     card: { type: Boolean, default: false },
@@ -8690,7 +8682,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
               default: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "formHeader"),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getSchema), (schema) => {
-                  return vue.openBlock(), vue.createBlock(_sfc_main$n, {
+                  return vue.openBlock(), vue.createBlock(_sfc_main$q, {
                     key: schema.field,
                     "is-advanced": vue.unref(fieldsIsAdvancedMap)[schema.field],
                     "form-action-type": formActionType,
@@ -8710,7 +8702,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                     })
                   ]), 1032, ["is-advanced", "schema", "form-props", "all-default-values", "form-model"]);
                 }), 128)),
-                vue.createVNode(_sfc_main$p, vue.mergeProps(getFormActionBindProps.value, { onToggleAdvanced: vue.unref(handleToggleAdvanced) }), vue.createSlots({ _: 2 }, [
+                vue.createVNode(_sfc_main$s, vue.mergeProps(getFormActionBindProps.value, { onToggleAdvanced: vue.unref(handleToggleAdvanced) }), vue.createSlots({ _: 2 }, [
                   vue.renderList(["resetBefore", "submitBefore", "advanceBefore", "advanceAfter"], (item) => {
                     return {
                       name: item,
@@ -8731,8 +8723,8 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicForm = utils.withInstall(_sfc_main$m);
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const XBasicForm = utils.withInstall(_sfc_main$p);
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicGradientTitle",
   props: {
     text: {}
@@ -8765,7 +8757,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicGradientTitleProps = {};
-const XBasicGradientTitle = utils.withInstall(_sfc_main$l);
+const XBasicGradientTitle = utils.withInstall(_sfc_main$o);
 const basicIconOnlineProps = {
   icon: {
     type: String,
@@ -12664,7 +12656,7 @@ const IconJson = {
 };
 const _hoisted_1$7 = { class: "panel-icon-list" };
 const _hoisted_2$3 = ["title", "onClick"];
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicIconPicker",
   props: {
     disabled: { type: Boolean },
@@ -12894,7 +12886,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicIconPicker = utils.withInstall(_sfc_main$k);
+const XBasicIconPicker = utils.withInstall(_sfc_main$n);
 const ROW_KEY$1 = "_MAX_ROW_KEY";
 const PAGE_SIZE_OPTIONS$1 = [10, 50, 80, 100];
 const PAGE_SIZE$1 = 10;
@@ -13224,7 +13216,7 @@ function usePagination$1(propsRef) {
   }
   return { getPagination, getPaginationInfo, setShowPagination, getShowPagination, setPagination };
 }
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicListPage",
   props: {
     listClassName: {},
@@ -13393,7 +13385,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicListPage = utils.withInstall(_sfc_main$j);
+const XBasicListPage = utils.withInstall(_sfc_main$m);
 function createLoadingComponent(options) {
   let afterLeaveTimer;
   const afterLeaveFlag = vue.ref(false);
@@ -13662,7 +13654,7 @@ const XBasicLoading = {
   directive: vLoading,
   service: Loading
 };
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicModal",
   props: {
     width: {},
@@ -13814,12 +13806,12 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicModalProps = {};
-const XBasicModal = utils.withInstall(_sfc_main$i);
+const XBasicModal = utils.withInstall(_sfc_main$l);
 const _hoisted_1$6 = ["id"];
 const _hoisted_2$2 = ["textContent"];
 const _hoisted_3 = { key: 0 };
 const _hoisted_4 = ["innerHTML"];
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicNotification",
   props: {
     customClass: { default: "" },
@@ -14006,7 +13998,7 @@ const notify = (options, context) => {
     appendTo = document.body;
   }
   const container = document.createElement("div");
-  const vm = vue.createVNode(_sfc_main$h, props, utils.isFunction(props.message) ? props.message : vue.isVNode(props.message) ? () => props.message : null);
+  const vm = vue.createVNode(_sfc_main$k, props, utils.isFunction(props.message) ? props.message : vue.isVNode(props.message) ? () => props.message : null);
   vm.appContext = utils.isUndefined(context) ? notify._context : context;
   vm.props.onDestroy = () => {
     vue.render(null, container);
@@ -14064,7 +14056,7 @@ notify.closeAll = closeAll;
 notify._context = null;
 const $Notification = notify;
 const XBasicNotification = $Notification;
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicPage",
   props: {
     title: {},
@@ -14164,8 +14156,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicPage = utils.withInstall(_sfc_main$g);
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const XBasicPage = utils.withInstall(_sfc_main$j);
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicPanel",
   props: {
     title: {},
@@ -14202,7 +14194,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicPanel = utils.withInstall(_sfc_main$f);
+const XBasicPanel = utils.withInstall(_sfc_main$i);
 const basicRowProps = {
   align: String,
   justify: String,
@@ -14346,7 +14338,7 @@ const BasicRow = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const XBasicRow = utils.withInstall(BasicRow);
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicSubPanel",
   props: {
     title: {}
@@ -14382,7 +14374,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicSubPanelProps = {};
-const XBasicSubPanel = utils.withInstall(_sfc_main$e);
+const XBasicSubPanel = utils.withInstall(_sfc_main$h);
 const ROW_KEY = "_MAX_ROW_KEY";
 const PAGE_SIZE_OPTIONS = [10, 50, 80, 100];
 const PAGE_SIZE = 10;
@@ -15250,7 +15242,7 @@ const setting = {
   })
 };
 const _hoisted_1$5 = { class: "max-table-selection-count" };
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTable",
   props: /* @__PURE__ */ vue.mergeDefaults({
     layouts: {},
@@ -15645,7 +15637,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                     ], 2)) : vue.createCommentVNode("", true),
                     vue.renderSlot(_ctx.$slots, "selection-wrapper-after")
                   ], 2),
-                  ((_a = vue.unref(getPaginationInfo)) == null ? void 0 : _a.total) && __props.pagination ? (vue.openBlock(), vue.createBlock(vue.unref(vxePcUi.VxePager), vue.mergeProps({ key: 0 }, vue.unref(getPaginationInfo), { onPageChange: vue.unref(onPageChange) }), null, 16, ["onPageChange"])) : vue.createCommentVNode("", true)
+                  ((_a = vue.unref(getPaginationInfo)) == null ? void 0 : _a.total) && getProps.value.pagination ? (vue.openBlock(), vue.createBlock(vue.unref(vxePcUi.VxePager), vue.mergeProps({ key: 0 }, vue.unref(getPaginationInfo), { onPageChange: vue.unref(onPageChange) }), null, 16, ["onPageChange"])) : vue.createCommentVNode("", true)
                 ], 2)
               ];
             }),
@@ -15704,8 +15696,8 @@ const vxeTableFormatter = {
   }
 };
 vxeTable.VxeUI.formats.mixin(vxeTableFormatter);
-const XBasicTable = utils.withInstall(_sfc_main$d);
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const XBasicTable = utils.withInstall(_sfc_main$g);
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTag",
   props: {
     tagType: { type: [Number, Boolean] },
@@ -15730,7 +15722,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicTag = utils.withInstall(_sfc_main$c);
+const XBasicTag = utils.withInstall(_sfc_main$f);
 const attrAccept = (file, acceptedFiles) => {
   if (file && acceptedFiles) {
     const acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(",");
@@ -17467,7 +17459,7 @@ const BasicUploadDragger = /* @__PURE__ */ vue.defineComponent({
 const XBasicUploadDragger = utils.withInstall(BasicUploadDragger);
 const _hoisted_1$4 = ["title"];
 const _hoisted_2$1 = ["title"];
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicViewBar",
   props: {
     fixed: { type: Boolean },
@@ -17579,8 +17571,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicViewBar = utils.withInstall(_sfc_main$b);
-const _sfc_main$a = vue.defineComponent({
+const XBasicViewBar = utils.withInstall(_sfc_main$e);
+const _sfc_main$d = vue.defineComponent({
   name: "CLoadingIcon"
 });
 const _hoisted_1$3 = { viewBox: "0 0 50 50" };
@@ -17597,7 +17589,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, -1)
   ])]);
 }
-const LoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render]]);
+const LoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render]]);
 var ignoreEnum = /* @__PURE__ */ ((ignoreEnum2) => {
   ignoreEnum2["none"] = "none";
   ignoreEnum2["parents"] = "parents";
@@ -17798,7 +17790,7 @@ const useTreeNodeCls = (props, dragoverRefs) => {
 };
 const _hoisted_1$2 = ["d", "stroke-width", "stroke", "stroke-dasharray"];
 const _hoisted_2 = ["draggable"];
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTreeNode"
   },
@@ -18112,7 +18104,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTreeNode = utils.withInstall(_sfc_main$9);
+const XTreeNode = utils.withInstall(_sfc_main$c);
 const useExpandAnimation = (renderNodesRef, renderStartRef, props) => {
   const expandAnimationStart = vue.ref(false);
   const expandAnimationReady = vue.ref(false);
@@ -19562,7 +19554,7 @@ const pickReadonly = (obj, ...keys) => {
   });
   return picked;
 };
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTree",
     inheritAttrs: false
@@ -20051,7 +20043,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTree = utils.withInstall(_sfc_main$8);
+const XTree = utils.withInstall(_sfc_main$b);
 const useTreeSearchCls = (props, options) => {
   const { checkAllStatus, isShowingChecked } = options;
   const { b } = useNamespace("tree-search");
@@ -20137,7 +20129,7 @@ const DEFAULT_TREE_SEARCH_PROPS = {
 };
 const TREE_SEARCH_EVENTS = ["search", ...TREE_EVENTS];
 const _hoisted_1$1 = ["placeholder", "disabled"];
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTreeSearch",
     inheritAttrs: false
@@ -20447,7 +20439,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTreeSearch = utils.withInstall(_sfc_main$7);
+const XTreeSearch = utils.withInstall(_sfc_main$a);
 const useTreeDropCls = (props, options) => {
   const { dropdownVisible, checkedCount, selectedTitle } = options;
   const { b } = useNamespace("tree-drop");
@@ -20519,7 +20511,7 @@ const DEFAULT_TREE_DROP_PROPS = {
 };
 const TREE_SEARCH_API_METHODS = [...TREE_API_METHODS, "clearKeyword", "getKeyword", "search"];
 const TREE_DROP_EVENTS = ["clear", "dropdown-visible-change", ...TREE_SEARCH_EVENTS];
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTreeDrop",
     inheritAttrs: false
@@ -20884,7 +20876,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTreeDrop = utils.withInstall(_sfc_main$6);
+const XTreeDrop = utils.withInstall(_sfc_main$9);
 const components = [
   XConfigProvider,
   XBasicSvgIcon,
@@ -20946,7 +20938,7 @@ const makeInstaller = (components2 = []) => {
   };
 };
 const installer = makeInstaller([...components]);
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonCreate",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -20970,7 +20962,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonDelete",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -20994,7 +20986,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonEdit",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -21018,7 +21010,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonExport",
   props: {
     href: {},
@@ -21069,7 +21061,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1 = ["multiple", "name", "accept"];
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonImport",
   props: {
     name: { default: "file" },
@@ -21159,8 +21151,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BasicButtonImport = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-aee6611b"]]);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const BasicButtonImport = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-aee6611b"]]);
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonPrint",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -21184,12 +21176,227 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicButtonCreate = utils.withInstall(_sfc_main$5);
-const XBasicButtonEdit = utils.withInstall(_sfc_main$3);
-const XBasicButtonDelete = utils.withInstall(_sfc_main$4);
-const XBasicButtonExport = utils.withInstall(_sfc_main$2);
+const XBasicButtonCreate = utils.withInstall(_sfc_main$8);
+const XBasicButtonEdit = utils.withInstall(_sfc_main$6);
+const XBasicButtonDelete = utils.withInstall(_sfc_main$7);
+const XBasicButtonExport = utils.withInstall(_sfc_main$5);
 const XBasicButtonImport = utils.withInstall(BasicButtonImport);
-const XBasicButtonPrint = utils.withInstall(_sfc_main);
+const XBasicButtonPrint = utils.withInstall(_sfc_main$3);
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicDrawerFooter",
+  props: {
+    showDeleteButton: { type: Boolean, default: false },
+    showCancelButton: { type: Boolean, default: true },
+    showConfirmButton: { type: Boolean, default: true },
+    confirmText: { default: "确定" },
+    cancelText: { default: "取消" },
+    loading: { type: Boolean, default: false }
+  },
+  emits: ["delete", "cancel", "confirm"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { b } = useNamespace("basic-drawer-footer");
+    const { t } = useLocale();
+    function onDeleteClickHandler() {
+      XBasicMessageBox.confirm(t("max.notification.delete"), t("max.basic.warning")).then(() => {
+        emit("delete");
+      }).catch(() => {
+      });
+    }
+    function onCancelClickHandler() {
+      emit("cancel");
+    }
+    function onConfirmClickHandler() {
+      emit("confirm");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(vue.unref(b)())
+      }, [
+        vue.createElementVNode("span", {
+          class: vue.normalizeClass(vue.unref(b)("left-buttons"))
+        }, [
+          props.showDeleteButton ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), {
+            key: 0,
+            type: "error",
+            icon: "ri:delete-bin-line",
+            loading: props.loading,
+            onClick: onDeleteClickHandler
+          }, {
+            default: vue.withCtx(() => [..._cache[0] || (_cache[0] = [
+              vue.createTextVNode(" 删除 ", -1)
+            ])]),
+            _: 1
+          }, 8, ["loading"])) : vue.createCommentVNode("", true)
+        ], 2),
+        vue.createElementVNode("span", {
+          class: vue.normalizeClass(vue.unref(b)("right-buttons"))
+        }, [
+          props.showCancelButton ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), {
+            key: 0,
+            class: "mr-4px",
+            onClick: onCancelClickHandler
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(props.cancelText), 1)
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          props.showConfirmButton ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), {
+            key: 1,
+            type: "primary",
+            loading: props.loading,
+            onClick: onConfirmClickHandler
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(props.confirmText), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : vue.createCommentVNode("", true)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const XBasicDrawerFooter = utils.withInstall(_sfc_main$2);
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicMasterTrigger",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    defaultValue: {},
+    onUpdateValue: { type: Function },
+    onChange: { type: Function },
+    onSelect: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const { b } = useNamespace("basic-master-trigger");
+    const uncontrolledValueRef = vue.ref(props.defaultValue || "");
+    const controlledValueRef = vue.toRef(props, "value");
+    const mergedValueRef = vue.computed(() => {
+      if (controlledValueRef.value === void 0) {
+        return uncontrolledValueRef.value;
+      }
+      return controlledValueRef.value;
+    });
+    function onUpdateValueHandler(value) {
+      if (props.disabled) return;
+      const { onChange, onUpdateValue } = props;
+      if (onChange) utils.call(onChange, value);
+      if (onUpdateValue) utils.call(onUpdateValue, value);
+      uncontrolledValueRef.value = value;
+    }
+    function onSelectHandler() {
+      var _a;
+      if (props.disabled) return;
+      (_a = props.onSelect) == null ? void 0 : _a.call(props);
+    }
+    vue.watch(controlledValueRef, (value) => {
+      if (value !== void 0) {
+        uncontrolledValueRef.value = value;
+      } else {
+        uncontrolledValueRef.value = "";
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(naiveUi.NInput), vue.mergeProps({
+        value: mergedValueRef.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => mergedValueRef.value = $event)
+      }, vue.unref(attrs), {
+        disabled: __props.disabled,
+        class: vue.unref(b)(),
+        title: mergedValueRef.value,
+        "onUpdate:value": onUpdateValueHandler
+      }), {
+        suffix: vue.withCtx(() => [
+          vue.withDirectives(vue.createElementVNode("span", {
+            class: vue.normalizeClass(vue.unref(b)("select-button")),
+            onClick: onSelectHandler
+          }, "选择", 2), [
+            [vue.vShow, !__props.disabled]
+          ])
+        ]),
+        _: 1
+      }, 16, ["value", "disabled", "class", "title"]);
+    };
+  }
+});
+const XBasicMasterTrigger = utils.withInstall(_sfc_main$1);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicPanelPage",
+  props: {
+    autoContentHeight: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const { b, e } = useNamespace("basic-panel-page");
+    let timer = null;
+    const headerHeight = vue.ref(0);
+    const footerHeight = vue.ref(0);
+    const shouldAutoHeight = vue.ref(false);
+    const headerRef = vue.ref();
+    const footerRef = vue.ref();
+    const contentStyle = vue.computed(() => {
+      if (props.autoContentHeight) {
+        return {
+          height: shouldAutoHeight.value ? `calc(100% - ${headerHeight.value}px - ${footerHeight.value}px)` : "0"
+        };
+      }
+      return {};
+    });
+    async function calcContentHeight() {
+      if (!props.autoContentHeight) return;
+      await vue.nextTick();
+      timer = setTimeout(() => {
+        var _a, _b;
+        headerHeight.value = ((_a = headerRef.value) == null ? void 0 : _a.offsetHeight) || 0;
+        footerHeight.value = ((_b = footerRef.value) == null ? void 0 : _b.offsetHeight) || 0;
+        shouldAutoHeight.value = true;
+      }, 30);
+    }
+    vue.onMounted(() => {
+      calcContentHeight();
+    });
+    vue.onUnmounted(() => {
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(b)())
+      }, [
+        _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          ref_key: "headerRef",
+          ref: headerRef,
+          class: vue.normalizeClass(vue.unref(e)("header"))
+        }, [
+          vue.renderSlot(_ctx.$slots, "header")
+        ], 2)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(e)("content")),
+          style: vue.normalizeStyle(contentStyle.value)
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 6),
+        _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          ref_key: "footerRef",
+          ref: footerRef,
+          class: vue.normalizeClass(vue.unref(e)("footer"))
+        }, [
+          vue.renderSlot(_ctx.$slots, "footer")
+        ], 2)) : vue.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const XBasicPanelPage = utils.withInstall(_sfc_main);
 const install = installer.install;
 Object.defineProperty(exports, "UIGlobal", {
   enumerable: true,
@@ -21243,6 +21450,7 @@ exports.XBasicCountTo = XBasicCountTo;
 exports.XBasicDatePicker = XBasicDatePicker;
 exports.XBasicDragVerify = XBasicDragVerify;
 exports.XBasicDrawer = XBasicDrawer;
+exports.XBasicDrawerFooter = XBasicDrawerFooter;
 exports.XBasicEditBatch = XBasicEditBatch;
 exports.XBasicFontIcon = XBasicFontIcon;
 exports.XBasicForm = XBasicForm;
@@ -21255,11 +21463,13 @@ exports.XBasicListPage = XBasicListPage;
 exports.XBasicLoading = XBasicLoading;
 exports.XBasicLoadingDirective = vLoading;
 exports.XBasicLoadingService = Loading;
+exports.XBasicMasterTrigger = XBasicMasterTrigger;
 exports.XBasicMessageBox = XBasicMessageBox;
 exports.XBasicModal = XBasicModal;
 exports.XBasicNotification = XBasicNotification;
 exports.XBasicPage = XBasicPage;
 exports.XBasicPanel = XBasicPanel;
+exports.XBasicPanelPage = XBasicPanelPage;
 exports.XBasicRadio = XBasicRadio;
 exports.XBasicRadioGroup = XBasicRadioGroup;
 exports.XBasicRow = XBasicRow;