vxe-pc-ui 4.20.34 → 4.20.35

package/es/splitter/src/splitter-panel.js

@@ -4,151 +4,154 @@ import { VxeUI } from "@vxe-ui/core";
 import { assembleSplitterItem, destroySplitterItem } from "./util";
 import XEUtils from "xe-utils";
 const { createEvent } = VxeUI;
-var splitter_panel_default = defineVxeComponent({
-  name: "VxeSplitterPanel",
-  props: {
-    name: [Number, String],
-    width: [Number, String],
-    height: [Number, String],
-    minWidth: {
-      type: [Number, String],
-      default: () => null
+var splitter_panel_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeSplitterPanel",
+    props: {
+      name: [Number, String],
+      width: [Number, String],
+      height: [Number, String],
+      minWidth: {
+        type: [Number, String],
+        default: () => null
+      },
+      minHeight: {
+        type: [Number, String],
+        default: () => null
+      },
+      maxWidth: {
+        type: [Number, String],
+        default: () => null
+      },
+      maxHeight: {
+        type: [Number, String],
+        default: () => null
+      },
+      // 已废弃
+      showAction: Boolean
     },
-    minHeight: {
-      type: [Number, String],
-      default: () => null
-    },
-    maxWidth: {
-      type: [Number, String],
-      default: () => null
-    },
-    maxHeight: {
-      type: [Number, String],
-      default: () => null
-    },
-    // 已废弃
-    showAction: Boolean
-  },
-  emits: [],
-  setup(props, context) {
-    const { emit, slots } = context;
-    const xID = XEUtils.uniqueId();
-    const $xeSplitter = inject("$xeSplitter", null);
-    const refElem = ref();
-    const paneConfig = reactive({
-      id: xID,
-      name: props.name,
-      width: props.width,
-      height: props.height,
-      minWidth: props.minWidth,
-      minHeight: props.minHeight,
-      maxWidth: props.maxWidth,
-      maxHeight: props.maxHeight,
-      showAction: props.showAction,
-      isExpand: true,
-      renderWidth: 0,
-      resizeWidth: 0,
-      foldWidth: 0,
-      renderHeight: 0,
-      resizeHeight: 0,
-      foldHeight: 0,
-      slots
-    });
-    const reactData = reactive({});
-    const internalData = {};
-    const computeMaps = {};
-    const refMaps = {
-      refElem
-    };
-    const $xeSplitterItem = {
-      xID,
-      props,
-      context,
-      reactData,
-      internalData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $splitterPanel: $xeSplitterItem }, params));
-    };
-    const splitterPanelMethods = {
-      dispatchEvent
-    };
-    const splitterPanelPrivateMethods = {};
-    Object.assign($xeSplitterItem, splitterPanelMethods, splitterPanelPrivateMethods);
-    const renderVN = () => {
-      return h("div", {
-        ref: refElem
+    emits: [],
+    setup(props, context) {
+      const { emit, slots } = context;
+      const xID = XEUtils.uniqueId();
+      const $xeSplitter = inject("$xeSplitter", null);
+      const refElem = ref();
+      const paneConfig = reactive({
+        id: xID,
+        name: props.name,
+        width: props.width,
+        height: props.height,
+        minWidth: props.minWidth,
+        minHeight: props.minHeight,
+        maxWidth: props.maxWidth,
+        maxHeight: props.maxHeight,
+        showAction: props.showAction,
+        isExpand: true,
+        renderWidth: 0,
+        resizeWidth: 0,
+        foldWidth: 0,
+        renderHeight: 0,
+        resizeHeight: 0,
+        foldHeight: 0,
+        slots
       });
-    };
-    watch(
-      () => props.name,
-      (val) => {
-        paneConfig.name = val;
-      }
-    );
-    watch(
-      () => props.width,
-      (val) => {
-        paneConfig.width = val;
-      }
-    );
-    watch(
-      () => props.height,
-      (val) => {
-        paneConfig.height = val;
-      }
-    );
-    watch(
-      () => props.minWidth,
-      (val) => {
-        paneConfig.minWidth = val;
-      }
-    );
-    watch(
-      () => props.minHeight,
-      (val) => {
-        paneConfig.minHeight = val;
-      }
-    );
-    watch(
-      () => props.maxWidth,
-      (val) => {
-        paneConfig.maxWidth = val;
-      }
-    );
-    watch(
-      () => props.maxHeight,
-      (val) => {
-        paneConfig.maxHeight = val;
-      }
-    );
-    watch(
-      () => props.showAction,
-      (val) => {
-        paneConfig.showAction = val;
-      }
-    );
-    onMounted(() => {
-      const elem = refElem.value;
-      if ($xeSplitter && elem) {
-        assembleSplitterItem($xeSplitter, elem, paneConfig);
-      }
-    });
-    onUnmounted(() => {
-      if ($xeSplitter) {
-        destroySplitterItem($xeSplitter, paneConfig);
-      }
-    });
-    provide("$xeSplitterItem", $xeSplitterItem);
-    $xeSplitterItem.renderVN = renderVN;
-    return $xeSplitterItem;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+      const reactData = reactive({});
+      const internalData = {};
+      const computeMaps = {};
+      const refMaps = {
+        refElem
+      };
+      const $xeSplitterItem = {
+        xID,
+        props,
+        context,
+        reactData,
+        internalData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $splitterPanel: $xeSplitterItem }, params));
+      };
+      const splitterPanelMethods = {
+        dispatchEvent
+      };
+      const splitterPanelPrivateMethods = {};
+      Object.assign($xeSplitterItem, splitterPanelMethods, splitterPanelPrivateMethods);
+      const renderVN = () => {
+        return h("div", {
+          ref: refElem
+        });
+      };
+      watch(
+        () => props.name,
+        (val) => {
+          paneConfig.name = val;
+        }
+      );
+      watch(
+        () => props.width,
+        (val) => {
+          paneConfig.width = val;
+        }
+      );
+      watch(
+        () => props.height,
+        (val) => {
+          paneConfig.height = val;
+        }
+      );
+      watch(
+        () => props.minWidth,
+        (val) => {
+          paneConfig.minWidth = val;
+        }
+      );
+      watch(
+        () => props.minHeight,
+        (val) => {
+          paneConfig.minHeight = val;
+        }
+      );
+      watch(
+        () => props.maxWidth,
+        (val) => {
+          paneConfig.maxWidth = val;
+        }
+      );
+      watch(
+        () => props.maxHeight,
+        (val) => {
+          paneConfig.maxHeight = val;
+        }
+      );
+      watch(
+        () => props.showAction,
+        (val) => {
+          paneConfig.showAction = val;
+        }
+      );
+      onMounted(() => {
+        const elem = refElem.value;
+        if ($xeSplitter && elem) {
+          assembleSplitterItem($xeSplitter, elem, paneConfig);
+        }
+      });
+      onUnmounted(() => {
+        if ($xeSplitter) {
+          destroySplitterItem($xeSplitter, paneConfig);
+        }
+      });
+      provide("$xeSplitterItem", $xeSplitterItem);
+      $xeSplitterItem.renderVN = renderVN;
+      return $xeSplitterItem;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   splitter_panel_default as default
 };