@jetlinks-web/components 2.6.12 → 3.0.1-rc

package/es/ValueItem/ValueItem.js

@@ -34,7 +34,6 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "watch": "setup-const",
   "computed": "setup-const",
   "componentsType": "setup-maybe-ref",
-  "MonacoEditor": "setup-maybe-ref",
   "Select": "setup-maybe-ref",
   "DatePicker": "setup-maybe-ref",
   "TimePicker": "setup-maybe-ref",
@@ -42,27 +41,21 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "InputNumber": "setup-maybe-ref",
   "InputPassword": "setup-maybe-ref",
   "Upload": "setup-maybe-ref",
-  "Modal": "setup-maybe-ref",
   "omit": "setup-maybe-ref",
   "emit": "setup-const",
   "props": "setup-reactive-const",
   "typeMap": "setup-maybe-ref",
   "myValue": "setup-ref",
-  "modalVisible": "setup-ref",
   "objectValue": "setup-ref",
   "bindProps": "setup-ref",
-  "handleItemModalSubmit": "setup-const",
-  "onChange": "setup-const",
-  "monacoCancel": "setup-const"
+  "onChange": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, createElementVNode as _createElementVNode, createElementBlock as _createElementBlock } from "vue";
+import { unref as _unref, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = { class: "value-item-warp" };
-const _hoisted_2 = { style: { "width": "100%", "height": "300px" } };
 import { ref, watch, computed } from 'vue';
 import { componentsType } from './util';
-import { MonacoEditor } from '../index';
-import { Select, DatePicker, TimePicker, Input, InputNumber, InputPassword, Upload, Modal, } from 'ant-design-vue';
+import { Select, DatePicker, TimePicker, Input, InputNumber, InputPassword, Upload, } from 'ant-design-vue';
 import { omit } from "lodash-es";
 const __sfc_main__ = _defineComponent({
     ...{
@@ -106,25 +99,14 @@ const __sfc_main__ = _defineComponent({
         const props = __props;
         const typeMap = new Map(Object.entries(componentsType));
         const myValue = ref(undefined);
-        const modalVisible = ref(false);
         const objectValue = ref('');
         const bindProps = computed(() => {
             return Object.assign(omit(props, ['extraProps']), props.extraProps);
         });
-        const handleItemModalSubmit = () => {
-            myValue.value = objectValue.value.replace(/[\r\n]\s*/g, '');
-            modalVisible.value = false;
-            emit('update:modelValue', objectValue.value);
-            emit('change', objectValue.value);
-        };
         const onChange = (e) => {
             emit('update:modelValue', myValue.value);
             emit('change', e && e.target ? e.target.value : e);
         };
-        const monacoCancel = () => {
-            modalVisible.value = false;
-            objectValue.value = props.modelValue;
-        };
         const handleFileChange = async (info) => {
             if (info.file.status === 'done') {
                 let url = _optionalChain([info, 'access', _2 => _2.file, 'access', _3 => _3.response, 'optionalAccess', _4 => _4.result, 'optionalAccess', _5 => _5.accessUrl]);
@@ -204,22 +186,14 @@ const __sfc_main__ = _defineComponent({
                                             ? (_openBlock(), _createBlock(_unref(Input), _mergeProps({
                                                 key: 6,
                                                 value: myValue.value,
-                                                "onUpdate:value": _cache[8] || (_cache[8] = ($event) => ((myValue).value = $event)),
+                                                "onUpdate:value": _cache[7] || (_cache[7] = ($event) => ((myValue).value = $event)),
                                                 allowClear: ""
-                                            }, bindProps.value, { onChange: onChange }), {
-                                                addonAfter: _withCtx(() => [
-                                                    _createVNode(_component_AIcon, {
-                                                        type: "FormOutlined",
-                                                        onClick: _cache[7] || (_cache[7] = ($event) => (modalVisible.value = true))
-                                                    })
-                                                ]),
-                                                _: 1 /* STABLE */
-                                            }, 16 /* FULL_PROPS */, ["value"]))
+                                            }, bindProps.value, { onChange: onChange }), null, 16 /* FULL_PROPS */, ["value"]))
                                             : (_unref(typeMap).get(__props.itemType) === 'file')
                                                 ? (_openBlock(), _createBlock(_unref(Input), _mergeProps({
                                                     key: 7,
                                                     value: myValue.value,
-                                                    "onUpdate:value": _cache[9] || (_cache[9] = ($event) => ((myValue).value = $event)),
+                                                    "onUpdate:value": _cache[8] || (_cache[8] = ($event) => ((myValue).value = $event)),
                                                     allowClear: "",
                                                     placeholder: "请输入链接"
                                                 }, bindProps.value, { onChange: onChange }), {
@@ -243,39 +217,17 @@ const __sfc_main__ = _defineComponent({
                                                     ? (_openBlock(), _createBlock(_unref(InputPassword), _mergeProps({
                                                         key: 8,
                                                         value: myValue.value,
-                                                        "onUpdate:value": _cache[10] || (_cache[10] = ($event) => ((myValue).value = $event)),
+                                                        "onUpdate:value": _cache[9] || (_cache[9] = ($event) => ((myValue).value = $event)),
                                                         allowClear: "",
                                                         type: "password"
                                                     }, bindProps.value, { onChange: onChange }), null, 16 /* FULL_PROPS */, ["value"]))
                                                     : (_openBlock(), _createBlock(_unref(Input), _mergeProps({
                                                         key: 9,
                                                         value: myValue.value,
-                                                        "onUpdate:value": _cache[11] || (_cache[11] = ($event) => ((myValue).value = $event)),
+                                                        "onUpdate:value": _cache[10] || (_cache[10] = ($event) => ((myValue).value = $event)),
                                                         allowClear: "",
                                                         type: "text"
-                                                    }, bindProps.value, { onChange: onChange }), null, 16 /* FULL_PROPS */, ["value"])),
-                _createCommentVNode(" 代码编辑器弹窗 "),
-                _createVNode(_unref(Modal), {
-                    visible: modalVisible.value,
-                    "onUpdate:visible": _cache[13] || (_cache[13] = ($event) => ((modalVisible).value = $event)),
-                    zIndex: 1100,
-                    "cancel-text": "取消",
-                    "ok-text": "确认",
-                    title: "编辑",
-                    width: "700px",
-                    onCancel: monacoCancel,
-                    onOk: handleItemModalSubmit
-                }, {
-                    default: _withCtx(() => [
-                        _createElementVNode("div", _hoisted_2, [
-                            _createVNode(_unref(MonacoEditor), {
-                                modelValue: objectValue.value,
-                                "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => ((objectValue).value = $event))
-                            }, null, 8 /* PROPS */, ["modelValue"])
-                        ])
-                    ]),
-                    _: 1 /* STABLE */
-                }, 8 /* PROPS */, ["visible"])
+                                                    }, bindProps.value, { onChange: onChange }), null, 16 /* FULL_PROPS */, ["value"]))
             ]));
         };
     }

package/es/components.js

@@ -8,7 +8,6 @@ export { default as Ellipsis } from './Ellipsis';
 export { default as Empty } from './Empty';
 export { default as FullPage } from './FullPage';
 export { default as AIcon } from './Icon';
-export { default as MonacoEditor } from './MonacoEditor';
 export { default as PermissionButton } from './PermissionButton';
 export { default as ProLayout, PageContainer } from './ProLayout';
 export { default as ProTable } from './ProTable';
@@ -21,4 +20,5 @@ export { default as EditTable } from './EditTable';
 export { default as Markdown } from './Markdown';
 export { default as AutoComplete } from './AutoComplete';
 export { default as Title } from './Title';
-export { default as FlameGraph } from './FlameGraph';
+export { default as FlameGraph } from './FlameGraph';
+export { default as Skeleton } from './Skeleton';

package/es/style/index.css

@@ -5089,10 +5089,6 @@ span.ant-radio + * {
   height: 100%;
   overflow-x: hidden;
 }
-.j-monaco-editor {
-  min-height: 50px;
-  height: 100%;
-}
 .j-scrollbar {
   overflow: hidden;
   position: relative;
@@ -5236,3 +5232,144 @@ span.ant-radio + * {
   left: 0;
   width: 200px;
 }
+.j-skeleton-flex {
+  display: flex;
+  gap: 24px;
+  margin-bottom: 16px;
+}
+.j-skeleton-flex-between {
+  display: flex;
+  gap: 24px;
+  margin-bottom: 16px;
+  justify-content: space-between;
+  align-items: center;
+}
+.j-skeleton-flex-column {
+  display: flex;
+  gap: 24px;
+  margin-bottom: 16px;
+  justify-content: space-between;
+}
+.j-skeleton {
+  height: 100%;
+}
+.j-skeleton-item {
+  background: linear-gradient(90deg, #f0f2f5 25%, #e6e8eb 50%, #f0f2f5 75%);
+  background-size: 400% 100%;
+  border-radius: 8px;
+  height: 24px;
+}
+.j-skeleton-item-active {
+  animation: wave 1.8s ease-in-out infinite;
+}
+.j-skeleton-item-lg {
+  height: 36px;
+}
+.j-skeleton-item-sm {
+  height: 16px;
+}
+@keyframes wave {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+.j-skeleton-dashboard-card {
+  display: flex;
+  gap: 24px;
+  margin-bottom: 16px;
+  border: 4px solid #f0f2f5;
+  border-radius: 8px;
+  height: 100%;
+  padding: 24px;
+  flex-direction: column;
+}
+.j-skeleton-tabs {
+  display: flex;
+  gap: 16px;
+  margin: 60px 0 20px 0;
+  border-bottom: 4px solid #f0f2f5;
+  padding: 16px 0;
+}
+.j-skeleton-desc {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 24px;
+}
+.j-skeleton-desc-content {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 36px;
+  margin-top: 24px;
+}
+.j-skeleton-desc-item {
+  display: flex;
+  gap: 16px;
+}
+.j-skeleton-box {
+  border-bottom: 4px solid #f0f2f5;
+  padding: 16px 0;
+}
+.j-skeleton-table-cell {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) 200px;
+  gap: 24px;
+  padding: 12px 6px;
+  border-radius: 8px;
+}
+.j-skeleton-table-header {
+  background-color: lightgrey;
+}
+.j-skeleton-table-action {
+  width: 200px;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+  gap: 24px;
+}
+.j-skeleton-cards {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 16px;
+}
+.j-skeleton-card .j-skeleton-card-content {
+  display: flex;
+  gap: 16px;
+  border: 2px solid #f0f2f5;
+  border-radius: 8px;
+  padding: 24px;
+  margin-bottom: 16px;
+}
+.j-skeleton-card .j-skeleton-card-content .j-skeleton-image {
+  width: 100px;
+  height: 100px;
+}
+.j-skeleton-card .j-skeleton-card-content .j-skeleton-right {
+  flex: 1;
+  min-width: 200px;
+}
+.j-skeleton-card .j-skeleton-card-content .j-skeleton-right .j-skeleton-right-content {
+  display: flex;
+  gap: 16px;
+  margin-top: 16px;
+}
+.j-skeleton-card .j-skeleton-card-content .j-skeleton-right .j-skeleton-right-content .j-skeleton-right-content-item {
+  flex: 1;
+  min-width: 100px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.j-skeleton-card .j-skeleton-action {
+  display: flex;
+  justify-content: flex-end;
+  gap: 16px;
+}
+.j-skeleton-card .j-skeleton-action .btn {
+  flex: 1;
+  min-width: 100px;
+}
+.j-skeleton-card .j-skeleton-action .delete {
+  flex: 0 0 100px;
+}

package/es/style/index.less

@@ -7,8 +7,8 @@
 @import '../CardSelect/style/index.less';
 @import '../DragModal/style/index.less';
 @import "../EditTable/style/index.less";
-@import "../MonacoEditor/style/index.less";
 @import '../Scrollbar/style/index.less';
 @import '../Title/style/index.less';
 @import '../RadioButton/style/index.less';
 @import '../FlameGraph/style/index.less';
+@import '../Skeleton/style/Skeleton.less';

package/es/style.js

@@ -6,8 +6,8 @@ import './Search/style';
 import './CardSelect/style';
 import './DragModal/style';
 import './EditTable/style';
-import './MonacoEditor/style';
 import './Scrollbar/style';
 import './Title/style';
 import './RadioButton/style';
-import './FlameGraph/style';
+import './FlameGraph/style';
+import './Skeketon/style';

package/lib/EditTable/components/Search/sort.js

@@ -42,7 +42,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "onDesc": "setup-const"
 } */
 import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1744797585382"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1747107046068"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "jetlinks-table-sort-content" };
 const _hoisted_2 = { class: "jetlinks-table-sort-title" };
 const _hoisted_3 = { class: "table-sort-body" };

package/lib/FullPage/FullPage.js

@@ -9,7 +9,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1744797583803"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1747107044026"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref, inject } from 'vue';
 import { useElementBounding } from '@vueuse/core';

package/lib/ProTable/ProTable.js

@@ -22,7 +22,6 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } return value; }
 /* Analyzed bindings: {
   "proTableProps": "setup-maybe-ref",
-  "Spin": "setup-maybe-ref",
   "Header": "setup-const",
   "Alert": "setup-const",
   "Content": "setup-const",
@@ -37,6 +36,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "inject": "setup-const",
   "debounce": "setup-maybe-ref",
   "TableConfig": "setup-maybe-ref",
+  "JSkeletonList": "setup-maybe-ref",
   "tableConfig": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "slots": "setup-maybe-ref",
@@ -63,7 +63,6 @@ import { defineComponent as _defineComponent } from 'vue';
 import { renderSlot as _renderSlot, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, unref as _unref, normalizeProps as _normalizeProps, mergeProps as _mergeProps, renderList as _renderList, createSlots as _createSlots, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = { class: "jtable-body" };
 import { proTableProps } from "./setting";
-import { Spin } from 'ant-design-vue';
 import Header from './Header.js';
 import Alert from './Alert.js';
 import Content from './Content.js';
@@ -71,6 +70,7 @@ import Pagination from './Pagination.js';
 import { useSlots, watch, onMounted, onUnmounted, computed, ref, reactive, inject } from "vue";
 import { debounce } from 'lodash-es';
 import { TableConfig } from "../utils/constants";
+import { JSkeletonList } from "../Skeleton";
 const __sfc_main__ = _defineComponent({
     ...{
         name: 'JProTable'
@@ -260,7 +260,11 @@ const __sfc_main__ = _defineComponent({
                 style: _normalizeStyle(_ctx.bodyStyle),
                 id: "jtable-body-spin"
             }, [
-                _createVNode(_unref(Spin), { spinning: loading.value }, {
+                _createVNode(_unref(JSkeletonList), {
+                    loading: loading.value,
+                    active: true,
+                    mode: _mode.value
+                }, {
                     default: _withCtx(() => [
                         _createElementVNode("div", _hoisted_1, [
                             _createVNode(Header, {
@@ -331,7 +335,7 @@ const __sfc_main__ = _defineComponent({
                         ])
                     ]),
                     _: 3 /* FORWARDED */
-                }, 8 /* PROPS */, ["spinning"])
+                }, 8 /* PROPS */, ["loading", "mode"])
             ], 4 /* STYLE */));
         };
     }

package/lib/Search/Advanced/SaveHistory.js

@@ -23,7 +23,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1744797585115"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1747107045920"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/lib/Search/Item.js

@@ -80,7 +80,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1744797584354"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1747107044842"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/lib/Skeleton/components/DashBoardCard.js

@@ -0,0 +1,57 @@
+/* Analyzed bindings: {
+  "active": "props",
+  "loading": "props",
+  "Item": "setup-const",
+  "defineOptions": "setup-const",
+  "props": "setup-reactive-const"
+} */
+import { renderSlot as _renderSlot, createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+    key: 1,
+    class: "j-skeleton"
+};
+const _hoisted_2 = { class: "j-skeleton-dashboard-card" };
+const _hoisted_3 = { style: { "min-height": "0", "flex": "1" } };
+import Item from './Item.js';
+const __sfc_main__ = Object.assign({
+    name: 'JSkeletonDashboardCard'
+}, {
+    props: {
+        active: {
+            type: Boolean,
+            default: true,
+        },
+        loading: {
+            type: Boolean,
+            default: true,
+        }
+    },
+    setup(__props) {
+        const props = __props;
+        return (_ctx, _cache) => {
+            return (!__props.loading)
+                ? _renderSlot(_ctx.$slots, "default", { key: 0 })
+                : (_openBlock(), _createElementBlock("div", _hoisted_1, [
+                    _createElementVNode("div", _hoisted_2, [
+                        _createVNode(Item, {
+                            active: __props.active,
+                            width: "50%"
+                        }, null, 8 /* PROPS */, ["active"]),
+                        _createElementVNode("div", _hoisted_3, [
+                            _createVNode(Item, {
+                                active: __props.active,
+                                size: "large",
+                                width: "120px"
+                            }, null, 8 /* PROPS */, ["active"])
+                        ]),
+                        _createVNode(Item, {
+                            active: __props.active,
+                            size: "small",
+                            width: "100%"
+                        }, null, 8 /* PROPS */, ["active"])
+                    ])
+                ]));
+        };
+    }
+});
+export default __sfc_main__;

package/lib/Skeleton/components/DashBoardChart.js

@@ -0,0 +1,93 @@
+/* Analyzed bindings: {
+  "active": "props",
+  "loading": "props",
+  "Item": "setup-const",
+  "defineOptions": "setup-const",
+  "props": "setup-reactive-const"
+} */
+import { renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+    key: 1,
+    class: "j-skeleton"
+};
+const _hoisted_2 = { class: "j-skeleton-dashboard-card" };
+const _hoisted_3 = { class: "j-skeleton-flex-between" };
+const _hoisted_4 = { style: { "width": "100%", "height": "200px" } };
+const _hoisted_5 = {
+    viewBox: "0 0 800 200",
+    preserveAspectRatio: "none",
+    style: { "width": "100%", "height": "100%", "display": "block" }
+};
+const _hoisted_6 = /*#__PURE__*/ _createElementVNode("path", {
+    d: "M0 150 L800 150",
+    stroke: "#f0f2f5",
+    "stroke-width": "4",
+    "stroke-opacity": "0.8"
+}, null, -1 /* HOISTED */);
+const _hoisted_7 = /*#__PURE__*/ _createElementVNode("path", {
+    d: "M0 150 L0 50",
+    stroke: "#f0f2f5",
+    "stroke-width": "4",
+    "stroke-opacity": "0.8"
+}, null, -1 /* HOISTED */);
+const _hoisted_8 = /*#__PURE__*/ _createElementVNode("path", {
+    d: "M0 100 C200 30, 600 170, 800 100",
+    stroke: "#f0f2f5",
+    fill: "none",
+    "stroke-width": "4"
+}, null, -1 /* HOISTED */);
+const _hoisted_9 = /*#__PURE__*/ _createElementVNode("path", {
+    d: "M0 120 C200 60, 600 140, 800 80",
+    stroke: "#f0f2f5",
+    fill: "none",
+    "stroke-width": "4"
+}, null, -1 /* HOISTED */);
+import Item from './Item.js';
+const __sfc_main__ = Object.assign({
+    name: 'JSkeletonDashboardChart'
+}, {
+    props: {
+        active: {
+            type: Boolean,
+            default: true,
+        },
+        loading: {
+            type: Boolean,
+            default: true,
+        }
+    },
+    setup(__props) {
+        const props = __props;
+        return (_ctx, _cache) => {
+            return (!__props.loading)
+                ? _renderSlot(_ctx.$slots, "default", { key: 0 })
+                : (_openBlock(), _createElementBlock("div", _hoisted_1, [
+                    _createElementVNode("div", _hoisted_2, [
+                        _createElementVNode("div", _hoisted_3, [
+                            _createVNode(Item, {
+                                active: __props.active,
+                                width: "200px"
+                            }, null, 8 /* PROPS */, ["active"]),
+                            _createVNode(Item, {
+                                active: __props.active,
+                                width: "150px"
+                            }, null, 8 /* PROPS */, ["active"])
+                        ]),
+                        _createElementVNode("div", _hoisted_4, [
+                            (_openBlock(), _createElementBlock("svg", _hoisted_5, [
+                                _createCommentVNode(" 坐标轴（4px宽度，#f0f2f5颜色） "),
+                                _hoisted_6,
+                                _createCommentVNode(" X轴 "),
+                                _hoisted_7,
+                                _createCommentVNode(" Y轴 "),
+                                _createCommentVNode(" 两条曲线 "),
+                                _hoisted_8,
+                                _hoisted_9
+                            ]))
+                        ])
+                    ])
+                ]));
+        };
+    }
+});
+export default __sfc_main__;