npm - @maxax/ui - Versions diffs - 1.0.7 → 1.0.9 - Mend

@maxax/ui 1.0.7 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (60) hide show

package/dist/index.mjs CHANGED Viewed

@@ -1,8 +1,8 @@
-import { camelize, isNumber, isString, removeClass, addClass, pascalCase, isClient as isClient$1, hasClass, withInstall, guid, isFunction, isElement, isObject as isObject$1, isUndefined, isBoolean, getSlot, isArray, deepMerge, cloneDeep as cloneDeep$1, call, isNull, classNames, getValueKey, tryConstructArray, isNil, tryDeconstructArray, tryDeconstructObject, isEmpty, isPascalCase, mergeArray, getStyle as getStyle$1, kebabCase, findNodeAll, calculate, downloadFileStatic, downloadFileByResponseData, attrAccept as attrAccept$1 } from "@maxax/utils";
+import { camelize, isNumber, isString, removeClass, addClass, pascalCase, isClient as isClient$1, hasClass, withInstall, guid, isFunction, isElement, isObject as isObject$1, isUndefined, isBoolean, getSlot, isArray, deepMerge, cloneDeep as cloneDeep$2, call, isNull, classNames, getValueKey, tryConstructArray, isNil, tryDeconstructArray, tryDeconstructObject, isEmpty, isPascalCase, mergeArray, getStyle as getStyle$1, kebabCase, findNodeAll, calculate, downloadFileStatic, downloadFileByResponseData, attrAccept as attrAccept$1 } from "@maxax/utils";
 import { nextTick, Fragment, isVNode, Comment, Text, onMounted, watchEffect, onBeforeUnmount, inject, ref, computed, shallowRef, getCurrentInstance, unref, isRef, watch, onScopeDispose, toRaw, defineComponent, onUnmounted, h, useAttrs, createElementBlock, openBlock, mergeProps, createElementVNode, createBlock, createCommentVNode, normalizeClass, createVNode, createSlots, withCtx, renderSlot, provide, reactive, toRefs, resolveComponent, Transition, withDirectives, withModifiers, normalizeStyle, createTextVNode, toDisplayString, withKeys, resolveDynamicComponent, vShow, render as render$1, useSlots, renderList, toRef, normalizeProps, guardReactiveProps, shallowReadonly, getCurrentScope, toValue, vModelText, createApp, mergeDefaults, triggerRef, TransitionGroup, toHandlers, useTemplateRef } from "vue";
 import { NButton, NInput, NCard, NCascader, NDatePicker, NTooltip, NDrawer, NDrawerContent, NSelect, NInputNumber, NUpload, NAutoComplete, NDynamicTags, NTreeSelect, NTimePicker, NSwitch, NCheckbox, NCheckboxGroup, NRadio, NRadioButton, NRadioGroup, NSlider, NTransfer, NDivider, NColorPicker, NRate, NCol, NFormItem, NForm, NRow, NPopover, NTabs, NTabPane, NScrollbar, NEmpty, NPagination, NSpin, NModal, NProgress } from "naive-ui";
-import { merge, cloneDeep, uniqBy, get, omit, has, set, unset, isNumber as isNumber$1, isPlainObject, isBoolean as isBoolean$1, isFunction as isFunction$1, isArray as isArray$1, isString as isString$1, isEqual, concat, partition } from "lodash-es";
-import { b as buildLocaleContext, z as zhCN } from "./utils-B_OywAVi.js";
+import { merge, cloneDeep as cloneDeep$1, uniqBy, get, omit, has, set, unset, isNumber as isNumber$1, isPlainObject, isBoolean as isBoolean$1, isFunction as isFunction$1, isArray as isArray$1, isString as isString$1, isEqual, concat, partition } from "lodash-es";
+import { b as buildLocaleContext, z as zhCN } from "./utils-JnUSPc85.js";
 import { useBoolean, useMergedState as useMergedState$1, useEventListener as useEventListener$1, useBreakpoint } from "@maxax/hooks";
 import { format } from "date-fns";
 import dayjs from "dayjs";
@@ -2304,7 +2304,7 @@ const Icon = defineComponent((props, { emit }) => {
   emits: ["load"]
 });
 const _hoisted_1$c = ["xlink:href"];
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "BasicSvgIcon",
   props: {
     icon: {},
@@ -2350,8 +2350,8 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicSvgIcon = withInstall(_sfc_main$N);
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const XBasicSvgIcon = withInstall(_sfc_main$O);
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "BasicArrow",
   props: {
     expand: { type: Boolean },
@@ -2383,8 +2383,8 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicArrow = withInstall(_sfc_main$M);
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const XBasicArrow = withInstall(_sfc_main$N);
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "BasicButton",
   props: {
     size: {},
@@ -2439,7 +2439,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicButton = withInstall(_sfc_main$L);
+const XBasicButton = withInstall(_sfc_main$M);
 !!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
 !!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
 const hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -2660,7 +2660,7 @@ const basicMessageBoxProps = {
     default: ""
   }
 };
-const _sfc_main$K = defineComponent({
+const _sfc_main$L = defineComponent({
   components: {
     NButton,
     NInput,
@@ -3068,7 +3068,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-const MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$2]]);
+const MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$2]]);
 const messageInstance = /* @__PURE__ */ new Map();
 const getAppendToElement = (props) => {
   let appendTo = document.body;
@@ -3197,7 +3197,7 @@ const XBasicMessageBox = $MessageBox;
 function _isSlot$3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   name: "ButtonGroupItem",
   props: {
     schema: {
@@ -3458,7 +3458,7 @@ function useButtonGroupClass(propsRef) {
 }
 function useButtonGroupEvents({ getSchema, schemaRef }) {
   async function removeSchemaByField(fields) {
-    const schemaList = cloneDeep(unref(getSchema));
+    const schemaList = cloneDeep$1(unref(getSchema));
     if (!fields) {
       return;
     }
@@ -3480,7 +3480,7 @@ function useButtonGroupEvents({ getSchema, schemaRef }) {
     }
   }
   async function appendSchemaByField(schema, prefixField, first = false) {
-    const schemaList = cloneDeep(unref(getSchema));
+    const schemaList = cloneDeep$1(unref(getSchema));
     const addSchemaIds = Array.isArray(schema) ? schema.map((item) => item.field) : [schema.field];
     if (schemaList.find((item) => addSchemaIds.includes(item.field))) {
       throw new Error("[error]:There are schemas that have already been added");
@@ -3545,12 +3545,12 @@ function useButtonGroupEvents({ getSchema, schemaRef }) {
 }
 function useButtonGroupSchema({ getProps, schemaRef }) {
   const getSchema = computed(() => {
-    const schemas = cloneDeep$1(unref(schemaRef) || unref(getProps).schemas || []);
+    const schemas = cloneDeep$2(unref(schemaRef) || unref(getProps).schemas || []);
     return schemas;
   });
   return { getSchema };
 }
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonGroup",
   props: {
     showReturnButton: { type: Boolean },
@@ -3631,7 +3631,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: unref(getWrapperClass) }, getBindValue.value), [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSchema), (schema) => {
-          return openBlock(), createBlock(_sfc_main$J, {
+          return openBlock(), createBlock(_sfc_main$K, {
             key: schema.field,
             schema,
             "button-group-action-type": buttonGroupActionType,
@@ -3652,9 +3652,9 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicButtonGroup = withInstall(_sfc_main$I);
+const XBasicButtonGroup = withInstall(_sfc_main$J);
 const _hoisted_1$a = ["title"];
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "BasicText",
   props: {
     icon: { default: "" },
@@ -3692,7 +3692,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         class: normalizeClass(basicTextClass.value),
         title: unref(isString)(unref(mergedValueRef)) ? unref(mergedValueRef) : void 0
       }, [
-        __props.icon ? (openBlock(), createBlock(_sfc_main$N, {
+        __props.icon ? (openBlock(), createBlock(_sfc_main$O, {
           key: 0,
           icon: __props.icon,
           class: normalizeClass(__props.iconClass),
@@ -3705,8 +3705,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicText = withInstall(_sfc_main$H);
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const XBasicText = withInstall(_sfc_main$I);
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "BasicCard",
   props: {
     title: {},
@@ -3745,8 +3745,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicCard = withInstall(_sfc_main$G);
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const XBasicCard = withInstall(_sfc_main$H);
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -3851,7 +3851,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 const basicCascaderProps = {};
-const XBasicCascader = withInstall(_sfc_main$F);
+const XBasicCascader = withInstall(_sfc_main$G);
 const basicCheckboxGroupKey = Symbol("basic-checkbox-group");
 const createBasicCheckboxGroupContext = (props) => {
   return provide(basicCheckboxGroupKey, props);
@@ -3872,7 +3872,7 @@ const IconCheck = /* @__PURE__ */ defineComponent({
     }, null)]);
   }
 });
-const _sfc_main$E = defineComponent({
+const _sfc_main$F = defineComponent({
   name: "IconHover",
   props: {
     disabled: {
@@ -3900,7 +3900,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-const IconHover = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$1]]);
+const IconHover = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$1]]);
 const basicCheckboxProps = {
   /**
    * @zh 绑定值
@@ -4815,7 +4815,7 @@ function useTransition(source, options = {}) {
   });
   return computed(() => toValue(options.disabled) ? sourceVal() : outputRef.value);
 }
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "BasicCountTo",
   props: {
     startValue: { default: 0 },
@@ -4876,8 +4876,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicCountTo = withInstall(_sfc_main$D);
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const XBasicCountTo = withInstall(_sfc_main$E);
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "BasicDatePicker",
   props: {
     disabled: { type: Boolean, default: false },
@@ -4937,7 +4937,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicDatePicker = withInstall(_sfc_main$C);
+const XBasicDatePicker = withInstall(_sfc_main$D);
 const basicDragVerifyProps = {
   value: {
     type: Boolean,
@@ -4984,7 +4984,7 @@ const basicDragVerifyProps = {
     default: () => ({})
   }
 };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   name: "BasicDragVerify",
   props: basicDragVerifyProps,
   emits: ["success", "update:value", "change", "start", "move", "end"],
@@ -5287,7 +5287,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicDragVerify = withInstall(_sfc_main$B);
+const XBasicDragVerify = withInstall(_sfc_main$C);
 const basicHelpProps = {
   /**
    * Whether to display the serial number
@@ -5303,7 +5303,7 @@ const basicHelpProps = {
     default: ""
   }
 };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   name: "BasicHelp",
   components: {
     XBasicSvgIcon
@@ -5349,8 +5349,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     });
   }
 });
-const XBasicHelp = withInstall(_sfc_main$A);
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const XBasicHelp = withInstall(_sfc_main$B);
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "BasicTitle",
   props: {
     helpMessage: {},
@@ -5393,12 +5393,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicTitle = withInstall(_sfc_main$z);
+const XBasicTitle = withInstall(_sfc_main$A);
 const _hoisted_1$9 = {
   key: 0,
   class: "footer-wrapper"
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "BasicDrawer",
   props: {
     showCancelBtn: { type: Boolean, default: true },
@@ -5572,7 +5572,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicDrawer = withInstall(_sfc_main$y);
+const XBasicDrawer = withInstall(_sfc_main$z);
 const basicEditBatchKey = Symbol("basic-edit-batch");
 const createBasicEditBatchContext = (props) => {
   return provide(basicEditBatchKey, props);
@@ -5581,7 +5581,7 @@ const useBasicEditBatchContext = () => {
   return inject(basicEditBatchKey);
 };
 const _hoisted_1$8 = ["disabled"];
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "EditBatchAction",
   props: {
     disabled: { type: Boolean, default: false },
@@ -5641,7 +5641,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "BasicHidden",
   props: {
     value: {},
@@ -5668,7 +5668,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicHidden = withInstall(_sfc_main$w);
+const XBasicHidden = withInstall(_sfc_main$x);
 const basicRadioGroupKey = Symbol("basic-radio-group");
 const createBasicRadioGroupContext = (props) => {
   return provide(basicRadioGroupKey, props);
@@ -5936,7 +5936,7 @@ const BasicRadioGroup = /* @__PURE__ */ defineComponent({
   }
 });
 const XBasicRadioGroup = withInstall(BasicRadioGroup);
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -6055,7 +6055,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 const basicSelectProps = {};
-const XBasicSelect = withInstall(_sfc_main$v);
+const XBasicSelect = withInstall(_sfc_main$w);
 const componentMap$1 = /* @__PURE__ */ new Map();
 componentMap$1.set("Input", NInput);
 componentMap$1.set("InputNumber", NInputNumber);
@@ -6134,7 +6134,7 @@ function isComponentEditBatchSchema(schema) {
 function _isSlot$1(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   name: "BasicEditBatchItem",
   components: {
     XBasicHelp
@@ -6496,7 +6496,7 @@ function useEditBatchClass(propsRef) {
 function useEditBatchEvents({ emit, getProps, getSchema, formModel, defaultValueRef, schemaRef, editBatchElRef, handleFormValues, fieldKey, schemaItemRef }) {
   const getAllFields = () => unref(getSchema).map((item) => [...item.fields || [], item.field]).flat(1).filter(Boolean);
   async function removeSchemaByField(fields) {
-    const schemaList = cloneDeep(unref(getSchema));
+    const schemaList = cloneDeep$1(unref(getSchema));
     if (!fields) {
       return;
     }
@@ -6519,7 +6519,7 @@ function useEditBatchEvents({ emit, getProps, getSchema, formModel, defaultValue
     }
   }
   async function appendSchemaByField(schema, prefixField, first = false) {
-    const schemaList = cloneDeep(unref(getSchema));
+    const schemaList = cloneDeep$1(unref(getSchema));
     const addSchemaIds = Array.isArray(schema) ? schema.map((item) => item.field) : [schema.field];
     if (schemaList.find((item) => addSchemaIds.includes(item.field))) {
       throw new Error("[error]:There are schemas that have already been added");
@@ -6716,7 +6716,7 @@ function useEditBatchEvents({ emit, getProps, getSchema, formModel, defaultValue
   };
 }
 function getDefaultValue$1(schema, defaultValueRef, key2) {
-  let defaultValue = cloneDeep(defaultValueRef.value[key2]);
+  let defaultValue = cloneDeep$1(defaultValueRef.value[key2]);
   const isInput = checkIsInput$1(schema);
   if (isInput) {
     return !isNil(defaultValue) ? defaultValue : void 0;
@@ -6731,7 +6731,7 @@ function getDefaultValue$1(schema, defaultValueRef, key2) {
 }
 function useEditBatchSchema({ getProps, schemaRef, formModel }) {
   const getSchema = computed(() => {
-    const schemas = cloneDeep$1(unref(schemaRef) || unref(getProps).schemas || []);
+    const schemas = cloneDeep$2(unref(schemaRef) || unref(getProps).schemas || []);
     for (const schema of schemas) {
       const { defaultValue, component, componentProps = {}, isHandleDateDefaultValue = true, field, isHandleDefaultValue = true, valueFormat } = schema;
       if (isHandleDateDefaultValue && defaultValue && component && itemIsDateComponent$1(component)) {
@@ -6868,11 +6868,11 @@ function useEditBatchValues({ getProps, defaultValueRef, getSchema, formModel })
         }
       }
     });
-    defaultValueRef.value = cloneDeep(obj);
+    defaultValueRef.value = cloneDeep$1(obj);
   }
   return { handleFormValues, initDefault };
 }
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "BasicEditBatch",
   props: {
     name: {},
@@ -7002,7 +7002,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             options: unref(getOptions)
           }, null, 8, ["value", "options"])
         ], 2),
-        schemaItemRef.value ? (openBlock(), createBlock(_sfc_main$u, {
+        schemaItemRef.value ? (openBlock(), createBlock(_sfc_main$v, {
           key: 0,
           schema: schemaItemRef.value,
           "edit-batch-props": getProps.value,
@@ -7019,7 +7019,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             };
           })
         ]), 1032, ["schema", "edit-batch-props", "all-default-values", "form-model"])) : createCommentVNode("", true),
-        createVNode(_sfc_main$x, normalizeProps(guardReactiveProps(getEditBatchActionBindProps.value)), createSlots({ _: 2 }, [
+        createVNode(_sfc_main$y, normalizeProps(guardReactiveProps(getEditBatchActionBindProps.value)), createSlots({ _: 2 }, [
           renderList(["resetBefore", "submitBefore", "submitAfter"], (item) => {
             return {
               name: item,
@@ -7033,7 +7033,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicEditBatch = withInstall(_sfc_main$t);
+const XBasicEditBatch = withInstall(_sfc_main$u);
 const basicFontIconProps = {
   icon: {
     type: String,
@@ -7084,7 +7084,7 @@ const createBasicFormContext = (props) => {
 const useBasicFormContext = () => {
   return inject(basicFormKey);
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "FormAction",
   props: {
     showActionButtonGroup: { type: Boolean, default: true },
@@ -7224,7 +7224,7 @@ const basicScrollTextProps = {
     default: ""
   }
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   name: "BasicScrollText",
   props: basicScrollTextProps,
   setup(props, {
@@ -7286,7 +7286,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     }, [content()]) : null])]);
   }
 });
-const XBasicScrollText = withInstall(_sfc_main$r);
+const XBasicScrollText = withInstall(_sfc_main$s);
 const componentMap = /* @__PURE__ */ new Map();
 componentMap.set("Input", NInput);
 componentMap.set("InputNumber", NInputNumber);
@@ -7385,7 +7385,7 @@ function isComponentFormSchema(schema) {
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   name: "BasicFormItem",
   components: {
     XBasicHelp,
@@ -7567,7 +7567,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       if (isFunction(dynamicRules)) {
         return dynamicRules(unref(getValues));
       }
-      let rules = cloneDeep$1(defRules);
+      let rules = cloneDeep$2(defRules);
       const {
         rulesMessageJoinLabel: globalRulesMessageJoinLabel
       } = props.formProps;
@@ -8011,7 +8011,7 @@ function useFormClass(propsRef) {
 function useFormEvents({ emit, getProps, getSchema, formModel, defaultValueRef, formElRef, schemaRef, handleFormValues, initDefault }) {
   const getAllFields = () => unref(getSchema).map((item) => [...item.fields || [], item.field]).flat(1).filter(Boolean);
   async function removeSchemaByField(fields) {
-    const schemaList = cloneDeep(unref(getSchema));
+    const schemaList = cloneDeep$1(unref(getSchema));
     if (!fields) {
       return;
     }
@@ -8035,7 +8035,7 @@ function useFormEvents({ emit, getProps, getSchema, formModel, defaultValueRef,
     }
   }
   async function appendSchemaByField(schema, prefixField, first = false) {
-    const schemaList = cloneDeep(unref(getSchema));
+    const schemaList = cloneDeep$1(unref(getSchema));
     const addSchemaIds = Array.isArray(schema) ? schema.map((item) => item.field) : [schema.field];
     if (schemaList.find((item) => addSchemaIds.includes(item.field))) {
       throw new Error("[error]:There are schemas that have already been added");
@@ -8226,7 +8226,7 @@ function useFormEvents({ emit, getProps, getSchema, formModel, defaultValueRef,
     nameList.forEach((key2) => {
       if (keys.includes(key2)) {
         validKeys.push(key2);
-        unref(formModel)[key2] = cloneDeep(unref(get(defaultValueRef.value, key2)));
+        unref(formModel)[key2] = cloneDeep$1(unref(get(defaultValueRef.value, key2)));
       }
     });
     validateFields(validKeys).catch((_) => {
@@ -8316,7 +8316,7 @@ function useFormEvents({ emit, getProps, getSchema, formModel, defaultValueRef,
   };
 }
 function getDefaultValue(schema, defaultValueRef, key2) {
-  let defaultValue = cloneDeep(defaultValueRef.value[key2]);
+  let defaultValue = cloneDeep$1(defaultValueRef.value[key2]);
   const isInput = checkIsInput(schema);
   if (isInput) {
     return !isNil(defaultValue) ? defaultValue : void 0;
@@ -8341,7 +8341,7 @@ function useFormGrid(propsRef) {
 }
 function useFormSchema({ getProps, schemaRef, formModel }) {
   const getSchema = computed(() => {
-    const schemas = cloneDeep$1(unref(schemaRef) || unref(getProps).schemas || []);
+    const schemas = cloneDeep$2(unref(schemaRef) || unref(getProps).schemas || []);
     for (const schema of schemas) {
       const { defaultValue, component, componentProps = {}, isHandleDateDefaultValue = true, field, isHandleDefaultValue = true, valueFormat, ifShow } = schema;
       if (unref(getProps).showAdvancedButton) {
@@ -8481,11 +8481,11 @@ function useFormValues({ getProps, defaultValueRef, getSchema, formModel }) {
         }
       }
     });
-    defaultValueRef.value = cloneDeep(obj);
+    defaultValueRef.value = cloneDeep$1(obj);
   }
   return { handleFormValues, initDefault };
 }
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "BasicForm",
   props: {
     card: { type: Boolean, default: false },
@@ -8676,7 +8676,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "formHeader"),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSchema), (schema) => {
-                  return openBlock(), createBlock(_sfc_main$q, {
+                  return openBlock(), createBlock(_sfc_main$r, {
                     key: schema.field,
                     "is-advanced": unref(fieldsIsAdvancedMap)[schema.field],
                     "form-action-type": formActionType,
@@ -8696,7 +8696,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                     })
                   ]), 1032, ["is-advanced", "schema", "form-props", "all-default-values", "form-model"]);
                 }), 128)),
-                createVNode(_sfc_main$s, mergeProps(getFormActionBindProps.value, { onToggleAdvanced: unref(handleToggleAdvanced) }), createSlots({ _: 2 }, [
+                createVNode(_sfc_main$t, mergeProps(getFormActionBindProps.value, { onToggleAdvanced: unref(handleToggleAdvanced) }), createSlots({ _: 2 }, [
                   renderList(["resetBefore", "submitBefore", "advanceBefore", "advanceAfter"], (item) => {
                     return {
                       name: item,
@@ -8717,8 +8717,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicForm = withInstall(_sfc_main$p);
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const XBasicForm = withInstall(_sfc_main$q);
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "BasicGradientTitle",
   props: {
     text: {}
@@ -8751,7 +8751,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 const basicGradientTitleProps = {};
-const XBasicGradientTitle = withInstall(_sfc_main$o);
+const XBasicGradientTitle = withInstall(_sfc_main$p);
 const basicIconOnlineProps = {
   icon: {
     type: String,
@@ -12650,7 +12650,7 @@ const IconJson = {
 };
 const _hoisted_1$7 = { class: "panel-icon-list" };
 const _hoisted_2$3 = ["title", "onClick"];
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "BasicIconPicker",
   props: {
     disabled: { type: Boolean },
@@ -12668,7 +12668,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const mergedValueRef = useMergedState$1(controlledValueRef, uncontrolledValueRef);
     const { t } = useLocale();
     const iconList = ref(IconJson);
-    const copyIconList = cloneDeep$1(iconList.value);
+    const copyIconList = cloneDeep$2(iconList.value);
     const totalPage = ref(0);
     const pageSize = ref(35);
     const currentPage = ref(1);
@@ -12880,7 +12880,1122 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicIconPicker = withInstall(_sfc_main$n);
+const XBasicIconPicker = withInstall(_sfc_main$o);
+function useClipboard() {
+  const copied = ref(false);
+  const copy = async (source) => {
+    try {
+      await navigator.clipboard.writeText(source);
+      copied.value = true;
+      setTimeout(() => {
+        copied.value = false;
+      }, 300);
+    } catch (err) {
+      console.error("[vue-json-pretty] Copy failed: ", err);
+    }
+  };
+  return {
+    copy
+  };
+}
+const treeNodePropsPass$1 = {
+  // JSONLike data.
+  data: {
+    type: [String, Number, Boolean, Array, Object],
+    default: null
+  },
+  // Data root path.
+  rootPath: {
+    type: String,
+    default: "root"
+  },
+  indent: {
+    type: Number,
+    default: 2
+  },
+  // Whether to display the length of (array|object).
+  showLength: {
+    type: Boolean,
+    default: false
+  },
+  // Whether the key name uses double quotes.
+  showDoubleQuotes: {
+    type: Boolean,
+    default: true
+  },
+  // Custom render for key.
+  renderNodeKey: Function,
+  // Custom render for value.
+  renderNodeValue: Function,
+  // Custom render for node actions.
+  renderNodeActions: {
+    type: [Boolean, Function],
+    default: void 0
+  },
+  // Define the selection method supported by the data level, which is not available by default.
+  selectableType: String,
+  // Whether to display the selection control.
+  showSelectController: {
+    type: Boolean,
+    default: false
+  },
+  // Whether to display the data level connection.
+  showLine: {
+    type: Boolean,
+    default: true
+  },
+  showLineNumber: {
+    type: Boolean,
+    default: false
+  },
+  // Whether to trigger selection when clicking on the node.
+  selectOnClickNode: {
+    type: Boolean,
+    default: true
+  },
+  // When using the selectableType, define whether current path/content is enabled.
+  nodeSelectable: {
+    type: Function,
+    default: () => true
+  },
+  // Highlight current node when selected.
+  highlightSelectedNode: {
+    type: Boolean,
+    default: true
+  },
+  showIcon: {
+    type: Boolean,
+    default: false
+  },
+  theme: {
+    type: String,
+    default: "light"
+  },
+  showKeyValueSpace: {
+    type: Boolean,
+    default: true
+  },
+  editable: {
+    type: Boolean,
+    default: false
+  },
+  editableTrigger: {
+    type: String,
+    default: "click"
+  },
+  onNodeClick: {
+    type: Function
+  },
+  onNodeMouseover: {
+    type: Function
+  },
+  onBracketsClick: {
+    type: Function
+  },
+  onIconClick: {
+    type: Function
+  },
+  onValueChange: {
+    type: Function
+  }
+};
+const treeNodeProps = {
+  ...treeNodePropsPass$1,
+  // Current node data.
+  node: {
+    type: Object,
+    required: true
+  },
+  // Whether the current node is collapsed.
+  collapsed: Boolean,
+  // Whether the current node is checked(When using the selection function).
+  checked: Boolean,
+  style: {
+    type: Object,
+    default: void 0
+  },
+  onSelectedChange: {
+    type: Function,
+    default: void 0
+  }
+};
+const basicJsonViewerProps = {
+  ...treeNodePropsPass$1,
+  collapsedNodeLength: {
+    type: Number,
+    default: Infinity
+  },
+  // Define the depth of the tree, nodes greater than this depth will not be expanded.
+  deep: {
+    type: Number,
+    default: Infinity
+  },
+  pathCollapsible: {
+    type: Function,
+    default: () => false
+  },
+  // Whether to use virtual scroll, usually applied to big data.
+  virtual: {
+    type: Boolean,
+    default: false
+  },
+  // When using virtual scroll, set the height of tree.
+  height: {
+    type: Number,
+    default: 400
+  },
+  // When using virtual scroll without dynamicHeight, define the height of each row.
+  itemHeight: {
+    type: Number,
+    default: 20
+  },
+  // Enable dynamic row heights for virtual scroll.
+  dynamicHeight: {
+    type: Boolean,
+    default: true
+  },
+  // When there is a selection function, define the selected path.
+  // For multiple selections, it is an array ['root.a','root.b'], for single selection, it is a string of 'root.a'.
+  selectedValue: {
+    type: [String, Array],
+    default: () => ""
+  },
+  // Collapsed control.
+  collapsedOnClickBrackets: {
+    type: Boolean,
+    default: true
+  },
+  style: {
+    type: Object,
+    default: void 0
+  },
+  onSelectedChange: {
+    type: Function,
+    default: void 0
+  },
+  theme: {
+    type: String,
+    default: "light"
+  }
+};
+function emitError(message) {
+  throw new Error(`[VueJSONPretty] ${message}`);
+}
+function getDataType(value) {
+  return Object.prototype.toString.call(value).slice(8, -1).toLowerCase();
+}
+function jsonFlatten(data, path = "root", level = 0, options) {
+  const { key: key2, index: index2, type = "content", showComma = false, length = 1 } = options || {};
+  const dataType = getDataType(data);
+  if (dataType === "array") {
+    const inner = arrFlat(
+      data.map(
+        (item, idx, arr) => jsonFlatten(item, `${path}[${idx}]`, level + 1, {
+          index: idx,
+          showComma: idx !== arr.length - 1,
+          length,
+          type
+        })
+      )
+    );
+    return [
+      jsonFlatten("[", path, level, {
+        showComma: false,
+        key: key2,
+        length: data.length,
+        type: "arrayStart"
+      })[0]
+    ].concat(
+      inner,
+      jsonFlatten("]", path, level, {
+        showComma,
+        length: data.length,
+        type: "arrayEnd"
+      })[0]
+    );
+  } else if (dataType === "object") {
+    const keys = Object.keys(data);
+    const inner = arrFlat(
+      keys.map(
+        (objKey, idx, arr) => jsonFlatten(data[objKey], /^[a-zA-Z_]\w*$/.test(objKey) ? `${path}.${objKey}` : `${path}["${objKey}"]`, level + 1, {
+          key: objKey,
+          showComma: idx !== arr.length - 1,
+          length,
+          type
+        })
+      )
+    );
+    return [
+      jsonFlatten("{", path, level, {
+        showComma: false,
+        key: key2,
+        index: index2,
+        length: keys.length,
+        type: "objectStart"
+      })[0]
+    ].concat(inner, jsonFlatten("}", path, level, { showComma, length: keys.length, type: "objectEnd" })[0]);
+  }
+  return [
+    {
+      content: data,
+      level,
+      key: key2,
+      index: index2,
+      path,
+      showComma,
+      length,
+      type
+    }
+  ];
+}
+function arrFlat(arr) {
+  if (typeof Array.prototype.flat === "function") {
+    return arr.flat();
+  }
+  const stack = [...arr];
+  const result = [];
+  while (stack.length) {
+    const first = stack.shift();
+    if (Array.isArray(first)) {
+      stack.unshift(...first);
+    } else {
+      result.push(first);
+    }
+  }
+  return result;
+}
+function cloneDeep(source, hash = /* @__PURE__ */ new WeakMap()) {
+  if (source === null || source === void 0) return source;
+  if (source instanceof Date) return new Date(source);
+  if (source instanceof RegExp) return new RegExp(source);
+  if (typeof source !== "object") return source;
+  if (hash.get(source)) return hash.get(source);
+  if (Array.isArray(source)) {
+    const output2 = source.map((item) => cloneDeep(item, hash));
+    hash.set(source, output2);
+    return output2;
+  }
+  const output = {};
+  for (const key2 in source) {
+    output[key2] = cloneDeep(source[key2], hash);
+  }
+  hash.set(source, output);
+  return output;
+}
+function stringToAutoType(source) {
+  let value;
+  if (source === "null") value = null;
+  else if (source === "undefined") value = void 0;
+  else if (source === "true") value = true;
+  else if (source === "false") value = false;
+  else if (source[0] + source[source.length - 1] === '""' || source[0] + source[source.length - 1] === "''") {
+    value = source.slice(1, -1);
+  } else if (typeof Number(source) === "number" && !isNaN(Number(source)) || source === "NaN") {
+    value = Number(source);
+  } else {
+    value = source;
+  }
+  return value;
+}
+const Brackets = /* @__PURE__ */ defineComponent({
+  name: "JsonBrackets",
+  props: {
+    data: {
+      required: true,
+      type: String
+    },
+    onClick: {
+      type: Function,
+      default: void 0
+    }
+  },
+  render() {
+    const {
+      data
+    } = this;
+    const {
+      onClick
+    } = this;
+    return createVNode("span", {
+      "class": "vjs-tree-brackets",
+      "onClick": onClick
+    }, [data]);
+  }
+});
+const Carets = /* @__PURE__ */ defineComponent({
+  name: "JsonCarets",
+  props: {
+    nodeType: {
+      required: true,
+      type: String
+    },
+    onClick: {
+      type: Function,
+      default: void 0
+    }
+  },
+  render() {
+    const {
+      nodeType
+    } = this;
+    const {
+      onClick
+    } = this;
+    const isOpen = nodeType === "objectStart" || nodeType === "arrayStart";
+    const isClose = nodeType === "objectCollapsed" || nodeType === "arrayCollapsed";
+    if (!isOpen && !isClose) return null;
+    return createVNode("span", {
+      "class": `vjs-carets vjs-carets-${isOpen ? "open" : "close"}`,
+      "onClick": onClick
+    }, [createVNode("svg", {
+      "viewBox": "0 0 24 24",
+      "width": "1em",
+      "height": "1em",
+      "fill": "currentColor",
+      "aria-hidden": "true",
+      "focusable": "false",
+      "data-icon": "caret-down"
+    }, [createVNode("path", {
+      "fill": "currentColor",
+      "d": "m12 13.171l4.95-4.95l1.414 1.415L12 16L5.636 9.636L7.05 8.222z"
+    }, null)])]);
+  }
+});
+const CheckController = /* @__PURE__ */ defineComponent({
+  props: {
+    checked: {
+      type: Boolean,
+      default: false
+    },
+    isMultiple: Boolean,
+    onChange: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(props, {
+    emit
+  }) {
+    const uiType = computed(() => props.isMultiple ? "checkbox" : "radio");
+    const model = computed({
+      get: () => props.checked,
+      set: (val) => emit("update:modelValue", val)
+    });
+    return {
+      uiType,
+      model
+    };
+  },
+  render() {
+    const {
+      uiType,
+      model,
+      $emit
+    } = this;
+    return createVNode("label", {
+      "class": ["vjs-check-controller", model ? "is-checked" : ""],
+      "onClick": (e) => e.stopPropagation()
+    }, [createVNode("span", {
+      "class": `vjs-check-controller-inner is-${uiType}`
+    }, null), createVNode("input", {
+      "checked": model,
+      "class": `vjs-check-controller-original is-${uiType}`,
+      "type": uiType,
+      "onChange": () => $emit("change", model)
+    }, null)]);
+  }
+});
+const treeNodePropsPass = {
+  // JSONLike data.
+  data: {
+    type: [String, Number, Boolean, Array, Object],
+    default: null
+  },
+  // Data root path.
+  rootPath: {
+    type: String,
+    default: "root"
+  },
+  indent: {
+    type: Number,
+    default: 2
+  },
+  // Whether to display the length of (array|object).
+  showLength: {
+    type: Boolean,
+    default: false
+  },
+  // Whether the key name uses double quotes.
+  showDoubleQuotes: {
+    type: Boolean,
+    default: true
+  },
+  // Custom render for key.
+  renderNodeKey: Function,
+  // Custom render for value.
+  renderNodeValue: Function,
+  // Custom render for node actions.
+  renderNodeActions: {
+    type: [Boolean, Function],
+    default: void 0
+  },
+  // Define the selection method supported by the data level, which is not available by default.
+  selectableType: String,
+  // Whether to display the selection control.
+  showSelectController: {
+    type: Boolean,
+    default: false
+  },
+  // Whether to display the data level connection.
+  showLine: {
+    type: Boolean,
+    default: true
+  },
+  showLineNumber: {
+    type: Boolean,
+    default: false
+  },
+  // Whether to trigger selection when clicking on the node.
+  selectOnClickNode: {
+    type: Boolean,
+    default: true
+  },
+  // When using the selectableType, define whether current path/content is enabled.
+  nodeSelectable: {
+    type: Function,
+    default: () => true
+  },
+  // Highlight current node when selected.
+  highlightSelectedNode: {
+    type: Boolean,
+    default: true
+  },
+  showIcon: {
+    type: Boolean,
+    default: false
+  },
+  theme: {
+    type: String,
+    default: "light"
+  },
+  showKeyValueSpace: {
+    type: Boolean,
+    default: true
+  },
+  editable: {
+    type: Boolean,
+    default: false
+  },
+  editableTrigger: {
+    type: String,
+    default: "click"
+  },
+  onNodeClick: {
+    type: Function
+  },
+  onNodeMouseover: {
+    type: Function
+  },
+  onBracketsClick: {
+    type: Function
+  },
+  onIconClick: {
+    type: Function
+  },
+  onValueChange: {
+    type: Function
+  }
+};
+const TreeNode$1 = /* @__PURE__ */ defineComponent({
+  name: "TreeNode",
+  props: treeNodeProps,
+  emits: ["nodeClick", "nodeMouseover", "bracketsClick", "iconClick", "selectedChange", "valueChange"],
+  setup(props, {
+    emit
+  }) {
+    const dataType = computed(() => getDataType(props.node.content));
+    const valueClass = computed(() => `vjs-value vjs-value-${dataType.value}`);
+    const prettyKey = computed(() => props.showDoubleQuotes ? `"${props.node.key}"` : props.node.key);
+    const renderKey = () => {
+      const render2 = props.renderNodeKey;
+      return render2 ? render2({
+        node: props.node,
+        defaultKey: prettyKey.value || ""
+      }) : prettyKey.value;
+    };
+    const isMultiple = computed(() => props.selectableType === "multiple");
+    const isSingle = computed(() => props.selectableType === "single");
+    const selectable = computed(() => props.nodeSelectable(props.node) && (isMultiple.value || isSingle.value));
+    const state = reactive({
+      editing: false
+    });
+    const handleInputChange = (e) => {
+      var _a;
+      const source = (_a = e.target) == null ? void 0 : _a.value;
+      const value = stringToAutoType(source);
+      emit("valueChange", value, props.node.path);
+    };
+    const defaultValue = computed(() => {
+      var _a;
+      let value = (_a = props.node) == null ? void 0 : _a.content;
+      if (value === null) {
+        value = "null";
+      } else if (value === void 0) {
+        value = "undefined";
+      }
+      return dataType.value === "string" ? `"${value}"` : `${value}`;
+    });
+    const renderValue = () => {
+      const render2 = props.renderNodeValue;
+      return render2 ? render2({
+        node: props.node,
+        defaultValue: defaultValue.value
+      }) : defaultValue.value;
+    };
+    const handleBracketsClick = () => {
+      emit("bracketsClick", !props.collapsed, props.node);
+    };
+    const handleIconClick = () => {
+      emit("iconClick", !props.collapsed, props.node);
+    };
+    const handleSelectedChange = () => {
+      emit("selectedChange", props.node);
+    };
+    const handleNodeClick = () => {
+      emit("nodeClick", props.node);
+      if (selectable.value && props.selectOnClickNode) {
+        emit("selectedChange", props.node);
+      }
+    };
+    const handleNodeMouseover = () => {
+      emit("nodeMouseover", props.node);
+    };
+    const handleValueEdit = (e) => {
+      if (!props.editable) return;
+      if (!state.editing) {
+        state.editing = true;
+        const handle = (innerE) => {
+          var _a;
+          if (innerE.target !== e.target && ((_a = innerE.target) == null ? void 0 : _a.parentElement) !== e.target) {
+            state.editing = false;
+            document.removeEventListener("click", handle);
+          }
+        };
+        document.removeEventListener("click", handle);
+        document.addEventListener("click", handle);
+      }
+    };
+    const {
+      copy
+    } = useClipboard();
+    const handleCopy = () => {
+      const {
+        key: key2,
+        path
+      } = props.node;
+      const rootPath = props.rootPath;
+      const content = new Function("data", `return data${path.slice(rootPath.length)}`)(props.data);
+      const copiedData = JSON.stringify(key2 ? {
+        [key2]: content
+      } : content, null, 2);
+      copy(copiedData);
+    };
+    const renderNodeActions = () => {
+      const render2 = props.renderNodeActions;
+      if (!render2) return null;
+      const defaultActions = {
+        copy: handleCopy
+      };
+      return typeof render2 === "function" ? render2({
+        node: props.node,
+        defaultActions
+      }) : createVNode("span", {
+        "onClick": handleCopy,
+        "class": "vjs-tree-node-actions-item"
+      }, [createTextVNode("copy")]);
+    };
+    return () => {
+      const {
+        node
+      } = props;
+      return createVNode("div", {
+        "class": {
+          "vjs-tree-node": true,
+          "has-selector": props.showSelectController,
+          "has-carets": props.showIcon,
+          "is-highlight": props.highlightSelectedNode && props.checked,
+          dark: props.theme === "dark"
+        },
+        "onClick": handleNodeClick,
+        "onMouseover": handleNodeMouseover,
+        "style": props.style
+      }, [props.showLineNumber && createVNode("span", {
+        "class": "vjs-node-index"
+      }, [node.id + 1]), props.showSelectController && selectable.value && node.type !== "objectEnd" && node.type !== "arrayEnd" && createVNode(CheckController, {
+        "isMultiple": isMultiple.value,
+        "checked": props.checked,
+        "onChange": handleSelectedChange
+      }, null), createVNode("div", {
+        "class": "vjs-indent"
+      }, [Array.from(Array(node.level)).map((item, index2) => createVNode("div", {
+        "key": index2,
+        "class": {
+          "vjs-indent-unit": true,
+          "has-line": props.showLine
+        }
+      }, [Array.from(Array(props.indent)).map(() => createVNode(Fragment, null, [createTextVNode(" ")]))])), props.showIcon && createVNode(Carets, {
+        "nodeType": node.type,
+        "onClick": handleIconClick
+      }, null)]), node.key && createVNode("span", {
+        "class": "vjs-key"
+      }, [renderKey(), createVNode("span", {
+        "class": "vjs-colon"
+      }, [`:${props.showKeyValueSpace ? " " : ""}`])]), createVNode("span", null, [node.type !== "content" && node.content ? createVNode(Brackets, {
+        "data": node.content.toString(),
+        "onClick": handleBracketsClick
+      }, null) : createVNode("span", {
+        "class": valueClass.value,
+        "onClick": props.editable && (!props.editableTrigger || props.editableTrigger === "click") ? handleValueEdit : void 0,
+        "onDblclick": props.editable && props.editableTrigger === "dblclick" ? handleValueEdit : void 0
+      }, [props.editable && state.editing ? createVNode("input", {
+        "value": defaultValue.value,
+        "onChange": handleInputChange,
+        "style": {
+          padding: "3px 8px",
+          border: "1px solid #eee",
+          boxShadow: "none",
+          boxSizing: "border-box",
+          borderRadius: 5,
+          fontFamily: "inherit"
+        }
+      }, null) : renderValue()]), node.showComma && createVNode("span", null, [","]), props.showLength && props.collapsed && createVNode("span", {
+        "class": "vjs-comment"
+      }, [createTextVNode(" // "), node.length, createTextVNode(" items ")])]), props.renderNodeActions && createVNode("span", {
+        "class": "vjs-tree-node-actions"
+      }, [renderNodeActions()])]);
+    };
+  }
+});
+const BasicJsonViewer = /* @__PURE__ */ defineComponent({
+  name: "JsonTree",
+  props: {
+    ...treeNodePropsPass,
+    collapsedNodeLength: {
+      type: Number,
+      default: Infinity
+    },
+    // Define the depth of the tree, nodes greater than this depth will not be expanded.
+    deep: {
+      type: Number,
+      default: Infinity
+    },
+    pathCollapsible: {
+      type: Function,
+      default: () => false
+    },
+    // Whether to use virtual scroll, usually applied to big data.
+    virtual: {
+      type: Boolean,
+      default: false
+    },
+    // When using virtual scroll, set the height of tree.
+    height: {
+      type: Number,
+      default: 400
+    },
+    // When using virtual scroll without dynamicHeight, define the height of each row.
+    itemHeight: {
+      type: Number,
+      default: 20
+    },
+    // Enable dynamic row heights for virtual scroll.
+    dynamicHeight: {
+      type: Boolean,
+      default: true
+    },
+    // When there is a selection function, define the selected path.
+    // For multiple selections, it is an array ['root.a','root.b'], for single selection, it is a string of 'root.a'.
+    selectedValue: {
+      type: [String, Array],
+      default: () => ""
+    },
+    // Collapsed control.
+    collapsedOnClickBrackets: {
+      type: Boolean,
+      default: true
+    },
+    style: {
+      type: Object,
+      default: void 0
+    },
+    onSelectedChange: {
+      type: Function,
+      default: void 0
+    },
+    theme: {
+      type: String,
+      default: "light"
+    }
+  },
+  emits: ["nodeClick", "nodeMouseover", "bracketsClick", "iconClick", "selectedChange", "update:selectedValue", "update:data"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      b
+    } = useNamespace("basic-json-viewer");
+    const treeRef = ref();
+    const originFlatData = computed(() => jsonFlatten(props.data, props.rootPath));
+    const initHiddenPaths = (deep, collapsedNodeLength) => {
+      return originFlatData.value.reduce((acc, item) => {
+        var _a;
+        const doCollapse = item.level >= deep || item.length >= collapsedNodeLength;
+        const pathComparison = (_a = props.pathCollapsible) == null ? void 0 : _a.call(props, item);
+        if ((item.type === "objectStart" || item.type === "arrayStart") && (doCollapse || pathComparison)) {
+          return {
+            ...acc,
+            [item.path]: 1
+          };
+        }
+        return acc;
+      }, {});
+    };
+    const state = reactive({
+      translateY: 0,
+      visibleData: null,
+      hiddenPaths: initHiddenPaths(props.deep, props.collapsedNodeLength),
+      startIndex: 0,
+      endIndex: 0
+    });
+    let heights = [];
+    let offsets = [];
+    let totalHeight = 0;
+    const rowRefs = {};
+    const OVERSCAN_COUNT = 5;
+    const initDynamicHeights = (length) => {
+      heights = Array(length).fill(0).map(() => props.itemHeight || 20);
+      offsets = new Array(length + 1);
+      offsets[0] = 0;
+      for (let i = 0; i < length; i++) {
+        offsets[i + 1] = offsets[i] + heights[i];
+      }
+      totalHeight = offsets[length] || 0;
+    };
+    const recomputeOffsetsFrom = (start) => {
+      const length = heights.length;
+      if (start < 0) start = 0;
+      if (start > length) start = length;
+      for (let i = start; i < length; i++) {
+        offsets[i + 1] = offsets[i] + heights[i];
+      }
+      totalHeight = offsets[length] || 0;
+    };
+    const setRowRef = (index2, el) => {
+      if (el) {
+        rowRefs[index2] = el;
+      } else {
+        delete rowRefs[index2];
+      }
+    };
+    const lowerBound = (arr, target) => {
+      let lo = 0;
+      let hi = arr.length - 1;
+      while (lo < hi) {
+        const mid = lo + hi >>> 1;
+        if (arr[mid] < target) lo = mid + 1;
+        else hi = mid;
+      }
+      return lo;
+    };
+    const findStartIndexByScrollTop = (scrollTop) => {
+      const i = lowerBound(offsets, scrollTop + 1e-4);
+      return Math.max(0, Math.min(i - 1, heights.length - 1));
+    };
+    const findEndIndexByViewport = (scrollTop, viewportHeight) => {
+      const target = scrollTop + viewportHeight;
+      const i = lowerBound(offsets, target);
+      return Math.max(0, Math.min(i + 1, heights.length));
+    };
+    const flatData = computed(() => {
+      let startHiddenItem = null;
+      const data = [];
+      const length = originFlatData.value.length;
+      for (let i = 0; i < length; i++) {
+        const cur = originFlatData.value[i];
+        const item = {
+          ...cur,
+          id: i
+        };
+        const isHidden = state.hiddenPaths[item.path];
+        if (startHiddenItem && startHiddenItem.path === item.path) {
+          const isObject2 = startHiddenItem.type === "objectStart";
+          const mergeItem = {
+            ...item,
+            ...startHiddenItem,
+            showComma: item.showComma,
+            content: isObject2 ? "{...}" : "[...]",
+            type: isObject2 ? "objectCollapsed" : "arrayCollapsed"
+          };
+          startHiddenItem = null;
+          data.push(mergeItem);
+        } else if (isHidden && !startHiddenItem) {
+          startHiddenItem = item;
+          continue;
+        } else {
+          if (startHiddenItem) continue;
+          else data.push(item);
+        }
+      }
+      return data;
+    });
+    const selectedPaths = computed(() => {
+      const value = props.selectedValue;
+      if (value && props.selectableType === "multiple" && Array.isArray(value)) {
+        return value;
+      }
+      return [value];
+    });
+    const propsErrorMessage = computed(() => {
+      const error = props.selectableType && !props.selectOnClickNode && !props.showSelectController;
+      return error ? "When selectableType is not null, selectOnClickNode and showSelectController cannot be false at the same time, because this will cause the selection to fail." : "";
+    });
+    const listHeight = computed(() => {
+      if (props.dynamicHeight) {
+        return totalHeight || 0;
+      }
+      return flatData.value.length * props.itemHeight;
+    });
+    const updateVisibleData = () => {
+      var _a;
+      const flatDataValue = flatData.value;
+      if (!flatDataValue) return;
+      if (props.virtual) {
+        const scrollTop = ((_a = treeRef.value) == null ? void 0 : _a.scrollTop) || 0;
+        if (props.dynamicHeight) {
+          if (heights.length !== flatDataValue.length) {
+            initDynamicHeights(flatDataValue.length);
+          }
+          const start = findStartIndexByScrollTop(scrollTop);
+          const endNoOverscan = findEndIndexByViewport(scrollTop, props.height);
+          const startWithOverscan = Math.max(0, start - OVERSCAN_COUNT);
+          const endWithOverscan = Math.min(flatDataValue.length, endNoOverscan + OVERSCAN_COUNT);
+          state.startIndex = startWithOverscan;
+          state.endIndex = endWithOverscan;
+          state.translateY = offsets[startWithOverscan] || 0;
+          state.visibleData = flatDataValue.slice(startWithOverscan, endWithOverscan);
+          nextTick().then(() => {
+            let changed = false;
+            for (let i = state.startIndex; i < state.endIndex; i++) {
+              const el = rowRefs[i];
+              if (!el) continue;
+              const h2 = el.offsetHeight;
+              if (h2 && heights[i] !== h2) {
+                heights[i] = h2;
+                offsets[i + 1] = offsets[i] + heights[i];
+                recomputeOffsetsFrom(i + 1);
+                changed = true;
+              }
+            }
+            if (changed) {
+              updateVisibleData();
+            }
+          });
+        } else {
+          const visibleCount = props.height / props.itemHeight;
+          const scrollCount = Math.floor(scrollTop / props.itemHeight);
+          let start = scrollCount < 0 ? 0 : scrollCount + visibleCount > flatDataValue.length ? flatDataValue.length - visibleCount : scrollCount;
+          if (start < 0) {
+            start = 0;
+          }
+          const end = start + visibleCount;
+          state.translateY = start * props.itemHeight;
+          state.startIndex = start;
+          state.endIndex = end;
+          state.visibleData = flatDataValue.slice(start, end);
+        }
+      } else {
+        state.translateY = 0;
+        state.startIndex = 0;
+        state.endIndex = flatDataValue.length;
+        state.visibleData = flatDataValue;
+      }
+    };
+    let rafId = null;
+    const handleTreeScroll = () => {
+      if (rafId) {
+        cancelAnimationFrame(rafId);
+      }
+      rafId = requestAnimationFrame(() => {
+        updateVisibleData();
+      });
+    };
+    const handleSelectedChange = ({
+      path
+    }) => {
+      const type = props.selectableType;
+      if (type === "multiple") {
+        const index2 = selectedPaths.value.findIndex((item) => item === path);
+        const newVal = [...selectedPaths.value];
+        if (index2 !== -1) {
+          newVal.splice(index2, 1);
+        } else {
+          newVal.push(path);
+        }
+        emit("update:selectedValue", newVal);
+        emit("selectedChange", newVal, [...selectedPaths.value]);
+      } else if (type === "single") {
+        if (selectedPaths.value[0] !== path) {
+          const [oldVal] = selectedPaths.value;
+          const newVal = path;
+          emit("update:selectedValue", newVal);
+          emit("selectedChange", newVal, oldVal);
+        }
+      }
+    };
+    const handleNodeClick = (node) => {
+      emit("nodeClick", node);
+    };
+    const handleNodeMouseover = (node) => {
+      emit("nodeMouseover", node);
+    };
+    const updateCollapsedPaths = (collapsed, path) => {
+      if (collapsed) {
+        state.hiddenPaths = {
+          ...state.hiddenPaths,
+          [path]: 1
+        };
+      } else {
+        const newPaths = {
+          ...state.hiddenPaths
+        };
+        delete newPaths[path];
+        state.hiddenPaths = newPaths;
+      }
+    };
+    const handleBracketsClick = (collapsed, node) => {
+      if (props.collapsedOnClickBrackets) {
+        updateCollapsedPaths(collapsed, node.path);
+      }
+      emit("bracketsClick", collapsed, node);
+    };
+    const handleIconClick = (collapsed, node) => {
+      updateCollapsedPaths(collapsed, node.path);
+      emit("iconClick", collapsed, node);
+    };
+    const handleValueChange = (value, path) => {
+      const newData = cloneDeep(props.data);
+      const rootPath = props.rootPath;
+      new Function("data", "val", `data${path.slice(rootPath.length)}=val`)(newData, value);
+      emit("update:data", newData);
+    };
+    watchEffect(() => {
+      if (propsErrorMessage.value) {
+        emitError(propsErrorMessage.value);
+      }
+    });
+    watchEffect(() => {
+      if (flatData.value) {
+        if (props.virtual && props.dynamicHeight) {
+          if (heights.length !== flatData.value.length) {
+            initDynamicHeights(flatData.value.length);
+          }
+        }
+        updateVisibleData();
+      }
+    });
+    watch(() => [props.dynamicHeight, props.itemHeight, originFlatData.value.length], () => {
+      if (props.virtual && props.dynamicHeight) {
+        initDynamicHeights(flatData.value.length);
+        nextTick(updateVisibleData);
+      }
+    });
+    watch(() => props.deep, (val) => {
+      if (val) state.hiddenPaths = initHiddenPaths(val, props.collapsedNodeLength);
+    });
+    watch(() => props.collapsedNodeLength, (val) => {
+      if (val) state.hiddenPaths = initHiddenPaths(props.deep, val);
+    });
+    return () => {
+      var _a, _b, _c, _d, _e;
+      const renderNodeKey = (_a = props.renderNodeKey) != null ? _a : slots.renderNodeKey;
+      const renderNodeValue = (_b = props.renderNodeValue) != null ? _b : slots.renderNodeValue;
+      const renderNodeActions = (_d = (_c = props.renderNodeActions) != null ? _c : slots.renderNodeActions) != null ? _d : false;
+      const nodeContent = (_e = state.visibleData) == null ? void 0 : _e.map((item, localIndex) => {
+        const globalIndex = state.startIndex + localIndex;
+        return createVNode("div", {
+          "key": item.id,
+          "ref": (el) => setRowRef(globalIndex, el || null)
+        }, [createVNode(TreeNode$1, {
+          "data": props.data,
+          "rootPath": props.rootPath,
+          "indent": props.indent,
+          "node": item,
+          "collapsed": !!state.hiddenPaths[item.path],
+          "theme": props.theme,
+          "showDoubleQuotes": props.showDoubleQuotes,
+          "showLength": props.showLength,
+          "checked": selectedPaths.value.includes(item.path),
+          "selectableType": props.selectableType,
+          "showLine": props.showLine,
+          "showLineNumber": props.showLineNumber,
+          "showSelectController": props.showSelectController,
+          "selectOnClickNode": props.selectOnClickNode,
+          "nodeSelectable": props.nodeSelectable,
+          "highlightSelectedNode": props.highlightSelectedNode,
+          "editable": props.editable,
+          "editableTrigger": props.editableTrigger,
+          "showIcon": props.showIcon,
+          "showKeyValueSpace": props.showKeyValueSpace,
+          "renderNodeKey": renderNodeKey,
+          "renderNodeValue": renderNodeValue,
+          "renderNodeActions": renderNodeActions,
+          "onNodeClick": handleNodeClick,
+          "onNodeMouseover": handleNodeMouseover,
+          "onBracketsClick": handleBracketsClick,
+          "onIconClick": handleIconClick,
+          "onSelectedChange": handleSelectedChange,
+          "onValueChange": handleValueChange,
+          "class": props.dynamicHeight ? "dynamic-height" : void 0,
+          "style": props.dynamicHeight ? {} : props.itemHeight && props.itemHeight !== 20 ? {
+            lineHeight: `${props.itemHeight}px`
+          } : {}
+        }, null)]);
+      });
+      return createVNode("div", {
+        "ref": treeRef,
+        "class": {
+          [b()]: true,
+          "vjs-tree": true,
+          "is-virtual": props.virtual,
+          dark: props.theme === "dark"
+        },
+        "onScroll": props.virtual ? handleTreeScroll : void 0,
+        "style": props.showLineNumber ? {
+          paddingLeft: `${Number(originFlatData.value.length.toString().length) * 12}px`,
+          ...props.style
+        } : props.style
+      }, [props.virtual ? createVNode("div", {
+        "class": "vjs-tree-list",
+        "style": {
+          height: `${props.height}px`
+        }
+      }, [createVNode("div", {
+        "class": "vjs-tree-list-holder",
+        "style": {
+          height: `${listHeight.value}px`
+        }
+      }, [createVNode("div", {
+        "class": "vjs-tree-list-holder-inner",
+        "style": {
+          transform: `translateY(${state.translateY}px)`
+        }
+      }, [nodeContent])])]) : nodeContent]);
+    };
+  }
+});
+const XBasicJsonViewer = withInstall(BasicJsonViewer);
 const ROW_KEY$1 = "_MAX_ROW_KEY";
 const PAGE_SIZE_OPTIONS$1 = [10, 50, 80, 100];
 const PAGE_SIZE$1 = 10;
@@ -12938,7 +14053,7 @@ function useDataSource$1(propsRef, { tableData, getPaginationInfo, setPagination
       const lastItem = dataSource[dataSource.length - 1];
       if (firstItem && lastItem) {
         if (!firstItem[ROW_KEY$1] || !lastItem[ROW_KEY$1]) {
-          const data = cloneDeep(unref(dataSourceRef));
+          const data = cloneDeep$1(unref(dataSourceRef));
           data.forEach((item) => {
             if (!item[ROW_KEY$1]) {
               item[ROW_KEY$1] = guid();
@@ -13005,7 +14120,7 @@ function useDataSource$1(propsRef, { tableData, getPaginationInfo, setPagination
     return searchInfoRef.value;
   }
   function mergeListDataRecord(records, key2 = ROW_KEY$1) {
-    const itemList = cloneDeep(getDataSource() || []);
+    const itemList = cloneDeep$1(getDataSource() || []);
     const items = mergeArray(itemList, records, key2);
     setListData(items);
   }
@@ -13210,7 +14325,7 @@ function usePagination$1(propsRef) {
   }
   return { getPagination, getPaginationInfo, setShowPagination, getShowPagination, setPagination };
 }
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "BasicListPage",
   props: {
     listClassName: {},
@@ -13379,7 +14494,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicListPage = withInstall(_sfc_main$m);
+const XBasicListPage = withInstall(_sfc_main$n);
 function createLoadingComponent(options) {
   let afterLeaveTimer;
   const afterLeaveFlag = ref(false);
@@ -13648,7 +14763,7 @@ const XBasicLoading = {
   directive: vLoading,
   service: Loading
 };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "BasicModal",
   props: {
     width: {},
@@ -13800,12 +14915,12 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 const basicModalProps = {};
-const XBasicModal = withInstall(_sfc_main$l);
+const XBasicModal = withInstall(_sfc_main$m);
 const _hoisted_1$6 = ["id"];
 const _hoisted_2$2 = ["textContent"];
 const _hoisted_3 = { key: 0 };
 const _hoisted_4 = ["innerHTML"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "BasicNotification",
   props: {
     customClass: { default: "" },
@@ -13992,7 +15107,7 @@ const notify = (options, context) => {
     appendTo = document.body;
   }
   const container = document.createElement("div");
-  const vm = createVNode(_sfc_main$k, props, isFunction(props.message) ? props.message : isVNode(props.message) ? () => props.message : null);
+  const vm = createVNode(_sfc_main$l, props, isFunction(props.message) ? props.message : isVNode(props.message) ? () => props.message : null);
   vm.appContext = isUndefined(context) ? notify._context : context;
   vm.props.onDestroy = () => {
     render$1(null, container);
@@ -14050,7 +15165,7 @@ notify.closeAll = closeAll;
 notify._context = null;
 const $Notification = notify;
 const XBasicNotification = $Notification;
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "BasicPage",
   props: {
     title: {},
@@ -14150,8 +15265,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicPage = withInstall(_sfc_main$j);
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const XBasicPage = withInstall(_sfc_main$k);
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "BasicPanel",
   props: {
     title: {},
@@ -14188,7 +15303,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicPanel = withInstall(_sfc_main$i);
+const XBasicPanel = withInstall(_sfc_main$j);
 const regionJson = {
   "110000": "北京市",
   "110100": "市辖区",
@@ -18195,7 +19310,7 @@ const BasicRow = /* @__PURE__ */ defineComponent({
   }
 });
 const XBasicRow = withInstall(BasicRow);
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "BasicSubPanel",
   props: {
     title: {}
@@ -18231,7 +19346,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 const basicSubPanelProps = {};
-const XBasicSubPanel = withInstall(_sfc_main$h);
+const XBasicSubPanel = withInstall(_sfc_main$i);
 const ROW_KEY = "_MAX_ROW_KEY";
 const PAGE_SIZE_OPTIONS = [10, 50, 80, 100];
 const PAGE_SIZE = 10;
@@ -18316,7 +19431,7 @@ function useColumns(propsRef, getPaginationRef) {
   const columnsRef = ref(unref(propsRef).columns);
   let cacheColumns = unref(propsRef).columns || [];
   const getColumnsRef = computed(() => {
-    const columns = cloneDeep(unref(columnsRef));
+    const columns = cloneDeep$1(unref(columnsRef));
     handleFieldColumn(columns);
     handleIndexColumn(propsRef, getPaginationRef, columns);
     if (!columns) {
@@ -18337,7 +19452,7 @@ function useColumns(propsRef, getPaginationRef) {
   }
   const getViewColumns = computed(() => {
     const viewColumns = filterDefaultHiddenColum(unref(getColumnsRef));
-    const columns = cloneDeep(viewColumns);
+    const columns = cloneDeep$1(viewColumns);
     return columns.filter((column) => isIfShow(column));
   });
   watch(() => unref(propsRef).columns, (columns) => {
@@ -18356,7 +19471,7 @@ function useColumns(propsRef, getPaginationRef) {
     });
   }
   function setColumns(columnList) {
-    const columns = cloneDeep(columnList);
+    const columns = cloneDeep$1(columnList);
     if (!isArray$1(columns)) return;
     if (columns.length <= 0) {
       columnsRef.value = [];
@@ -18500,7 +19615,7 @@ function useDataSource(propsRef, { tableData, getPaginationInfo, setPagination,
         const lastItem = dataSource[dataSource.length - 1];
         if (firstItem && lastItem) {
           if (!firstItem[ROW_KEY] || !lastItem[ROW_KEY]) {
-            const data = cloneDeep(unref(dataSourceRef));
+            const data = cloneDeep$1(unref(dataSourceRef));
             data.forEach((item) => {
               if (!item[ROW_KEY]) {
                 item[ROW_KEY] = guid();
@@ -18598,7 +19713,7 @@ function useDataSource(propsRef, { tableData, getPaginationInfo, setPagination,
     return unref(getRowKey);
   }
   function mergeTableDataRecord(records, key2 = ROW_KEY) {
-    const itemList = cloneDeep(getDataSource() || []);
+    const itemList = cloneDeep$1(getDataSource() || []);
     const items = mergeArray(itemList, records, key2);
     setTableData(items);
   }
@@ -18939,10 +20054,10 @@ function useRowSelection(propsRef, tableData, emit, tableElRef) {
     setSelection();
   }
   function getSelectRowKeys() {
-    return cloneDeep$1(unref(selectedRowKeysRef));
+    return cloneDeep$2(unref(selectedRowKeysRef));
   }
   function getSelectRows() {
-    return cloneDeep$1(unref(selectedRowRef));
+    return cloneDeep$2(unref(selectedRowRef));
   }
   function getRowSelection() {
     return unref(getRowSelectionRef);
@@ -19099,7 +20214,7 @@ const setting = {
   })
 };
 const _hoisted_1$5 = { class: "max-table-selection-count" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "BasicTable",
   props: /* @__PURE__ */ mergeDefaults({
     layouts: {},
@@ -19553,8 +20668,8 @@ const vxeTableFormatter = {
   }
 };
 VxeUI2.formats.mixin(vxeTableFormatter);
-const XBasicTable = withInstall(_sfc_main$g);
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const XBasicTable = withInstall(_sfc_main$h);
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "BasicTag",
   props: {
     tagType: { type: [Number, Boolean] },
@@ -19579,7 +20694,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicTag = withInstall(_sfc_main$f);
+const XBasicTag = withInstall(_sfc_main$g);
 const attrAccept = (file, acceptedFiles) => {
   if (file && acceptedFiles) {
     const acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(",");
@@ -21316,7 +22431,7 @@ const BasicUploadDragger = /* @__PURE__ */ defineComponent({
 const XBasicUploadDragger = withInstall(BasicUploadDragger);
 const _hoisted_1$4 = ["title"];
 const _hoisted_2$1 = ["title"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "BasicViewBar",
   props: {
     fixed: { type: Boolean },
@@ -21428,8 +22543,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicViewBar = withInstall(_sfc_main$e);
-const _sfc_main$d = defineComponent({
+const XBasicViewBar = withInstall(_sfc_main$f);
+const _sfc_main$e = defineComponent({
   name: "CLoadingIcon"
 });
 const _hoisted_1$3 = { viewBox: "0 0 50 50" };
@@ -21446,7 +22561,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, -1)
   ])]);
 }
-const LoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render]]);
+const LoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render]]);
 var ignoreEnum = /* @__PURE__ */ ((ignoreEnum2) => {
   ignoreEnum2["none"] = "none";
   ignoreEnum2["parents"] = "parents";
@@ -21647,7 +22762,7 @@ const useTreeNodeCls = (props, dragoverRefs) => {
 };
 const _hoisted_1$2 = ["d", "stroke-width", "stroke", "stroke-dasharray"];
 const _hoisted_2 = ["draggable"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "VTreeNode"
   },
@@ -21961,7 +23076,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XTreeNode = withInstall(_sfc_main$c);
+const XTreeNode = withInstall(_sfc_main$d);
 const useExpandAnimation = (renderNodesRef, renderStartRef, props) => {
   const expandAnimationStart = ref(false);
   const expandAnimationReady = ref(false);
@@ -23411,7 +24526,7 @@ const pickReadonly = (obj, ...keys) => {
   });
   return picked;
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "VTree",
     inheritAttrs: false
@@ -23717,7 +24832,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     });
     useIframeResize(updateRender);
     const treeNodePropKeys = ["titleField", "keyField", "checkable", "selectable", "unselectOnClick", "disableAll", "draggable", "droppable", "render", "nodeIndent", "showLine", "showLeftArrow", "showRightArrow"];
-    const treeNodeProps = reactive(pickReadonly(toRefs(props), ...treeNodePropKeys));
+    const treeNodeProps2 = reactive(pickReadonly(toRefs(props), ...treeNodePropKeys));
     __expose({
       setData,
       setChecked,
@@ -23774,7 +24889,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               style: normalizeStyle({ height: `${unref(topSpaceHeight)}px` })
             }, null, 4),
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(expandAnimation).ready.value ? unref(expandAnimation).topNodes.value : unref(renderNodes), (node) => {
-              return openBlock(), createBlock(unref(XTreeNode), mergeProps({ ref_for: true }, treeNodeProps, {
+              return openBlock(), createBlock(unref(XTreeNode), mergeProps({ ref_for: true }, treeNodeProps2, {
                 key: node[__props.keyField],
                 data: node,
                 "get-node": unref(getNode),
@@ -23809,7 +24924,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                       class: normalizeClass(unref(transitionWrapperInnerCls))
                     }, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(unref(expandAnimation).middleNodes.value, (node) => {
-                        return openBlock(), createBlock(unref(XTreeNode), mergeProps({ ref_for: true }, treeNodeProps, {
+                        return openBlock(), createBlock(unref(XTreeNode), mergeProps({ ref_for: true }, treeNodeProps2, {
                           key: node[__props.keyField],
                           data: node,
                           "get-node": unref(getNode),
@@ -23838,7 +24953,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 _: 3
               }, 8, ["onAfterEnter", "onAfterLeave"]),
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(expandAnimation).bottomNodes.value, (node) => {
-                return openBlock(), createBlock(unref(XTreeNode), mergeProps({ ref_for: true }, treeNodeProps, {
+                return openBlock(), createBlock(unref(XTreeNode), mergeProps({ ref_for: true }, treeNodeProps2, {
                   key: node[__props.keyField],
                   data: node,
                   "get-node": unref(getNode),
@@ -23900,7 +25015,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XTree = withInstall(_sfc_main$b);
+const XTree = withInstall(_sfc_main$c);
 const useTreeSearchCls = (props, options) => {
   const { checkAllStatus, isShowingChecked } = options;
   const { b } = useNamespace("tree-search");
@@ -23986,7 +25101,7 @@ const DEFAULT_TREE_SEARCH_PROPS = {
 };
 const TREE_SEARCH_EVENTS = ["search", ...TREE_EVENTS];
 const _hoisted_1$1 = ["placeholder", "disabled"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "VTreeSearch",
     inheritAttrs: false
@@ -24296,7 +25411,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XTreeSearch = withInstall(_sfc_main$a);
+const XTreeSearch = withInstall(_sfc_main$b);
 const useTreeDropCls = (props, options) => {
   const { dropdownVisible, checkedCount, selectedTitle } = options;
   const { b } = useNamespace("tree-drop");
@@ -24368,7 +25483,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$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     name: "VTreeDrop",
     inheritAttrs: false
@@ -24733,7 +25848,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XTreeDrop = withInstall(_sfc_main$9);
+const XTreeDrop = withInstall(_sfc_main$a);
 const components = [
   XConfigProvider,
   XBasicSvgIcon,
@@ -24758,8 +25873,8 @@ const components = [
   XBasicSubPanel,
   XBasicRow,
   XBasicCol,
+  XBasicJsonViewer,
   XTree,
-  XTreeNode,
   XTreeSearch,
   XTreeDrop,
   XBasicViewBar,
@@ -24797,7 +25912,7 @@ const makeInstaller = (components2 = []) => {
   };
 };
 const installer = makeInstaller([...components]);
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonCreate",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -24822,7 +25937,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonDelete",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -24847,7 +25962,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonEdit",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -24872,7 +25987,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonExport",
   props: {
     href: {},
@@ -24924,7 +26039,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1 = ["multiple", "name", "accept"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonImport",
   props: {
     name: { default: "file" },
@@ -25015,8 +26130,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicButtonImport = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-826acb65"]]);
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const BasicButtonImport = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-826acb65"]]);
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonPrint",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -25041,13 +26156,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicButtonCreate = withInstall(_sfc_main$8);
-const XBasicButtonEdit = withInstall(_sfc_main$6);
-const XBasicButtonDelete = withInstall(_sfc_main$7);
-const XBasicButtonExport = withInstall(_sfc_main$5);
+const XBasicButtonCreate = withInstall(_sfc_main$9);
+const XBasicButtonEdit = withInstall(_sfc_main$7);
+const XBasicButtonDelete = withInstall(_sfc_main$8);
+const XBasicButtonExport = withInstall(_sfc_main$6);
 const XBasicButtonImport = withInstall(BasicButtonImport);
-const XBasicButtonPrint = withInstall(_sfc_main$3);
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const XBasicButtonPrint = withInstall(_sfc_main$4);
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "BasicDrawerFooter",
   props: {
     showDeleteButton: { type: Boolean, default: false },
@@ -25124,8 +26239,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicDrawerFooter = withInstall(_sfc_main$2);
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const XBasicDrawerFooter = withInstall(_sfc_main$3);
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "BasicMasterTrigger",
   props: {
     value: {},
@@ -25189,8 +26304,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicMasterTrigger = withInstall(_sfc_main$1);
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const XBasicMasterTrigger = withInstall(_sfc_main$2);
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "BasicPanelPage",
   props: {
     autoContentHeight: { type: Boolean, default: true }
@@ -25261,7 +26376,142 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicPanelPage = withInstall(_sfc_main);
+const XBasicPanelPage = withInstall(_sfc_main$1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BasicTriggerButton",
+  props: {
+    size: {},
+    type: { default: "primary" },
+    icon: {},
+    color: {},
+    textColor: {},
+    text: { type: Boolean },
+    block: { type: Boolean },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    circle: { type: Boolean },
+    ghost: { type: Boolean },
+    round: { type: Boolean },
+    secondary: { type: Boolean },
+    tertiary: { type: Boolean },
+    quaternary: { type: Boolean },
+    strong: { type: Boolean },
+    focusable: { type: Boolean },
+    keyboard: { type: Boolean },
+    tag: {},
+    dashed: { type: Boolean },
+    renderIcon: {},
+    iconPlacement: {},
+    attrType: {},
+    bordered: { type: Boolean },
+    onClick: {},
+    nativeFocusBehavior: { type: Boolean },
+    field: {},
+    validate: {},
+    confirm: {},
+    cancel: {},
+    message: {},
+    messageBoxProps: {},
+    buttonProps: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { b } = useNamespace("basic-trigger-button");
+    const { t } = useLocale();
+    function basicButtonHandler2() {
+      var _a;
+      if (props.message) {
+        XBasicMessageBox.confirm(props.message, {
+          type: "info",
+          title: t("max.messagebox.alert"),
+          confirmButtonText: t("max.button.confirm"),
+          cancelButtonText: t("max.button.cancel"),
+          ...props.messageBoxProps || {},
+          callback: (action) => {
+            var _a2, _b, _c;
+            if (action === "confirm") {
+              (_a2 = props.confirm) == null ? void 0 : _a2.call(props, { field: props.field, schema: props, type: "confirm" });
+            } else if (action === "cancel") {
+              (_b = props.cancel) == null ? void 0 : _b.call(props, { field: props.field, schema: props, type: "cancel" });
+            } else {
+              (_c = props.cancel) == null ? void 0 : _c.call(props, { field: props.field, schema: props, type: "close" });
+            }
+          }
+        });
+      } else {
+        (_a = props.confirm) == null ? void 0 : _a.call(props, { field: props.field, schema: props, type: "confirm" });
+      }
+    }
+    function onClickHandler() {
+      if (!props.validate) {
+        basicButtonHandler2();
+        return;
+      }
+      const interceptor = props.validate({ field: props.field, schema: props });
+      if (interceptor instanceof Promise) {
+        interceptor.then((res) => {
+          if (res) {
+            basicButtonHandler2();
+          }
+        });
+      } else if (interceptor) {
+        basicButtonHandler2();
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(XBasicButton), mergeProps(props, {
+        class: unref(b)(),
+        onClick: onClickHandler
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const XBasicTriggerButton = withInstall(_sfc_main);
+function basicButtonHandler(schema) {
+  var _a;
+  if (schema.message) {
+    XBasicMessageBox.confirm(schema.message, {
+      type: "info",
+      title: "提示",
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      ...schema.messageBoxProps || {},
+      callback: (action) => {
+        var _a2, _b, _c;
+        if (action === "confirm") {
+          (_a2 = schema.confirm) == null ? void 0 : _a2.call(schema, { field: schema.field, schema, type: "confirm" });
+        } else if (action === "cancel") {
+          (_b = schema.cancel) == null ? void 0 : _b.call(schema, { field: schema.field, schema, type: "cancel" });
+        } else {
+          (_c = schema.cancel) == null ? void 0 : _c.call(schema, { field: schema.field, schema, type: "close" });
+        }
+      }
+    });
+  } else {
+    (_a = schema.confirm) == null ? void 0 : _a.call(schema, { field: schema.field, schema, type: "confirm" });
+  }
+}
+function basicButtonClickTrigger(schema) {
+  if (!schema.validate) {
+    basicButtonHandler(schema);
+    return;
+  }
+  const interceptor = schema.validate({ field: schema.field, schema });
+  if (interceptor instanceof Promise) {
+    interceptor.then((res) => {
+      if (res) {
+        basicButtonHandler(schema);
+      }
+    });
+  } else if (interceptor) {
+    basicButtonHandler(schema);
+  }
+}
 const install = installer.install;
 export {
   LIST_IGNORE,
@@ -25301,6 +26551,7 @@ export {
   XBasicHidden,
   XBasicIconOnline,
   XBasicIconPicker,
+  XBasicJsonViewer,
   XBasicListPage,
   XBasicLoading,
   vLoading as XBasicLoadingDirective,
@@ -25325,6 +26576,7 @@ export {
   XBasicTag,
   XBasicText,
   XBasicTitle,
+  XBasicTriggerButton,
   XBasicUpload,
   XBasicUploadDragger,
   XBasicViewBar,
@@ -25334,6 +26586,8 @@ export {
   XTreeNode,
   XTreeSearch,
   ZINDEX_INJECTION_KEY,
+  basicButtonClickTrigger,
+  basicButtonHandler,
   basicCascaderProps,
   basicCheckboxGroupProps,
   basicCheckboxProps,
@@ -25343,6 +26597,7 @@ export {
   basicGradientTitleProps,
   basicHelpProps,
   basicIconOnlineProps,
+  basicJsonViewerProps,
   basicMessageBoxProps,
   basicModalProps,
   basicRadioGroupProps,
@@ -25365,6 +26620,8 @@ export {
   responsiveArray,
   setTableGlobalFormat,
   setVxeTableTheme,
+  treeNodeProps,
+  treeNodePropsPass$1 as treeNodePropsPass,
   useBasicDrawerModal,
   useComponentRegister,
   useConfigProvider,