@jetlinks-web/components 3.0.0-rc → 3.0.1-rc

package/es/style/index.css

@@ -5232,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

@@ -11,3 +11,4 @@
 @import '../Title/style/index.less';
 @import '../RadioButton/style/index.less';
 @import '../FlameGraph/style/index.less';
+@import '../Skeleton/style/Skeleton.less';

package/es/style.js

@@ -9,4 +9,5 @@ import './EditTable/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-1745819698332"), 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-1745819696744"), 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-1745819698162"), 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/Advanced/index.js

@@ -17,7 +17,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 /* Analyzed bindings: {
   "columns": "props",
   "type": "props",
-  "target": "setup-ref",
+  "target": "setup-maybe-ref",
   "class": "props",
   "request": "props",
   "historyRequest": "props",
@@ -56,7 +56,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "searchRef": "setup-ref",
   "searchRefContentRef": "setup-ref",
   "width": "setup-maybe-ref",
-  "q": "setup-ref",
+  "q": "setup-maybe-ref",
   "hasOnceSearch": "setup-ref",
   "expand": "setup-ref",
   "layout": "setup-ref",
@@ -103,6 +103,7 @@ const _hoisted_12 = { class: "JSearch-footer--btns" };
 import SearchItem from '../Item.js';
 import { optionsMapKey, typeOptions } from '../setting';
 import { useElementSize } from '@vueuse/core';
+import { useRouteQuery } from '@vueuse/router';
 import { ref, reactive, watch, provide } from 'vue';
 import SaveHistory from './SaveHistory.js';
 import History from './History.js';
@@ -170,8 +171,8 @@ const __sfc_main__ = _defineComponent({
         const searchRef = ref(null);
         const searchRefContentRef = ref(null);
         const { width } = useElementSize(searchRef);
-        const q = ref('q');
-        const target = ref('target');
+        const q = useRouteQuery('q');
+        const target = useRouteQuery('target');
         const hasOnceSearch = ref(false);
         // 是否展开更多筛选
         const expand = ref(false);
@@ -486,11 +487,11 @@ const __sfc_main__ = _defineComponent({
                                         }),
                                         _createVNode(SaveHistory, {
                                             terms: termsData,
-                                            target: target.value,
+                                            target: _unref(target),
                                             request: __props.request
                                         }, null, 8 /* PROPS */, ["terms", "target", "request"]),
                                         _createVNode(History, {
-                                            target: target.value,
+                                            target: _unref(target),
                                             request: __props.historyRequest,
                                             "delete-request": __props.deleteRequest,
                                             "delete-key": __props.deleteKey,

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-1745819697205"), 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__;

package/lib/Skeleton/components/Detail.js

@@ -0,0 +1,104 @@
+/* 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, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+    key: 1,
+    class: "j-skeleton"
+};
+const _hoisted_2 = { class: "j-skeleton-flex" };
+const _hoisted_3 = { class: "j-skeleton-flex" };
+const _hoisted_4 = { class: "j-skeleton-tabs" };
+const _hoisted_5 = /*#__PURE__*/ _createElementVNode("div", {
+    class: "j-skeleton-item j-skeleton-item-large",
+    style: { "width": "300px" }
+}, null, -1 /* HOISTED */);
+const _hoisted_6 = { class: "j-skeleton-desc-content" };
+import Item from "./Item.js";
+const __sfc_main__ = Object.assign({
+    name: 'JSkeletonDetail'
+}, {
+    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: "40%"
+                        }, null, 8 /* PROPS */, ["active"])
+                    ]),
+                    _createElementVNode("div", _hoisted_3, [
+                        _createVNode(Item, {
+                            active: __props.active,
+                            size: "small",
+                            width: "15%"
+                        }, null, 8 /* PROPS */, ["active"]),
+                        _createVNode(Item, {
+                            active: __props.active,
+                            size: "small",
+                            width: "15%"
+                        }, null, 8 /* PROPS */, ["active"])
+                    ]),
+                    _createElementVNode("div", _hoisted_4, [
+                        (_openBlock(), _createElementBlock(_Fragment, null, _renderList(5, (item) => {
+                            return _createElementVNode("div", {
+                                key: item,
+                                class: "j-skeleton-flex"
+                            }, [
+                                _createVNode(Item, {
+                                    active: __props.active,
+                                    size: "small",
+                                    width: "80px"
+                                }, null, 8 /* PROPS */, ["active"])
+                            ]);
+                        }), 64 /* STABLE_FRAGMENT */))
+                    ]),
+                    (_openBlock(), _createElementBlock(_Fragment, null, _renderList(2, (item) => {
+                        return _createElementVNode("div", {
+                            class: "j-skeleton-desc",
+                            key: item
+                        }, [
+                            _hoisted_5,
+                            _createElementVNode("div", _hoisted_6, [
+                                (_openBlock(), _createElementBlock(_Fragment, null, _renderList(10, (i) => {
+                                    return _createElementVNode("div", {
+                                        class: "j-skeleton-desc-item",
+                                        key: i
+                                    }, [
+                                        _createVNode(Item, {
+                                            active: __props.active,
+                                            size: "small",
+                                            width: "40%"
+                                        }, null, 8 /* PROPS */, ["active"]),
+                                        _createVNode(Item, {
+                                            active: __props.active,
+                                            size: "small",
+                                            width: "60%"
+                                        }, null, 8 /* PROPS */, ["active"])
+                                    ]);
+                                }), 64 /* STABLE_FRAGMENT */))
+                            ])
+                        ]);
+                    }), 64 /* STABLE_FRAGMENT */))
+                ]));
+        };
+    }
+});
+export default __sfc_main__;

package/lib/Skeleton/components/Drawer.js

@@ -0,0 +1,82 @@
+/* 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, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = { class: "j-skeleton" };
+const _hoisted_2 = { class: "j-skeleton-box" };
+const _hoisted_3 = { class: "j-skeleton-desc" };
+const _hoisted_4 = { style: { "margin-top": "16px" } };
+const _hoisted_5 = {
+    class: "j-skeleton-desc-content",
+    style: { "grid-template-columns": "repeat(2, 1fr)" }
+};
+import Item from "./Item.js";
+const __sfc_main__ = Object.assign({
+    name: 'JSkeletonDrawer'
+}, {
+    props: {
+        active: {
+            type: Boolean,
+            default: true,
+        },
+        loading: {
+            type: Boolean,
+            default: true,
+        }
+    },
+    setup(__props) {
+        const props = __props;
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock(_Fragment, null, [
+                (!__props.loading)
+                    ? _renderSlot(_ctx.$slots, "default", { key: 0 })
+                    : _createCommentVNode("v-if", true),
+                _createElementVNode("div", _hoisted_1, [
+                    _createVNode(Item, {
+                        active: __props.active,
+                        width: "70%"
+                    }, null, 8 /* PROPS */, ["active"]),
+                    _createElementVNode("div", _hoisted_2, [
+                        _createVNode(Item, {
+                            active: __props.active,
+                            size: "small",
+                            width: "35%"
+                        }, null, 8 /* PROPS */, ["active"])
+                    ]),
+                    _createElementVNode("div", _hoisted_3, [
+                        _createElementVNode("div", _hoisted_4, [
+                            _createVNode(Item, {
+                                active: __props.active,
+                                width: "300px"
+                            }, null, 8 /* PROPS */, ["active"])
+                        ]),
+                        _createElementVNode("div", _hoisted_5, [
+                            (_openBlock(), _createElementBlock(_Fragment, null, _renderList(10, (i) => {
+                                return _createElementVNode("div", {
+                                    class: "j-skeleton-desc-item",
+                                    key: i
+                                }, [
+                                    _createVNode(Item, {
+                                        active: __props.active,
+                                        size: "small",
+                                        width: "40%"
+                                    }, null, 8 /* PROPS */, ["active"]),
+                                    _createVNode(Item, {
+                                        active: __props.active,
+                                        size: "small",
+                                        width: "60%"
+                                    }, null, 8 /* PROPS */, ["active"])
+                                ]);
+                            }), 64 /* STABLE_FRAGMENT */))
+                        ])
+                    ])
+                ])
+            ], 64 /* STABLE_FRAGMENT */));
+        };
+    }
+});
+export default __sfc_main__;