@maxax/ui 1.0.7 → 1.0.9

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-dGhmZ9rs.cjs");
+const utils$1 = require("./utils-D_olU8qE.cjs");
 const hooks = require("@maxax/hooks");
 const dateFns = require("date-fns");
 const dayjs = require("dayjs");
@@ -2304,7 +2304,7 @@ const Icon = vue.defineComponent((props, { emit }) => {
   emits: ["load"]
 });
 const _hoisted_1$c = ["xlink:href"];
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicSvgIcon",
   props: {
     icon: {},
@@ -2350,8 +2350,8 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicSvgIcon = utils.withInstall(_sfc_main$N);
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const XBasicSvgIcon = utils.withInstall(_sfc_main$O);
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicArrow",
   props: {
     expand: { type: Boolean },
@@ -2383,8 +2383,8 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicArrow = utils.withInstall(_sfc_main$M);
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const XBasicArrow = utils.withInstall(_sfc_main$N);
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButton",
   props: {
     size: {},
@@ -2439,7 +2439,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicButton = utils.withInstall(_sfc_main$L);
+const XBasicButton = utils.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 = vue.defineComponent({
+const _sfc_main$L = vue.defineComponent({
   components: {
     NButton: naiveUi.NButton,
     NInput: naiveUi.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]" && !vue.isVNode(s);
 }
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   name: "ButtonGroupItem",
   props: {
     schema: {
@@ -3550,7 +3550,7 @@ function useButtonGroupSchema({ getProps, schemaRef }) {
   });
   return { getSchema };
 }
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonGroup",
   props: {
     showReturnButton: { type: Boolean },
@@ -3631,7 +3631,7 @@ const _sfc_main$I = /* @__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$J, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$K, {
             key: schema.field,
             schema,
             "button-group-action-type": buttonGroupActionType,
@@ -3652,9 +3652,9 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicButtonGroup = utils.withInstall(_sfc_main$I);
+const XBasicButtonGroup = utils.withInstall(_sfc_main$J);
 const _hoisted_1$a = ["title"];
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicText",
   props: {
     icon: { default: "" },
@@ -3692,7 +3692,7 @@ const _sfc_main$H = /* @__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$N, {
+        __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$O, {
           key: 0,
           icon: __props.icon,
           class: vue.normalizeClass(__props.iconClass),
@@ -3705,8 +3705,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicText = utils.withInstall(_sfc_main$H);
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const XBasicText = utils.withInstall(_sfc_main$I);
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicCard",
   props: {
     title: {},
@@ -3745,8 +3745,8 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicCard = utils.withInstall(_sfc_main$G);
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const XBasicCard = utils.withInstall(_sfc_main$H);
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -3851,7 +3851,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicCascaderProps = {};
-const XBasicCascader = utils.withInstall(_sfc_main$F);
+const XBasicCascader = utils.withInstall(_sfc_main$G);
 const basicCheckboxGroupKey = Symbol("basic-checkbox-group");
 const createBasicCheckboxGroupContext = (props) => {
   return vue.provide(basicCheckboxGroupKey, props);
@@ -3872,7 +3872,7 @@ const IconCheck = /* @__PURE__ */ vue.defineComponent({
     }, null)]);
   }
 });
-const _sfc_main$E = vue.defineComponent({
+const _sfc_main$F = vue.defineComponent({
   name: "IconHover",
   props: {
     disabled: {
@@ -3900,7 +3900,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     vue.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 vue.computed(() => vue.toValue(options.disabled) ? sourceVal() : outputRef.value);
 }
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicCountTo",
   props: {
     startValue: { default: 0 },
@@ -4876,8 +4876,8 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicCountTo = utils.withInstall(_sfc_main$D);
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const XBasicCountTo = utils.withInstall(_sfc_main$E);
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicDatePicker",
   props: {
     disabled: { type: Boolean, default: false },
@@ -4937,7 +4937,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicDatePicker = utils.withInstall(_sfc_main$C);
+const XBasicDatePicker = utils.withInstall(_sfc_main$D);
 const basicDragVerifyProps = {
   value: {
     type: Boolean,
@@ -4984,7 +4984,7 @@ const basicDragVerifyProps = {
     default: () => ({})
   }
 };
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   name: "BasicDragVerify",
   props: basicDragVerifyProps,
   emits: ["success", "update:value", "change", "start", "move", "end"],
@@ -5287,7 +5287,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicDragVerify = utils.withInstall(_sfc_main$B);
+const XBasicDragVerify = utils.withInstall(_sfc_main$C);
 const basicHelpProps = {
   /**
    * Whether to display the serial number
@@ -5303,7 +5303,7 @@ const basicHelpProps = {
     default: ""
   }
 };
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   name: "BasicHelp",
   components: {
     XBasicSvgIcon
@@ -5349,8 +5349,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     });
   }
 });
-const XBasicHelp = utils.withInstall(_sfc_main$A);
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const XBasicHelp = utils.withInstall(_sfc_main$B);
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTitle",
   props: {
     helpMessage: {},
@@ -5393,12 +5393,12 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicTitle = utils.withInstall(_sfc_main$z);
+const XBasicTitle = utils.withInstall(_sfc_main$A);
 const _hoisted_1$9 = {
   key: 0,
   class: "footer-wrapper"
 };
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicDrawer",
   props: {
     showCancelBtn: { type: Boolean, default: true },
@@ -5572,7 +5572,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicDrawer = utils.withInstall(_sfc_main$y);
+const XBasicDrawer = utils.withInstall(_sfc_main$z);
 const basicEditBatchKey = Symbol("basic-edit-batch");
 const createBasicEditBatchContext = (props) => {
   return vue.provide(basicEditBatchKey, props);
@@ -5581,7 +5581,7 @@ const useBasicEditBatchContext = () => {
   return vue.inject(basicEditBatchKey);
 };
 const _hoisted_1$8 = ["disabled"];
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "EditBatchAction",
   props: {
     disabled: { type: Boolean, default: false },
@@ -5641,7 +5641,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicHidden",
   props: {
     value: {},
@@ -5668,7 +5668,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicHidden = utils.withInstall(_sfc_main$w);
+const XBasicHidden = utils.withInstall(_sfc_main$x);
 const basicRadioGroupKey = Symbol("basic-radio-group");
 const createBasicRadioGroupContext = (props) => {
   return vue.provide(basicRadioGroupKey, props);
@@ -5936,7 +5936,7 @@ const BasicRadioGroup = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const XBasicRadioGroup = utils.withInstall(BasicRadioGroup);
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -6055,7 +6055,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicSelectProps = {};
-const XBasicSelect = utils.withInstall(_sfc_main$v);
+const XBasicSelect = utils.withInstall(_sfc_main$w);
 const componentMap$1 = /* @__PURE__ */ new Map();
 componentMap$1.set("Input", naiveUi.NInput);
 componentMap$1.set("InputNumber", naiveUi.NInputNumber);
@@ -6134,7 +6134,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$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   name: "BasicEditBatchItem",
   components: {
     XBasicHelp
@@ -6872,7 +6872,7 @@ function useEditBatchValues({ getProps, defaultValueRef, getSchema, formModel })
   }
   return { handleFormValues, initDefault };
 }
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicEditBatch",
   props: {
     name: {},
@@ -7002,7 +7002,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             options: vue.unref(getOptions)
           }, null, 8, ["value", "options"])
         ], 2),
-        schemaItemRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
+        schemaItemRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
           key: 0,
           schema: schemaItemRef.value,
           "edit-batch-props": getProps.value,
@@ -7019,7 +7019,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             };
           })
         ]), 1032, ["schema", "edit-batch-props", "all-default-values", "form-model"])) : vue.createCommentVNode("", true),
-        vue.createVNode(_sfc_main$x, vue.normalizeProps(vue.guardReactiveProps(getEditBatchActionBindProps.value)), vue.createSlots({ _: 2 }, [
+        vue.createVNode(_sfc_main$y, vue.normalizeProps(vue.guardReactiveProps(getEditBatchActionBindProps.value)), vue.createSlots({ _: 2 }, [
           vue.renderList(["resetBefore", "submitBefore", "submitAfter"], (item) => {
             return {
               name: item,
@@ -7033,7 +7033,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicEditBatch = utils.withInstall(_sfc_main$t);
+const XBasicEditBatch = utils.withInstall(_sfc_main$u);
 const basicFontIconProps = {
   icon: {
     type: String,
@@ -7084,7 +7084,7 @@ const createBasicFormContext = (props) => {
 const useBasicFormContext = () => {
   return vue.inject(basicFormKey);
 };
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "FormAction",
   props: {
     showActionButtonGroup: { type: Boolean, default: true },
@@ -7224,7 +7224,7 @@ const basicScrollTextProps = {
     default: ""
   }
 };
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   name: "BasicScrollText",
   props: basicScrollTextProps,
   setup(props, {
@@ -7286,7 +7286,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     }, [content()]) : null])]);
   }
 });
-const XBasicScrollText = utils.withInstall(_sfc_main$r);
+const XBasicScrollText = utils.withInstall(_sfc_main$s);
 const componentMap = /* @__PURE__ */ new Map();
 componentMap.set("Input", naiveUi.NInput);
 componentMap.set("InputNumber", naiveUi.NInputNumber);
@@ -7385,7 +7385,7 @@ function isComponentFormSchema(schema) {
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   name: "BasicFormItem",
   components: {
     XBasicHelp,
@@ -8485,7 +8485,7 @@ function useFormValues({ getProps, defaultValueRef, getSchema, formModel }) {
   }
   return { handleFormValues, initDefault };
 }
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicForm",
   props: {
     card: { type: Boolean, default: false },
@@ -8676,7 +8676,7 @@ const _sfc_main$p = /* @__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$q, {
+                  return vue.openBlock(), vue.createBlock(_sfc_main$r, {
                     key: schema.field,
                     "is-advanced": vue.unref(fieldsIsAdvancedMap)[schema.field],
                     "form-action-type": formActionType,
@@ -8696,7 +8696,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
                     })
                   ]), 1032, ["is-advanced", "schema", "form-props", "all-default-values", "form-model"]);
                 }), 128)),
-                vue.createVNode(_sfc_main$s, vue.mergeProps(getFormActionBindProps.value, { onToggleAdvanced: vue.unref(handleToggleAdvanced) }), vue.createSlots({ _: 2 }, [
+                vue.createVNode(_sfc_main$t, vue.mergeProps(getFormActionBindProps.value, { onToggleAdvanced: vue.unref(handleToggleAdvanced) }), vue.createSlots({ _: 2 }, [
                   vue.renderList(["resetBefore", "submitBefore", "advanceBefore", "advanceAfter"], (item) => {
                     return {
                       name: item,
@@ -8717,8 +8717,8 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicForm = utils.withInstall(_sfc_main$p);
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const XBasicForm = utils.withInstall(_sfc_main$q);
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicGradientTitle",
   props: {
     text: {}
@@ -8751,7 +8751,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicGradientTitleProps = {};
-const XBasicGradientTitle = utils.withInstall(_sfc_main$o);
+const XBasicGradientTitle = utils.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__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicIconPicker",
   props: {
     disabled: { type: Boolean },
@@ -12880,7 +12880,1122 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicIconPicker = utils.withInstall(_sfc_main$n);
+const XBasicIconPicker = utils.withInstall(_sfc_main$o);
+function useClipboard() {
+  const copied = vue.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__ */ vue.defineComponent({
+  name: "JsonBrackets",
+  props: {
+    data: {
+      required: true,
+      type: String
+    },
+    onClick: {
+      type: Function,
+      default: void 0
+    }
+  },
+  render() {
+    const {
+      data
+    } = this;
+    const {
+      onClick
+    } = this;
+    return vue.createVNode("span", {
+      "class": "vjs-tree-brackets",
+      "onClick": onClick
+    }, [data]);
+  }
+});
+const Carets = /* @__PURE__ */ vue.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 vue.createVNode("span", {
+      "class": `vjs-carets vjs-carets-${isOpen ? "open" : "close"}`,
+      "onClick": onClick
+    }, [vue.createVNode("svg", {
+      "viewBox": "0 0 24 24",
+      "width": "1em",
+      "height": "1em",
+      "fill": "currentColor",
+      "aria-hidden": "true",
+      "focusable": "false",
+      "data-icon": "caret-down"
+    }, [vue.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__ */ vue.defineComponent({
+  props: {
+    checked: {
+      type: Boolean,
+      default: false
+    },
+    isMultiple: Boolean,
+    onChange: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(props, {
+    emit
+  }) {
+    const uiType = vue.computed(() => props.isMultiple ? "checkbox" : "radio");
+    const model = vue.computed({
+      get: () => props.checked,
+      set: (val) => emit("update:modelValue", val)
+    });
+    return {
+      uiType,
+      model
+    };
+  },
+  render() {
+    const {
+      uiType,
+      model,
+      $emit
+    } = this;
+    return vue.createVNode("label", {
+      "class": ["vjs-check-controller", model ? "is-checked" : ""],
+      "onClick": (e) => e.stopPropagation()
+    }, [vue.createVNode("span", {
+      "class": `vjs-check-controller-inner is-${uiType}`
+    }, null), vue.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__ */ vue.defineComponent({
+  name: "TreeNode",
+  props: treeNodeProps,
+  emits: ["nodeClick", "nodeMouseover", "bracketsClick", "iconClick", "selectedChange", "valueChange"],
+  setup(props, {
+    emit
+  }) {
+    const dataType = vue.computed(() => getDataType(props.node.content));
+    const valueClass = vue.computed(() => `vjs-value vjs-value-${dataType.value}`);
+    const prettyKey = vue.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 = vue.computed(() => props.selectableType === "multiple");
+    const isSingle = vue.computed(() => props.selectableType === "single");
+    const selectable = vue.computed(() => props.nodeSelectable(props.node) && (isMultiple.value || isSingle.value));
+    const state = vue.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 = vue.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
+      }) : vue.createVNode("span", {
+        "onClick": handleCopy,
+        "class": "vjs-tree-node-actions-item"
+      }, [vue.createTextVNode("copy")]);
+    };
+    return () => {
+      const {
+        node
+      } = props;
+      return vue.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 && vue.createVNode("span", {
+        "class": "vjs-node-index"
+      }, [node.id + 1]), props.showSelectController && selectable.value && node.type !== "objectEnd" && node.type !== "arrayEnd" && vue.createVNode(CheckController, {
+        "isMultiple": isMultiple.value,
+        "checked": props.checked,
+        "onChange": handleSelectedChange
+      }, null), vue.createVNode("div", {
+        "class": "vjs-indent"
+      }, [Array.from(Array(node.level)).map((item, index2) => vue.createVNode("div", {
+        "key": index2,
+        "class": {
+          "vjs-indent-unit": true,
+          "has-line": props.showLine
+        }
+      }, [Array.from(Array(props.indent)).map(() => vue.createVNode(vue.Fragment, null, [vue.createTextVNode(" ")]))])), props.showIcon && vue.createVNode(Carets, {
+        "nodeType": node.type,
+        "onClick": handleIconClick
+      }, null)]), node.key && vue.createVNode("span", {
+        "class": "vjs-key"
+      }, [renderKey(), vue.createVNode("span", {
+        "class": "vjs-colon"
+      }, [`:${props.showKeyValueSpace ? " " : ""}`])]), vue.createVNode("span", null, [node.type !== "content" && node.content ? vue.createVNode(Brackets, {
+        "data": node.content.toString(),
+        "onClick": handleBracketsClick
+      }, null) : vue.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 ? vue.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 && vue.createVNode("span", null, [","]), props.showLength && props.collapsed && vue.createVNode("span", {
+        "class": "vjs-comment"
+      }, [vue.createTextVNode(" // "), node.length, vue.createTextVNode(" items ")])]), props.renderNodeActions && vue.createVNode("span", {
+        "class": "vjs-tree-node-actions"
+      }, [renderNodeActions()])]);
+    };
+  }
+});
+const BasicJsonViewer = /* @__PURE__ */ vue.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 = vue.ref();
+    const originFlatData = vue.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 = vue.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 = vue.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 = vue.computed(() => {
+      const value = props.selectedValue;
+      if (value && props.selectableType === "multiple" && Array.isArray(value)) {
+        return value;
+      }
+      return [value];
+    });
+    const propsErrorMessage = vue.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 = vue.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);
+          vue.nextTick().then(() => {
+            let changed = false;
+            for (let i = state.startIndex; i < state.endIndex; i++) {
+              const el = rowRefs[i];
+              if (!el) continue;
+              const h = el.offsetHeight;
+              if (h && heights[i] !== h) {
+                heights[i] = h;
+                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);
+    };
+    vue.watchEffect(() => {
+      if (propsErrorMessage.value) {
+        emitError(propsErrorMessage.value);
+      }
+    });
+    vue.watchEffect(() => {
+      if (flatData.value) {
+        if (props.virtual && props.dynamicHeight) {
+          if (heights.length !== flatData.value.length) {
+            initDynamicHeights(flatData.value.length);
+          }
+        }
+        updateVisibleData();
+      }
+    });
+    vue.watch(() => [props.dynamicHeight, props.itemHeight, originFlatData.value.length], () => {
+      if (props.virtual && props.dynamicHeight) {
+        initDynamicHeights(flatData.value.length);
+        vue.nextTick(updateVisibleData);
+      }
+    });
+    vue.watch(() => props.deep, (val) => {
+      if (val) state.hiddenPaths = initHiddenPaths(val, props.collapsedNodeLength);
+    });
+    vue.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 vue.createVNode("div", {
+          "key": item.id,
+          "ref": (el) => setRowRef(globalIndex, el || null)
+        }, [vue.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 vue.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 ? vue.createVNode("div", {
+        "class": "vjs-tree-list",
+        "style": {
+          height: `${props.height}px`
+        }
+      }, [vue.createVNode("div", {
+        "class": "vjs-tree-list-holder",
+        "style": {
+          height: `${listHeight.value}px`
+        }
+      }, [vue.createVNode("div", {
+        "class": "vjs-tree-list-holder-inner",
+        "style": {
+          transform: `translateY(${state.translateY}px)`
+        }
+      }, [nodeContent])])]) : nodeContent]);
+    };
+  }
+});
+const XBasicJsonViewer = utils.withInstall(BasicJsonViewer);
 const ROW_KEY$1 = "_MAX_ROW_KEY";
 const PAGE_SIZE_OPTIONS$1 = [10, 50, 80, 100];
 const PAGE_SIZE$1 = 10;
@@ -13210,7 +14325,7 @@ function usePagination$1(propsRef) {
   }
   return { getPagination, getPaginationInfo, setShowPagination, getShowPagination, setPagination };
 }
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicListPage",
   props: {
     listClassName: {},
@@ -13379,7 +14494,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicListPage = utils.withInstall(_sfc_main$m);
+const XBasicListPage = utils.withInstall(_sfc_main$n);
 function createLoadingComponent(options) {
   let afterLeaveTimer;
   const afterLeaveFlag = vue.ref(false);
@@ -13648,7 +14763,7 @@ const XBasicLoading = {
   directive: vLoading,
   service: Loading
 };
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicModal",
   props: {
     width: {},
@@ -13800,12 +14915,12 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicModalProps = {};
-const XBasicModal = utils.withInstall(_sfc_main$l);
+const XBasicModal = utils.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__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicNotification",
   props: {
     customClass: { default: "" },
@@ -13992,7 +15107,7 @@ const notify = (options, context) => {
     appendTo = document.body;
   }
   const container = document.createElement("div");
-  const vm = vue.createVNode(_sfc_main$k, props, utils.isFunction(props.message) ? props.message : vue.isVNode(props.message) ? () => props.message : null);
+  const vm = vue.createVNode(_sfc_main$l, 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);
@@ -14050,7 +15165,7 @@ notify.closeAll = closeAll;
 notify._context = null;
 const $Notification = notify;
 const XBasicNotification = $Notification;
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicPage",
   props: {
     title: {},
@@ -14150,8 +15265,8 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicPage = utils.withInstall(_sfc_main$j);
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const XBasicPage = utils.withInstall(_sfc_main$k);
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicPanel",
   props: {
     title: {},
@@ -14188,7 +15303,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicPanel = utils.withInstall(_sfc_main$i);
+const XBasicPanel = utils.withInstall(_sfc_main$j);
 const regionJson = {
   "110000": "北京市",
   "110100": "市辖区",
@@ -18195,7 +19310,7 @@ const BasicRow = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const XBasicRow = utils.withInstall(BasicRow);
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicSubPanel",
   props: {
     title: {}
@@ -18231,7 +19346,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicSubPanelProps = {};
-const XBasicSubPanel = utils.withInstall(_sfc_main$h);
+const XBasicSubPanel = utils.withInstall(_sfc_main$i);
 const ROW_KEY = "_MAX_ROW_KEY";
 const PAGE_SIZE_OPTIONS = [10, 50, 80, 100];
 const PAGE_SIZE = 10;
@@ -19099,7 +20214,7 @@ const setting = {
   })
 };
 const _hoisted_1$5 = { class: "max-table-selection-count" };
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTable",
   props: /* @__PURE__ */ vue.mergeDefaults({
     layouts: {},
@@ -19553,8 +20668,8 @@ const vxeTableFormatter = {
   }
 };
 vxeTable.VxeUI.formats.mixin(vxeTableFormatter);
-const XBasicTable = utils.withInstall(_sfc_main$g);
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const XBasicTable = utils.withInstall(_sfc_main$h);
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTag",
   props: {
     tagType: { type: [Number, Boolean] },
@@ -19579,7 +20694,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicTag = utils.withInstall(_sfc_main$f);
+const XBasicTag = utils.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__ */ vue.defineComponent({
 const XBasicUploadDragger = utils.withInstall(BasicUploadDragger);
 const _hoisted_1$4 = ["title"];
 const _hoisted_2$1 = ["title"];
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicViewBar",
   props: {
     fixed: { type: Boolean },
@@ -21428,8 +22543,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicViewBar = utils.withInstall(_sfc_main$e);
-const _sfc_main$d = vue.defineComponent({
+const XBasicViewBar = utils.withInstall(_sfc_main$f);
+const _sfc_main$e = vue.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__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTreeNode"
   },
@@ -21961,7 +23076,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTreeNode = utils.withInstall(_sfc_main$c);
+const XTreeNode = utils.withInstall(_sfc_main$d);
 const useExpandAnimation = (renderNodesRef, renderStartRef, props) => {
   const expandAnimationStart = vue.ref(false);
   const expandAnimationReady = vue.ref(false);
@@ -23411,7 +24526,7 @@ const pickReadonly = (obj, ...keys) => {
   });
   return picked;
 };
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTree",
     inheritAttrs: false
@@ -23717,7 +24832,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     });
     useIframeResize(updateRender);
     const treeNodePropKeys = ["titleField", "keyField", "checkable", "selectable", "unselectOnClick", "disableAll", "draggable", "droppable", "render", "nodeIndent", "showLine", "showLeftArrow", "showRightArrow"];
-    const treeNodeProps = vue.reactive(pickReadonly(vue.toRefs(props), ...treeNodePropKeys));
+    const treeNodeProps2 = vue.reactive(pickReadonly(vue.toRefs(props), ...treeNodePropKeys));
     __expose({
       setData,
       setChecked,
@@ -23774,7 +24889,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
               style: vue.normalizeStyle({ height: `${vue.unref(topSpaceHeight)}px` })
             }, null, 4),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(expandAnimation).ready.value ? vue.unref(expandAnimation).topNodes.value : vue.unref(renderNodes), (node) => {
-              return vue.openBlock(), vue.createBlock(vue.unref(XTreeNode), vue.mergeProps({ ref_for: true }, treeNodeProps, {
+              return vue.openBlock(), vue.createBlock(vue.unref(XTreeNode), vue.mergeProps({ ref_for: true }, treeNodeProps2, {
                 key: node[__props.keyField],
                 data: node,
                 "get-node": vue.unref(getNode),
@@ -23809,7 +24924,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                       class: vue.normalizeClass(vue.unref(transitionWrapperInnerCls))
                     }, [
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(expandAnimation).middleNodes.value, (node) => {
-                        return vue.openBlock(), vue.createBlock(vue.unref(XTreeNode), vue.mergeProps({ ref_for: true }, treeNodeProps, {
+                        return vue.openBlock(), vue.createBlock(vue.unref(XTreeNode), vue.mergeProps({ ref_for: true }, treeNodeProps2, {
                           key: node[__props.keyField],
                           data: node,
                           "get-node": vue.unref(getNode),
@@ -23838,7 +24953,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                 _: 3
               }, 8, ["onAfterEnter", "onAfterLeave"]),
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(expandAnimation).bottomNodes.value, (node) => {
-                return vue.openBlock(), vue.createBlock(vue.unref(XTreeNode), vue.mergeProps({ ref_for: true }, treeNodeProps, {
+                return vue.openBlock(), vue.createBlock(vue.unref(XTreeNode), vue.mergeProps({ ref_for: true }, treeNodeProps2, {
                   key: node[__props.keyField],
                   data: node,
                   "get-node": vue.unref(getNode),
@@ -23900,7 +25015,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTree = utils.withInstall(_sfc_main$b);
+const XTree = utils.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__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTreeSearch",
     inheritAttrs: false
@@ -24296,7 +25411,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTreeSearch = utils.withInstall(_sfc_main$a);
+const XTreeSearch = utils.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__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTreeDrop",
     inheritAttrs: false
@@ -24733,7 +25848,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTreeDrop = utils.withInstall(_sfc_main$9);
+const XTreeDrop = utils.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__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonCreate",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -24822,7 +25937,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonDelete",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -24847,7 +25962,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonEdit",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -24872,7 +25987,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonExport",
   props: {
     href: {},
@@ -24924,7 +26039,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1 = ["multiple", "name", "accept"];
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonImport",
   props: {
     name: { default: "file" },
@@ -25015,8 +26130,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BasicButtonImport = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-826acb65"]]);
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const BasicButtonImport = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-826acb65"]]);
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonPrint",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -25041,13 +26156,13 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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 XBasicButtonCreate = utils.withInstall(_sfc_main$9);
+const XBasicButtonEdit = utils.withInstall(_sfc_main$7);
+const XBasicButtonDelete = utils.withInstall(_sfc_main$8);
+const XBasicButtonExport = utils.withInstall(_sfc_main$6);
 const XBasicButtonImport = utils.withInstall(BasicButtonImport);
-const XBasicButtonPrint = utils.withInstall(_sfc_main$3);
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const XBasicButtonPrint = utils.withInstall(_sfc_main$4);
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicDrawerFooter",
   props: {
     showDeleteButton: { type: Boolean, default: false },
@@ -25124,8 +26239,8 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicDrawerFooter = utils.withInstall(_sfc_main$2);
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const XBasicDrawerFooter = utils.withInstall(_sfc_main$3);
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicMasterTrigger",
   props: {
     value: {},
@@ -25189,8 +26304,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicMasterTrigger = utils.withInstall(_sfc_main$1);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const XBasicMasterTrigger = utils.withInstall(_sfc_main$2);
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicPanelPage",
   props: {
     autoContentHeight: { type: Boolean, default: true }
@@ -25261,7 +26376,142 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicPanelPage = utils.withInstall(_sfc_main);
+const XBasicPanelPage = utils.withInstall(_sfc_main$1);
+const _sfc_main = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), vue.mergeProps(props, {
+        class: vue.unref(b)(),
+        onClick: onClickHandler
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const XBasicTriggerButton = utils.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;
 Object.defineProperty(exports, "UIGlobal", {
   enumerable: true,
@@ -25324,6 +26574,7 @@ exports.XBasicHelp = XBasicHelp;
 exports.XBasicHidden = XBasicHidden;
 exports.XBasicIconOnline = XBasicIconOnline;
 exports.XBasicIconPicker = XBasicIconPicker;
+exports.XBasicJsonViewer = XBasicJsonViewer;
 exports.XBasicListPage = XBasicListPage;
 exports.XBasicLoading = XBasicLoading;
 exports.XBasicLoadingDirective = vLoading;
@@ -25348,6 +26599,7 @@ exports.XBasicTable = XBasicTable;
 exports.XBasicTag = XBasicTag;
 exports.XBasicText = XBasicText;
 exports.XBasicTitle = XBasicTitle;
+exports.XBasicTriggerButton = XBasicTriggerButton;
 exports.XBasicUpload = XBasicUpload;
 exports.XBasicUploadDragger = XBasicUploadDragger;
 exports.XBasicViewBar = XBasicViewBar;
@@ -25357,6 +26609,8 @@ exports.XTreeDrop = XTreeDrop;
 exports.XTreeNode = XTreeNode;
 exports.XTreeSearch = XTreeSearch;
 exports.ZINDEX_INJECTION_KEY = ZINDEX_INJECTION_KEY;
+exports.basicButtonClickTrigger = basicButtonClickTrigger;
+exports.basicButtonHandler = basicButtonHandler;
 exports.basicCascaderProps = basicCascaderProps;
 exports.basicCheckboxGroupProps = basicCheckboxGroupProps;
 exports.basicCheckboxProps = basicCheckboxProps;
@@ -25366,6 +26620,7 @@ exports.basicFontIconProps = basicFontIconProps;
 exports.basicGradientTitleProps = basicGradientTitleProps;
 exports.basicHelpProps = basicHelpProps;
 exports.basicIconOnlineProps = basicIconOnlineProps;
+exports.basicJsonViewerProps = basicJsonViewerProps;
 exports.basicMessageBoxProps = basicMessageBoxProps;
 exports.basicModalProps = basicModalProps;
 exports.basicRadioGroupProps = basicRadioGroupProps;
@@ -25388,6 +26643,8 @@ exports.provideGlobalConfig = provideGlobalConfig;
 exports.responsiveArray = responsiveArray;
 exports.setTableGlobalFormat = setTableGlobalFormat;
 exports.setVxeTableTheme = setVxeTableTheme;
+exports.treeNodeProps = treeNodeProps;
+exports.treeNodePropsPass = treeNodePropsPass$1;
 exports.useBasicDrawerModal = useBasicDrawerModal;
 exports.useComponentRegister = useComponentRegister;
 exports.useConfigProvider = useConfigProvider;