@ued_fpi/data-visual 1.1.3 → 1.1.5

package/dist/lib/aims/src/common/BasicDialog/index.vue.js

@@ -2,11 +2,123 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
-require('./index.vue3.js');
-require('./index.vue4.js');
-const _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+const vue = require('vue');
+const util = require('./util.js');
 
-const _BasicDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-424f48ea"]]);
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("g", null, [
+  /* @__PURE__ */ vue.createElementVNode("path", {
+    d: "M0.292786,0.292786C0.480314,0.105315,0.734622,0,0.999786,0C1.26495,0,1.51926,0.105315,1.70679,0.292786C1.70679,0.292786,5.24279,3.82879,5.24279,3.82879C5.24279,3.82879,8.77879,0.292786,8.77879,0.292786C8.96739,0.110628,9.21999,0.00983396,9.48219,0.0121124C9.74438,0.0143908,9.9952,0.11956,10.1806,0.304968C10.366,0.490376,10.4712,0.741189,10.4735,1.00339C10.4757,1.26558,10.3749,1.51818,10.1928,1.70679C10.1928,1.70679,6.65679,5.24279,6.65679,5.24279C6.65679,5.24279,10.1928,8.77879,10.1928,8.77879C10.3749,8.96739,10.4757,9.21999,10.4735,9.48219C10.4712,9.74438,10.366,9.9952,10.1806,10.1806C9.9952,10.366,9.74438,10.4712,9.48219,10.4735C9.21999,10.4757,8.96739,10.3749,8.77879,10.1928C8.77879,10.1928,5.24279,6.65679,5.24279,6.65679C5.24279,6.65679,1.70679,10.1928,1.70679,10.1928C1.51818,10.3749,1.26558,10.4757,1.00339,10.4735C0.741189,10.4712,0.490376,10.366,0.304968,10.1806C0.11956,9.9952,0.0143908,9.74438,0.0121124,9.48219C0.00983396,9.21999,0.110628,8.96739,0.292786,8.77879C0.292786,8.77879,3.82879,5.24279,3.82879,5.24279C3.82879,5.24279,0.292786,1.70679,0.292786,1.70679C0.105315,1.51926,0,1.26495,0,0.999786C0,0.734622,0.105315,0.480314,0.292786,0.292786C0.292786,0.292786,0.292786,0.292786,0.292786,0.292786C0.292786,0.292786,0.292786,0.292786,0.292786,0.292786Z",
+    "fill-opacity": "1",
+    fill: "currentColor"
+  })
+], -1);
+const _hoisted_2 = [
+  _hoisted_1
+];
+const clsfix = "fpi-basic-dialog";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    // 设置宽度
+    width: {
+      type: [Number, String],
+      default: 800
+    },
+    // 设置高度
+    height: {
+      type: [Number, String],
+      default: ""
+    },
+    // 设置标题
+    title: {
+      type: String,
+      default: ""
+    },
+    // 是否显示弹窗
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    // 是否在关闭弹窗后销毁内容区元素
+    destroyOnClose: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["close"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const zIndex = vue.ref(0);
+    vue.watch(() => props.visible, () => {
+      if (props.visible)
+        zIndex.value = util.default();
+    }, {
+      immediate: true
+    });
+    const onClickClose = () => {
+      emits("close");
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+        vue.createVNode(vue.Transition, { name: "basicDialogAnimation" }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("div", {
+              style: vue.normalizeStyle({
+                width: typeof __props.width === "number" ? `${__props.width}px` : __props.width,
+                height: typeof __props.height === "number" ? `${__props.height}px` : __props.height,
+                zIndex: zIndex.value,
+                transform: `translateX(-50%) translateY(160px)`
+              }),
+              class: vue.normalizeClass(`${clsfix}-container`)
+            }, [
+              vue.createElementVNode("header", {
+                class: vue.normalizeClass(`${clsfix}-header`)
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(`${clsfix}-header-left`)
+                }, [
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass(`${clsfix}-header-title`)
+                  }, vue.toDisplayString(__props.title), 3),
+                  vue.renderSlot(_ctx.$slots, "headerLeft")
+                ], 2),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(`${clsfix}-header-right`)
+                }, [
+                  vue.renderSlot(_ctx.$slots, "headerRight"),
+                  (vue.openBlock(), vue.createElementBlock("svg", {
+                    class: vue.normalizeClass(`${clsfix}-close`),
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "xmlns:xlink": "http://www.w3.org/1999/xlink",
+                    version: "1.1",
+                    width: "10.473535537719727",
+                    height: "10.473535537719727",
+                    viewBox: "0 0 10.473535537719727 10.473535537719727",
+                    fill: "currentColor",
+                    onClick: onClickClose
+                  }, _hoisted_2, 2))
+                ], 2)
+              ], 2),
+              __props.destroyOnClose ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: vue.normalizeClass(`${clsfix}-content`)
+              }, [
+                __props.visible ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true)
+              ], 2)) : (vue.openBlock(), vue.createElementBlock("div", {
+                key: 1,
+                class: vue.normalizeClass(`${clsfix}-content`)
+              }, [
+                vue.renderSlot(_ctx.$slots, "default")
+              ], 2))
+            ], 6), [
+              [vue.vShow, __props.visible]
+            ])
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
 
-exports.default = _BasicDialog;
+exports.default = _sfc_main;

package/dist/lib/aims/src/common/BasicDialog/index.vue2.js

@@ -2,124 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const vue = require('vue');
-const util = require('./util.js');
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-424f48ea"), n = n(), vue.popScopeId(), n);
-const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("g", null, [
-  /* @__PURE__ */ vue.createElementVNode("path", {
-    d: "M0.292786,0.292786C0.480314,0.105315,0.734622,0,0.999786,0C1.26495,0,1.51926,0.105315,1.70679,0.292786C1.70679,0.292786,5.24279,3.82879,5.24279,3.82879C5.24279,3.82879,8.77879,0.292786,8.77879,0.292786C8.96739,0.110628,9.21999,0.00983396,9.48219,0.0121124C9.74438,0.0143908,9.9952,0.11956,10.1806,0.304968C10.366,0.490376,10.4712,0.741189,10.4735,1.00339C10.4757,1.26558,10.3749,1.51818,10.1928,1.70679C10.1928,1.70679,6.65679,5.24279,6.65679,5.24279C6.65679,5.24279,10.1928,8.77879,10.1928,8.77879C10.3749,8.96739,10.4757,9.21999,10.4735,9.48219C10.4712,9.74438,10.366,9.9952,10.1806,10.1806C9.9952,10.366,9.74438,10.4712,9.48219,10.4735C9.21999,10.4757,8.96739,10.3749,8.77879,10.1928C8.77879,10.1928,5.24279,6.65679,5.24279,6.65679C5.24279,6.65679,1.70679,10.1928,1.70679,10.1928C1.51818,10.3749,1.26558,10.4757,1.00339,10.4735C0.741189,10.4712,0.490376,10.366,0.304968,10.1806C0.11956,9.9952,0.0143908,9.74438,0.0121124,9.48219C0.00983396,9.21999,0.110628,8.96739,0.292786,8.77879C0.292786,8.77879,3.82879,5.24279,3.82879,5.24279C3.82879,5.24279,0.292786,1.70679,0.292786,1.70679C0.105315,1.51926,0,1.26495,0,0.999786C0,0.734622,0.105315,0.480314,0.292786,0.292786C0.292786,0.292786,0.292786,0.292786,0.292786,0.292786C0.292786,0.292786,0.292786,0.292786,0.292786,0.292786Z",
-    "fill-opacity": "1",
-    fill: "currentColor"
-  })
-], -1));
-const _hoisted_2 = [
-  _hoisted_1
-];
-const clsfix = "fpi-basic-dialog";
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: {
-    // 设置宽度
-    width: {
-      type: [Number, String],
-      default: 800
-    },
-    // 设置高度
-    height: {
-      type: [Number, String],
-      default: ""
-    },
-    // 设置标题
-    title: {
-      type: String,
-      default: ""
-    },
-    // 是否显示弹窗
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    // 是否在关闭弹窗后销毁内容区元素
-    destroyOnClose: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["close"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const zIndex = vue.ref(0);
-    vue.watch(() => props.visible, () => {
-      if (props.visible)
-        zIndex.value = util.default();
-    }, {
-      immediate: true
-    });
-    const onClickClose = () => {
-      emits("close");
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-        vue.createVNode(vue.Transition, { name: "basicDialogAnimation" }, {
-          default: vue.withCtx(() => [
-            vue.withDirectives(vue.createElementVNode("div", {
-              style: vue.normalizeStyle({
-                width: typeof __props.width === "number" ? `${__props.width}px` : __props.width,
-                height: typeof __props.height === "number" ? `${__props.height}px` : __props.height,
-                zIndex: zIndex.value,
-                transform: `translateX(-50%) translateY(160px)`
-              }),
-              class: vue.normalizeClass(`${clsfix}-container`)
-            }, [
-              vue.createElementVNode("header", {
-                class: vue.normalizeClass(`${clsfix}-header`)
-              }, [
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(`${clsfix}-header-left`)
-                }, [
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass(`${clsfix}-header-title`)
-                  }, vue.toDisplayString(__props.title), 3),
-                  vue.renderSlot(_ctx.$slots, "headerLeft", {}, void 0, true)
-                ], 2),
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(`${clsfix}-header-right`)
-                }, [
-                  vue.renderSlot(_ctx.$slots, "headerRight", {}, void 0, true),
-                  (vue.openBlock(), vue.createElementBlock("svg", {
-                    class: vue.normalizeClass(`${clsfix}-close`),
-                    xmlns: "http://www.w3.org/2000/svg",
-                    "xmlns:xlink": "http://www.w3.org/1999/xlink",
-                    version: "1.1",
-                    width: "10.473535537719727",
-                    height: "10.473535537719727",
-                    viewBox: "0 0 10.473535537719727 10.473535537719727",
-                    fill: "currentColor",
-                    onClick: onClickClose
-                  }, _hoisted_2, 2))
-                ], 2)
-              ], 2),
-              __props.destroyOnClose ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
-                class: vue.normalizeClass(`${clsfix}-content`)
-              }, [
-                __props.visible ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : vue.createCommentVNode("", true)
-              ], 2)) : (vue.openBlock(), vue.createElementBlock("div", {
-                key: 1,
-                class: vue.normalizeClass(`${clsfix}-content`)
-              }, [
-                vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-              ], 2))
-            ], 6), [
-              [vue.vShow, __props.visible]
-            ])
-          ]),
-          _: 3
-        })
-      ]);
-    };
-  }
-});
-
-exports.default = _sfc_main;
+exports.default = index_vue_vue_type_style_index_0_lang;

package/dist/lib/aims/src/common/BasicDialog/index.vue3.js

@@ -2,6 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_1_lang = '';
 
-exports.default = index_vue_vue_type_style_index_0_lang;
+exports.default = index_vue_vue_type_style_index_1_lang;

package/dist/lib/aims/src/common/BasicDialog/index.vue4.js

@@ -2,6 +2,10 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_1_scoped_424f48ea_lang = '';
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
+require('./index.vue3.js');
 
-exports.default = index_vue_vue_type_style_index_1_scoped_424f48ea_lang;
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/aims/src/common/BasicEcharts/index.js

@@ -3,9 +3,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const utils = require('../../../../utils.js');
-const index = require('./index.vue.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-const DvAimsBasicEcharts = utils.install(index.default);
+const DvAimsBasicEcharts = utils.install(index_vue_vue_type_script_setup_true_lang.default);
 
-exports.default = index.default;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
 exports.DvAimsBasicEcharts = DvAimsBasicEcharts;

package/dist/lib/aims/src/common/BasicEcharts/index.vue.js

@@ -2,10 +2,106 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
-require('./index.vue3.js');
-const _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+const vue = require('vue');
+const echarts = require('echarts');
 
-const _BasicEcharts = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f9ecd030"]]);
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
-exports.default = _BasicEcharts;
+const echarts__namespace = /*#__PURE__*/_interopNamespaceDefault(echarts);
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    className: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "300px"
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    },
+    fullOptions: {
+      type: Object,
+      default: () => ({}),
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    let myChart;
+    const echartsDomRef = vue.ref(null);
+    const resizeHandler = () => {
+      myChart.resize();
+    };
+    const debounce = (fun, delay) => {
+      let timer;
+      return function() {
+        if (timer)
+          clearTimeout(timer);
+        timer = setTimeout(() => {
+          fun();
+        }, delay);
+      };
+    };
+    const cancalDebounce = debounce(resizeHandler, 50);
+    vue.onMounted(() => {
+      myChart = echarts__namespace.init(echartsDomRef.value, { renderer: "svg" });
+      myChart.showLoading({
+        text: "",
+        color: "#409eff",
+        textColor: "#000",
+        maskColor: "rgba(255, 255, 255, .95)",
+        zlevel: 0,
+        lineWidth: 2
+      });
+      if (!props.loading) {
+        myChart.hideLoading();
+        props.fullOptions.options && myChart.setOption(props.fullOptions.options, true);
+      }
+      window.addEventListener("resize", cancalDebounce);
+    });
+    vue.onBeforeUnmount(() => {
+      window.removeEventListener("resize", cancalDebounce);
+      myChart.dispose();
+    });
+    vue.watch(() => [props.fullOptions.options, props.loading], () => {
+      if (!props.loading) {
+        myChart.hideLoading();
+        myChart.setOption(props.fullOptions.options, false);
+      }
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "echartsDomRef",
+        ref: echartsDomRef,
+        class: vue.normalizeClass(__props.className),
+        style: vue.normalizeStyle({ height: __props.height, width: __props.width })
+      }, null, 6);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/aims/src/common/BasicEcharts/index.vue2.js

@@ -2,106 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const vue = require('vue');
-const echarts = require('echarts');
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const echarts__namespace = /*#__PURE__*/_interopNamespaceDefault(echarts);
-
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: {
-    className: {
-      type: String,
-      default: ""
-    },
-    width: {
-      type: String,
-      default: "100%"
-    },
-    height: {
-      type: String,
-      default: "300px"
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    },
-    fullOptions: {
-      type: Object,
-      default: () => ({}),
-      required: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    let myChart;
-    const echartsDomRef = vue.ref(null);
-    const resizeHandler = () => {
-      myChart.resize();
-    };
-    const debounce = (fun, delay) => {
-      let timer;
-      return function() {
-        if (timer)
-          clearTimeout(timer);
-        timer = setTimeout(() => {
-          fun();
-        }, delay);
-      };
-    };
-    const cancalDebounce = debounce(resizeHandler, 50);
-    vue.onMounted(() => {
-      myChart = echarts__namespace.init(echartsDomRef.value, { renderer: "svg" });
-      myChart.showLoading({
-        text: "",
-        color: "#409eff",
-        textColor: "#000",
-        maskColor: "rgba(255, 255, 255, .95)",
-        zlevel: 0,
-        lineWidth: 2
-      });
-      if (!props.loading) {
-        myChart.hideLoading();
-        props.fullOptions.options && myChart.setOption(props.fullOptions.options, true);
-      }
-      window.addEventListener("resize", cancalDebounce);
-    });
-    vue.onBeforeUnmount(() => {
-      window.removeEventListener("resize", cancalDebounce);
-      myChart.dispose();
-    });
-    vue.watch(() => [props.fullOptions.options, props.loading], () => {
-      if (!props.loading) {
-        myChart.hideLoading();
-        myChart.setOption(props.fullOptions.options, false);
-      }
-    }, { deep: true });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "echartsDomRef",
-        ref: echartsDomRef,
-        class: vue.normalizeClass(__props.className),
-        style: vue.normalizeStyle({ height: __props.height, width: __props.width })
-      }, null, 6);
-    };
-  }
-});
-
-exports.default = _sfc_main;
+exports.default = index_vue_vue_type_style_index_0_lang;

package/dist/lib/aims/src/common/BasicEcharts/index.vue3.js

@@ -2,6 +2,9 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_f9ecd030_lang = '';
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-exports.default = index_vue_vue_type_style_index_0_scoped_f9ecd030_lang;
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/aims/src/common/BasicPanel/index.js

@@ -3,9 +3,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const utils = require('../../../../utils.js');
-const index = require('./index.vue.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-const DvAimsBasicPanel = utils.install(index.default);
+const DvAimsBasicPanel = utils.install(index_vue_vue_type_script_setup_true_lang.default);
 
-exports.default = index.default;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
 exports.DvAimsBasicPanel = DvAimsBasicPanel;

package/dist/lib/aims/src/common/BasicPanel/index.vue.js

@@ -2,10 +2,71 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
-require('./index.vue3.js');
-const _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+const es = require('element-plus/es');
+require('element-plus/es/components/base/style/css');
+require('element-plus/es/components/scrollbar/style/css');
+const vue = require('vue');
 
-const _BasicPanel = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-b1bc4a18"]]);
+const clsfix = "fpi-basic-panel";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    // 设置高度
+    height: {
+      type: [Number, String],
+      default: "calc(100vh - 130px)"
+    },
+    // 设置方位 left right
+    placement: {
+      type: String,
+      required: true
+    },
+    // 设置距离顶部的 top
+    top: {
+      type: [Number, String],
+      default: 120
+    },
+    // 滚动包裹容器的样式
+    scrollContainerClass: {
+      type: String,
+      default: ""
+    },
+    // 滚动包裹容器的样式
+    scrollContainerStyle: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = es.ElScrollbar;
+      return vue.openBlock(), vue.createElementBlock("div", {
+        style: vue.normalizeStyle({
+          top: typeof __props.top === "number" ? `${__props.top}px` : __props.top,
+          height: typeof __props.height === "number" ? `${__props.height}px` : __props.height,
+          left: __props.placement === "left" ? 0 : "unset",
+          right: __props.placement === "right" ? 0 : "unset"
+        }),
+        class: vue.normalizeClass(`${clsfix}-container`)
+      }, [
+        vue.createVNode(_component_el_scrollbar, { height: "100%" }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass([`${clsfix}-scroll-container`, __props.scrollContainerClass]),
+              style: vue.normalizeStyle({
+                paddingLeft: __props.placement === "left" ? "16px" : "10px",
+                paddingRight: __props.placement === "right" ? "16px" : "10px",
+                ...__props.scrollContainerStyle
+              })
+            }, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ], 6)
+          ]),
+          _: 3
+        })
+      ], 6);
+    };
+  }
+});
 
-exports.default = _BasicPanel;
+exports.default = _sfc_main;