@jetlinks-web/components 2.6.12 → 3.0.1-rc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/es/EditTable/components/Search/sort.js +1 -1
  2. package/es/FullPage/FullPage.js +1 -1
  3. package/es/ProTable/ProTable.js +8 -4
  4. package/es/Search/Advanced/SaveHistory.js +1 -1
  5. package/es/Search/Item.js +1 -1
  6. package/es/Skeleton/components/DashBoardCard.js +57 -0
  7. package/es/Skeleton/components/DashBoardChart.js +93 -0
  8. package/es/Skeleton/components/Detail.js +104 -0
  9. package/es/Skeleton/components/Drawer.js +82 -0
  10. package/es/Skeleton/components/Item.js +60 -0
  11. package/es/Skeleton/components/List.js +46 -0
  12. package/es/Skeleton/components/ListCard.js +56 -0
  13. package/es/Skeleton/components/ListCardItem.js +87 -0
  14. package/es/Skeleton/components/ListTable.js +67 -0
  15. package/es/Skeleton/components/Page.js +63 -0
  16. package/es/Skeleton/components/Search.js +54 -0
  17. package/es/Skeleton/components/Tree.js +65 -0
  18. package/es/Skeleton/index.js +15 -0
  19. package/es/Skeleton/skeleton.js +49 -0
  20. package/es/Skeleton/style/Skeleton.less +166 -0
  21. package/es/Skeleton/style/index.js +1 -0
  22. package/es/Title/style/index.css +4 -0
  23. package/es/Title/style/index.less +3 -1
  24. package/es/ValueItem/ValueItem.js +9 -57
  25. package/es/components.js +2 -2
  26. package/es/style/index.css +141 -4
  27. package/es/style/index.less +1 -1
  28. package/es/style.js +2 -2
  29. package/lib/EditTable/components/Search/sort.js +1 -1
  30. package/lib/FullPage/FullPage.js +1 -1
  31. package/lib/ProTable/ProTable.js +8 -4
  32. package/lib/Search/Advanced/SaveHistory.js +1 -1
  33. package/lib/Search/Item.js +1 -1
  34. package/lib/Skeleton/components/DashBoardCard.js +57 -0
  35. package/lib/Skeleton/components/DashBoardChart.js +93 -0
  36. package/lib/Skeleton/components/Detail.js +104 -0
  37. package/lib/Skeleton/components/Drawer.js +82 -0
  38. package/lib/Skeleton/components/Item.js +60 -0
  39. package/lib/Skeleton/components/List.js +46 -0
  40. package/lib/Skeleton/components/ListCard.js +56 -0
  41. package/lib/Skeleton/components/ListCardItem.js +87 -0
  42. package/lib/Skeleton/components/ListTable.js +67 -0
  43. package/lib/Skeleton/components/Page.js +63 -0
  44. package/lib/Skeleton/components/Search.js +54 -0
  45. package/lib/Skeleton/components/Tree.js +65 -0
  46. package/lib/Skeleton/index.js +75 -0
  47. package/lib/Skeleton/skeleton.js +49 -0
  48. package/lib/Skeleton/style/Skeleton.less +166 -0
  49. package/lib/Skeleton/style/index.js +3 -0
  50. package/lib/Title/style/index.css +4 -0
  51. package/lib/Title/style/index.less +3 -1
  52. package/lib/ValueItem/ValueItem.js +9 -57
  53. package/lib/components.js +7 -7
  54. package/lib/style/components.less +0 -1
  55. package/lib/style/index.css +141 -4
  56. package/lib/style/index.less +1 -1
  57. package/lib/style.js +2 -2
  58. package/package.json +173 -173
  59. package/es/MonacoEditor/Monaco.js +0 -242
  60. package/es/MonacoEditor/index.js +0 -5
  61. package/es/MonacoEditor/style/index.css +0 -4
  62. package/es/MonacoEditor/style/index.js +0 -1
  63. package/es/MonacoEditor/style/index.less +0 -4
  64. package/lib/MonacoEditor/Monaco.js +0 -242
  65. package/lib/MonacoEditor/index.js +0 -12
  66. package/lib/MonacoEditor/style/index.css +0 -4
  67. package/lib/MonacoEditor/style/index.js +0 -3
  68. package/lib/MonacoEditor/style/index.less +0 -4
@@ -42,7 +42,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
42
42
  "onDesc": "setup-const"
43
43
  } */
44
44
  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";
45
- const _withScopeId = n => (_pushScopeId("data-v-1744797585363"), n = n(), _popScopeId(), n);
45
+ const _withScopeId = n => (_pushScopeId("data-v-1747107046052"), n = n(), _popScopeId(), n);
46
46
  const _hoisted_1 = { class: "jetlinks-table-sort-content" };
47
47
  const _hoisted_2 = { class: "jetlinks-table-sort-title" };
48
48
  const _hoisted_3 = { class: "table-sort-body" };
@@ -9,7 +9,7 @@
9
9
  } */
10
10
  import { defineComponent as _defineComponent } from 'vue';
11
11
  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";
12
- const _withScopeId = n => (_pushScopeId("data-v-1744797583796"), n = n(), _popScopeId(), n);
12
+ const _withScopeId = n => (_pushScopeId("data-v-1747107044018"), n = n(), _popScopeId(), n);
13
13
  const _hoisted_1 = { class: "full-page-warp-content" };
14
14
  import { ref, inject } from 'vue';
15
15
  import { useElementBounding } from '@vueuse/core';
@@ -22,7 +22,6 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
22
22
  } return value; }
23
23
  /* Analyzed bindings: {
24
24
  "proTableProps": "setup-maybe-ref",
25
- "Spin": "setup-maybe-ref",
26
25
  "Header": "setup-const",
27
26
  "Alert": "setup-const",
28
27
  "Content": "setup-const",
@@ -37,6 +36,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
37
36
  "inject": "setup-const",
38
37
  "debounce": "setup-maybe-ref",
39
38
  "TableConfig": "setup-maybe-ref",
39
+ "JSkeletonList": "setup-maybe-ref",
40
40
  "tableConfig": "setup-maybe-ref",
41
41
  "props": "setup-reactive-const",
42
42
  "slots": "setup-maybe-ref",
@@ -63,7 +63,6 @@ import { defineComponent as _defineComponent } from 'vue';
63
63
  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";
64
64
  const _hoisted_1 = { class: "jtable-body" };
65
65
  import { proTableProps } from "./setting";
66
- import { Spin } from 'ant-design-vue';
67
66
  import Header from './Header.js';
68
67
  import Alert from './Alert.js';
69
68
  import Content from './Content.js';
@@ -71,6 +70,7 @@ import Pagination from './Pagination.js';
71
70
  import { useSlots, watch, onMounted, onUnmounted, computed, ref, reactive, inject } from "vue";
72
71
  import { debounce } from 'lodash-es';
73
72
  import { TableConfig } from "../utils/constants";
73
+ import { JSkeletonList } from "../Skeleton";
74
74
  const __sfc_main__ = _defineComponent({
75
75
  ...{
76
76
  name: 'JProTable'
@@ -260,7 +260,11 @@ const __sfc_main__ = _defineComponent({
260
260
  style: _normalizeStyle(_ctx.bodyStyle),
261
261
  id: "jtable-body-spin"
262
262
  }, [
263
- _createVNode(_unref(Spin), { spinning: loading.value }, {
263
+ _createVNode(_unref(JSkeletonList), {
264
+ loading: loading.value,
265
+ active: true,
266
+ mode: _mode.value
267
+ }, {
264
268
  default: _withCtx(() => [
265
269
  _createElementVNode("div", _hoisted_1, [
266
270
  _createVNode(Header, {
@@ -331,7 +335,7 @@ const __sfc_main__ = _defineComponent({
331
335
  ])
332
336
  ]),
333
337
  _: 3 /* FORWARDED */
334
- }, 8 /* PROPS */, ["spinning"])
338
+ }, 8 /* PROPS */, ["loading", "mode"])
335
339
  ], 4 /* STYLE */));
336
340
  };
337
341
  }
@@ -23,7 +23,7 @@
23
23
  } */
24
24
  import { defineComponent as _defineComponent } from 'vue';
25
25
  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";
26
- const _withScopeId = n => (_pushScopeId("data-v-1744797585097"), n = n(), _popScopeId(), n);
26
+ const _withScopeId = n => (_pushScopeId("data-v-1747107045907"), n = n(), _popScopeId(), n);
27
27
  const _hoisted_1 = {
28
28
  key: 0,
29
29
  style: { "width": "240px" }
package/es/Search/Item.js CHANGED
@@ -80,7 +80,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
80
80
  } */
81
81
  import { defineComponent as _defineComponent } from 'vue';
82
82
  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";
83
- const _withScopeId = n => (_pushScopeId("data-v-1744797584295"), n = n(), _popScopeId(), n);
83
+ const _withScopeId = n => (_pushScopeId("data-v-1747107044781"), n = n(), _popScopeId(), n);
84
84
  const _hoisted_1 = { class: "JSearch-item" };
85
85
  const _hoisted_2 = {
86
86
  key: 0,
@@ -0,0 +1,57 @@
1
+ /* Analyzed bindings: {
2
+ "active": "props",
3
+ "loading": "props",
4
+ "Item": "setup-const",
5
+ "defineOptions": "setup-const",
6
+ "props": "setup-reactive-const"
7
+ } */
8
+ import { renderSlot as _renderSlot, createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
9
+ const _hoisted_1 = {
10
+ key: 1,
11
+ class: "j-skeleton"
12
+ };
13
+ const _hoisted_2 = { class: "j-skeleton-dashboard-card" };
14
+ const _hoisted_3 = { style: { "min-height": "0", "flex": "1" } };
15
+ import Item from './Item.js';
16
+ const __sfc_main__ = Object.assign({
17
+ name: 'JSkeletonDashboardCard'
18
+ }, {
19
+ props: {
20
+ active: {
21
+ type: Boolean,
22
+ default: true,
23
+ },
24
+ loading: {
25
+ type: Boolean,
26
+ default: true,
27
+ }
28
+ },
29
+ setup(__props) {
30
+ const props = __props;
31
+ return (_ctx, _cache) => {
32
+ return (!__props.loading)
33
+ ? _renderSlot(_ctx.$slots, "default", { key: 0 })
34
+ : (_openBlock(), _createElementBlock("div", _hoisted_1, [
35
+ _createElementVNode("div", _hoisted_2, [
36
+ _createVNode(Item, {
37
+ active: __props.active,
38
+ width: "50%"
39
+ }, null, 8 /* PROPS */, ["active"]),
40
+ _createElementVNode("div", _hoisted_3, [
41
+ _createVNode(Item, {
42
+ active: __props.active,
43
+ size: "large",
44
+ width: "120px"
45
+ }, null, 8 /* PROPS */, ["active"])
46
+ ]),
47
+ _createVNode(Item, {
48
+ active: __props.active,
49
+ size: "small",
50
+ width: "100%"
51
+ }, null, 8 /* PROPS */, ["active"])
52
+ ])
53
+ ]));
54
+ };
55
+ }
56
+ });
57
+ export default __sfc_main__;
@@ -0,0 +1,93 @@
1
+ /* Analyzed bindings: {
2
+ "active": "props",
3
+ "loading": "props",
4
+ "Item": "setup-const",
5
+ "defineOptions": "setup-const",
6
+ "props": "setup-reactive-const"
7
+ } */
8
+ import { renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
9
+ const _hoisted_1 = {
10
+ key: 1,
11
+ class: "j-skeleton"
12
+ };
13
+ const _hoisted_2 = { class: "j-skeleton-dashboard-card" };
14
+ const _hoisted_3 = { class: "j-skeleton-flex-between" };
15
+ const _hoisted_4 = { style: { "width": "100%", "height": "200px" } };
16
+ const _hoisted_5 = {
17
+ viewBox: "0 0 800 200",
18
+ preserveAspectRatio: "none",
19
+ style: { "width": "100%", "height": "100%", "display": "block" }
20
+ };
21
+ const _hoisted_6 = /*#__PURE__*/ _createElementVNode("path", {
22
+ d: "M0 150 L800 150",
23
+ stroke: "#f0f2f5",
24
+ "stroke-width": "4",
25
+ "stroke-opacity": "0.8"
26
+ }, null, -1 /* HOISTED */);
27
+ const _hoisted_7 = /*#__PURE__*/ _createElementVNode("path", {
28
+ d: "M0 150 L0 50",
29
+ stroke: "#f0f2f5",
30
+ "stroke-width": "4",
31
+ "stroke-opacity": "0.8"
32
+ }, null, -1 /* HOISTED */);
33
+ const _hoisted_8 = /*#__PURE__*/ _createElementVNode("path", {
34
+ d: "M0 100 C200 30, 600 170, 800 100",
35
+ stroke: "#f0f2f5",
36
+ fill: "none",
37
+ "stroke-width": "4"
38
+ }, null, -1 /* HOISTED */);
39
+ const _hoisted_9 = /*#__PURE__*/ _createElementVNode("path", {
40
+ d: "M0 120 C200 60, 600 140, 800 80",
41
+ stroke: "#f0f2f5",
42
+ fill: "none",
43
+ "stroke-width": "4"
44
+ }, null, -1 /* HOISTED */);
45
+ import Item from './Item.js';
46
+ const __sfc_main__ = Object.assign({
47
+ name: 'JSkeletonDashboardChart'
48
+ }, {
49
+ props: {
50
+ active: {
51
+ type: Boolean,
52
+ default: true,
53
+ },
54
+ loading: {
55
+ type: Boolean,
56
+ default: true,
57
+ }
58
+ },
59
+ setup(__props) {
60
+ const props = __props;
61
+ return (_ctx, _cache) => {
62
+ return (!__props.loading)
63
+ ? _renderSlot(_ctx.$slots, "default", { key: 0 })
64
+ : (_openBlock(), _createElementBlock("div", _hoisted_1, [
65
+ _createElementVNode("div", _hoisted_2, [
66
+ _createElementVNode("div", _hoisted_3, [
67
+ _createVNode(Item, {
68
+ active: __props.active,
69
+ width: "200px"
70
+ }, null, 8 /* PROPS */, ["active"]),
71
+ _createVNode(Item, {
72
+ active: __props.active,
73
+ width: "150px"
74
+ }, null, 8 /* PROPS */, ["active"])
75
+ ]),
76
+ _createElementVNode("div", _hoisted_4, [
77
+ (_openBlock(), _createElementBlock("svg", _hoisted_5, [
78
+ _createCommentVNode(" 坐标轴(4px宽度,#f0f2f5颜色) "),
79
+ _hoisted_6,
80
+ _createCommentVNode(" X轴 "),
81
+ _hoisted_7,
82
+ _createCommentVNode(" Y轴 "),
83
+ _createCommentVNode(" 两条曲线 "),
84
+ _hoisted_8,
85
+ _hoisted_9
86
+ ]))
87
+ ])
88
+ ])
89
+ ]));
90
+ };
91
+ }
92
+ });
93
+ export default __sfc_main__;
@@ -0,0 +1,104 @@
1
+ /* Analyzed bindings: {
2
+ "active": "props",
3
+ "loading": "props",
4
+ "Item": "setup-const",
5
+ "defineOptions": "setup-const",
6
+ "props": "setup-reactive-const"
7
+ } */
8
+ import { renderSlot as _renderSlot, createVNode as _createVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
9
+ const _hoisted_1 = {
10
+ key: 1,
11
+ class: "j-skeleton"
12
+ };
13
+ const _hoisted_2 = { class: "j-skeleton-flex" };
14
+ const _hoisted_3 = { class: "j-skeleton-flex" };
15
+ const _hoisted_4 = { class: "j-skeleton-tabs" };
16
+ const _hoisted_5 = /*#__PURE__*/ _createElementVNode("div", {
17
+ class: "j-skeleton-item j-skeleton-item-large",
18
+ style: { "width": "300px" }
19
+ }, null, -1 /* HOISTED */);
20
+ const _hoisted_6 = { class: "j-skeleton-desc-content" };
21
+ import Item from "./Item.js";
22
+ const __sfc_main__ = Object.assign({
23
+ name: 'JSkeletonDetail'
24
+ }, {
25
+ props: {
26
+ active: {
27
+ type: Boolean,
28
+ default: true,
29
+ },
30
+ loading: {
31
+ type: Boolean,
32
+ default: true,
33
+ }
34
+ },
35
+ setup(__props) {
36
+ const props = __props;
37
+ return (_ctx, _cache) => {
38
+ return (!__props.loading)
39
+ ? _renderSlot(_ctx.$slots, "default", { key: 0 })
40
+ : (_openBlock(), _createElementBlock("div", _hoisted_1, [
41
+ _createElementVNode("div", _hoisted_2, [
42
+ _createVNode(Item, {
43
+ active: __props.active,
44
+ width: "40%"
45
+ }, null, 8 /* PROPS */, ["active"])
46
+ ]),
47
+ _createElementVNode("div", _hoisted_3, [
48
+ _createVNode(Item, {
49
+ active: __props.active,
50
+ size: "small",
51
+ width: "15%"
52
+ }, null, 8 /* PROPS */, ["active"]),
53
+ _createVNode(Item, {
54
+ active: __props.active,
55
+ size: "small",
56
+ width: "15%"
57
+ }, null, 8 /* PROPS */, ["active"])
58
+ ]),
59
+ _createElementVNode("div", _hoisted_4, [
60
+ (_openBlock(), _createElementBlock(_Fragment, null, _renderList(5, (item) => {
61
+ return _createElementVNode("div", {
62
+ key: item,
63
+ class: "j-skeleton-flex"
64
+ }, [
65
+ _createVNode(Item, {
66
+ active: __props.active,
67
+ size: "small",
68
+ width: "80px"
69
+ }, null, 8 /* PROPS */, ["active"])
70
+ ]);
71
+ }), 64 /* STABLE_FRAGMENT */))
72
+ ]),
73
+ (_openBlock(), _createElementBlock(_Fragment, null, _renderList(2, (item) => {
74
+ return _createElementVNode("div", {
75
+ class: "j-skeleton-desc",
76
+ key: item
77
+ }, [
78
+ _hoisted_5,
79
+ _createElementVNode("div", _hoisted_6, [
80
+ (_openBlock(), _createElementBlock(_Fragment, null, _renderList(10, (i) => {
81
+ return _createElementVNode("div", {
82
+ class: "j-skeleton-desc-item",
83
+ key: i
84
+ }, [
85
+ _createVNode(Item, {
86
+ active: __props.active,
87
+ size: "small",
88
+ width: "40%"
89
+ }, null, 8 /* PROPS */, ["active"]),
90
+ _createVNode(Item, {
91
+ active: __props.active,
92
+ size: "small",
93
+ width: "60%"
94
+ }, null, 8 /* PROPS */, ["active"])
95
+ ]);
96
+ }), 64 /* STABLE_FRAGMENT */))
97
+ ])
98
+ ]);
99
+ }), 64 /* STABLE_FRAGMENT */))
100
+ ]));
101
+ };
102
+ }
103
+ });
104
+ export default __sfc_main__;
@@ -0,0 +1,82 @@
1
+ /* Analyzed bindings: {
2
+ "active": "props",
3
+ "loading": "props",
4
+ "Item": "setup-const",
5
+ "defineOptions": "setup-const",
6
+ "props": "setup-reactive-const"
7
+ } */
8
+ 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";
9
+ const _hoisted_1 = { class: "j-skeleton" };
10
+ const _hoisted_2 = { class: "j-skeleton-box" };
11
+ const _hoisted_3 = { class: "j-skeleton-desc" };
12
+ const _hoisted_4 = { style: { "margin-top": "16px" } };
13
+ const _hoisted_5 = {
14
+ class: "j-skeleton-desc-content",
15
+ style: { "grid-template-columns": "repeat(2, 1fr)" }
16
+ };
17
+ import Item from "./Item.js";
18
+ const __sfc_main__ = Object.assign({
19
+ name: 'JSkeletonDrawer'
20
+ }, {
21
+ props: {
22
+ active: {
23
+ type: Boolean,
24
+ default: true,
25
+ },
26
+ loading: {
27
+ type: Boolean,
28
+ default: true,
29
+ }
30
+ },
31
+ setup(__props) {
32
+ const props = __props;
33
+ return (_ctx, _cache) => {
34
+ return (_openBlock(), _createElementBlock(_Fragment, null, [
35
+ (!__props.loading)
36
+ ? _renderSlot(_ctx.$slots, "default", { key: 0 })
37
+ : _createCommentVNode("v-if", true),
38
+ _createElementVNode("div", _hoisted_1, [
39
+ _createVNode(Item, {
40
+ active: __props.active,
41
+ width: "70%"
42
+ }, null, 8 /* PROPS */, ["active"]),
43
+ _createElementVNode("div", _hoisted_2, [
44
+ _createVNode(Item, {
45
+ active: __props.active,
46
+ size: "small",
47
+ width: "35%"
48
+ }, null, 8 /* PROPS */, ["active"])
49
+ ]),
50
+ _createElementVNode("div", _hoisted_3, [
51
+ _createElementVNode("div", _hoisted_4, [
52
+ _createVNode(Item, {
53
+ active: __props.active,
54
+ width: "300px"
55
+ }, null, 8 /* PROPS */, ["active"])
56
+ ]),
57
+ _createElementVNode("div", _hoisted_5, [
58
+ (_openBlock(), _createElementBlock(_Fragment, null, _renderList(10, (i) => {
59
+ return _createElementVNode("div", {
60
+ class: "j-skeleton-desc-item",
61
+ key: i
62
+ }, [
63
+ _createVNode(Item, {
64
+ active: __props.active,
65
+ size: "small",
66
+ width: "40%"
67
+ }, null, 8 /* PROPS */, ["active"]),
68
+ _createVNode(Item, {
69
+ active: __props.active,
70
+ size: "small",
71
+ width: "60%"
72
+ }, null, 8 /* PROPS */, ["active"])
73
+ ]);
74
+ }), 64 /* STABLE_FRAGMENT */))
75
+ ])
76
+ ])
77
+ ])
78
+ ], 64 /* STABLE_FRAGMENT */));
79
+ };
80
+ }
81
+ });
82
+ export default __sfc_main__;
@@ -0,0 +1,60 @@
1
+ /* Analyzed bindings: {
2
+ "active": "props",
3
+ "size": "props",
4
+ "width": "props",
5
+ "computed": "setup-const",
6
+ "props": "setup-reactive-const",
7
+ "_className": "setup-ref",
8
+ "sizeStyle": "setup-ref"
9
+ } */
10
+ import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
11
+ import { computed } from 'vue';
12
+ const __sfc_main__ = {
13
+ props: {
14
+ active: {
15
+ type: Boolean,
16
+ default: true,
17
+ },
18
+ size: {
19
+ type: [String, Number],
20
+ default: 'default',
21
+ },
22
+ width: {
23
+ type: [String, Number],
24
+ default: '100%',
25
+ }
26
+ },
27
+ setup(__props) {
28
+ const props = __props;
29
+ const _className = computed(() => {
30
+ const { active, size } = props;
31
+ return {
32
+ 'j-skeleton-item': true,
33
+ 'j-skeleton-item-active': active,
34
+ 'j-skeleton-item-lg': size === 'large',
35
+ 'j-skeleton-item-sm': size === 'small',
36
+ };
37
+ });
38
+ const sizeStyle = computed(() => {
39
+ const { size, width } = props;
40
+ if (typeof size === 'number') {
41
+ return {
42
+ height: `${size}px`,
43
+ width: `${width}px`,
44
+ };
45
+ }
46
+ else {
47
+ return {
48
+ width: typeof size === 'number' ? `${width}px` : width,
49
+ };
50
+ }
51
+ });
52
+ return (_ctx, _cache) => {
53
+ return (_openBlock(), _createElementBlock("div", {
54
+ class: _normalizeClass(_className.value),
55
+ style: _normalizeStyle(sizeStyle.value)
56
+ }, null, 6 /* CLASS, STYLE */));
57
+ };
58
+ }
59
+ };
60
+ export default __sfc_main__;
@@ -0,0 +1,46 @@
1
+ /* Analyzed bindings: {
2
+ "active": "props",
3
+ "loading": "props",
4
+ "mode": "props",
5
+ "ListCard": "setup-const",
6
+ "ListTable": "setup-const",
7
+ "Search": "setup-const",
8
+ "defineOptions": "setup-const",
9
+ "props": "setup-reactive-const"
10
+ } */
11
+ import { renderSlot as _renderSlot, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, Fragment as _Fragment, createElementBlock as _createElementBlock } from "vue";
12
+ import ListCard from "./ListCard.js";
13
+ import ListTable from "./ListTable.js";
14
+ import Search from "./Search.js";
15
+ const __sfc_main__ = Object.assign({
16
+ name: 'JSkeletonList'
17
+ }, {
18
+ props: {
19
+ active: {
20
+ type: Boolean,
21
+ default: true,
22
+ },
23
+ loading: {
24
+ type: Boolean,
25
+ default: true,
26
+ },
27
+ mode: {
28
+ type: [String, undefined],
29
+ default: 'TABLE',
30
+ },
31
+ },
32
+ setup(__props) {
33
+ const props = __props;
34
+ return (_ctx, _cache) => {
35
+ return (!__props.loading)
36
+ ? _renderSlot(_ctx.$slots, "default", { key: 0 })
37
+ : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
38
+ _createVNode(Search, { active: "" }),
39
+ (__props.mode !== 'TABLE')
40
+ ? (_openBlock(), _createBlock(ListCard, { key: 0 }))
41
+ : (_openBlock(), _createBlock(ListTable, { key: 1 }))
42
+ ], 64 /* STABLE_FRAGMENT */));
43
+ };
44
+ }
45
+ });
46
+ export default __sfc_main__;
@@ -0,0 +1,56 @@
1
+ /* Analyzed bindings: {
2
+ "active": "props",
3
+ "loading": "props",
4
+ "Item": "setup-const",
5
+ "ListCardItem": "setup-const",
6
+ "defineOptions": "setup-const",
7
+ "props": "setup-reactive-const"
8
+ } */
9
+ import { renderSlot as _renderSlot, createVNode as _createVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
10
+ const _hoisted_1 = {
11
+ key: 1,
12
+ class: "j-skeleton"
13
+ };
14
+ const _hoisted_2 = { class: "j-skeleton-flex" };
15
+ const _hoisted_3 = { class: "j-skeleton-cards" };
16
+ import Item from "./Item.js";
17
+ import ListCardItem from "./ListCardItem.js";
18
+ const __sfc_main__ = Object.assign({
19
+ name: 'JSkeletonListCard'
20
+ }, {
21
+ props: {
22
+ active: {
23
+ type: Boolean,
24
+ default: true,
25
+ },
26
+ loading: {
27
+ type: Boolean,
28
+ default: true,
29
+ }
30
+ },
31
+ setup(__props) {
32
+ const props = __props;
33
+ return (_ctx, _cache) => {
34
+ return (!__props.loading)
35
+ ? _renderSlot(_ctx.$slots, "default", { key: 0 })
36
+ : (_openBlock(), _createElementBlock("div", _hoisted_1, [
37
+ _createElementVNode("div", _hoisted_2, [
38
+ _createVNode(Item, {
39
+ active: __props.active,
40
+ width: "100px"
41
+ }, null, 8 /* PROPS */, ["active"]),
42
+ _createVNode(Item, {
43
+ active: __props.active,
44
+ width: "100px"
45
+ }, null, 8 /* PROPS */, ["active"])
46
+ ]),
47
+ _createElementVNode("div", _hoisted_3, [
48
+ (_openBlock(), _createElementBlock(_Fragment, null, _renderList(9, (item) => {
49
+ return _createVNode(ListCardItem, { key: item });
50
+ }), 64 /* STABLE_FRAGMENT */))
51
+ ])
52
+ ]));
53
+ };
54
+ }
55
+ });
56
+ export default __sfc_main__;