@meethive/components 0.0.13 → 0.0.15

package/es/Skeleton/components/DashBoardCard.js

@@ -1,26 +1,57 @@
-import { defineComponent, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, unref as _unref, createVNode as _createVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+  class: "j-skeleton-dashboard-card"
+};
+const _hoisted_2 = {
+  style: {
+    "min-height": "0",
+    "flex": "1"
+  }
+};
+import { computed } from 'vue';
 import Item from './Item.js';
 import useSkeletonStyle from '../style';
-export default defineComponent({
-  name: 'JSkeletonDashboardCard',
-  components: {
-    Item
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JSkeletonDashboardCard'
   },
+  __name: 'DashBoardCard',
   props: {
     active: {
       type: Boolean,
+      required: false,
       default: true
     },
     loading: {
       type: Boolean,
+      required: false,
       default: true
     }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const prefixCls = computed(() => 'j-skeleton');
     const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
-    return {
-      hashId
+    return (_ctx, _cache) => {
+      return !__props.loading ? _renderSlot(_ctx.$slots, "default", {
+        key: 0
+      }) : (_openBlock(), _createElementBlock("div", {
+        key: 1,
+        class: _normalizeClass(['j-skeleton', _unref(hashId)])
+      }, [_createElementVNode("div", _hoisted_1, [_createVNode(Item, {
+        active: __props.active,
+        width: "50%"
+      }, null, 8 /* PROPS */, ["active"]), _createElementVNode("div", _hoisted_2, [_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"])])], 2 /* CLASS */));
     };
   }
-});
+});
+export default __sfc_main__;

package/es/Skeleton/components/DashBoardChart.js

@@ -1,26 +1,84 @@
-import { defineComponent, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, unref as _unref, createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  class: "j-skeleton-dashboard-card"
+};
+const _hoisted_2 = {
+  class: "j-skeleton-flex-between"
+};
+const _hoisted_3 = {
+  style: {
+    "width": "100%",
+    "height": "200px"
+  }
+};
+const _hoisted_4 = {
+  viewBox: "0 0 800 200",
+  preserveAspectRatio: "none",
+  style: {
+    "width": "100%",
+    "height": "100%",
+    "display": "block"
+  }
+};
+import { computed } from 'vue';
 import Item from './Item.js';
 import useSkeletonStyle from '../style';
-export default defineComponent({
-  name: 'JSkeletonDashboardChart',
-  components: {
-    Item
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JSkeletonDashboardChart'
   },
+  __name: 'DashBoardChart',
   props: {
     active: {
       type: Boolean,
+      required: false,
       default: true
     },
     loading: {
       type: Boolean,
+      required: false,
       default: true
     }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const prefixCls = computed(() => 'j-skeleton');
     const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
-    return {
-      hashId
+    return (_ctx, _cache) => {
+      return !__props.loading ? _renderSlot(_ctx.$slots, "default", {
+        key: 0
+      }) : (_openBlock(), _createElementBlock("div", {
+        key: 1,
+        class: _normalizeClass(['j-skeleton', _unref(hashId)])
+      }, [_createElementVNode("div", _hoisted_1, [_createElementVNode("div", _hoisted_2, [_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_3, [(_openBlock(), _createElementBlock("svg", _hoisted_4, [_createCommentVNode(" 坐标轴（4px宽度，#f0f2f5颜色） "), _cache[0] || (_cache[0] = _createElementVNode("path", {
+        d: "M0 150 L800 150",
+        stroke: "#f0f2f5",
+        "stroke-width": "4",
+        "stroke-opacity": "0.8"
+      }, null, -1 /* CACHED */)), _createCommentVNode(" X轴 "), _cache[1] || (_cache[1] = _createElementVNode("path", {
+        d: "M0 150 L0 50",
+        stroke: "#f0f2f5",
+        "stroke-width": "4",
+        "stroke-opacity": "0.8"
+      }, null, -1 /* CACHED */)), _createCommentVNode(" Y轴 "), _createCommentVNode(" 两条曲线 "), _cache[2] || (_cache[2] = _createElementVNode("path", {
+        d: "M0 100 C200 30, 600 170, 800 100",
+        stroke: "#f0f2f5",
+        fill: "none",
+        "stroke-width": "4"
+      }, null, -1 /* CACHED */)), _cache[3] || (_cache[3] = _createElementVNode("path", {
+        d: "M0 120 C200 60, 600 140, 800 80",
+        stroke: "#f0f2f5",
+        fill: "none",
+        "stroke-width": "4"
+      }, null, -1 /* CACHED */))]))])])], 2 /* CLASS */));
     };
   }
-});
+});
+export default __sfc_main__;

package/es/Skeleton/components/Detail.js

@@ -1,26 +1,92 @@
-import { defineComponent, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, unref as _unref, createVNode as _createVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  class: "j-skeleton-flex"
+};
+const _hoisted_2 = {
+  class: "j-skeleton-flex"
+};
+const _hoisted_3 = {
+  class: "j-skeleton-tabs"
+};
+const _hoisted_4 = {
+  class: "j-skeleton-desc-content"
+};
+import { computed } from 'vue';
 import Item from './Item.js';
 import useSkeletonStyle from '../style';
-export default defineComponent({
-  name: 'JSkeletonDetail',
-  components: {
-    Item
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JSkeletonDetail'
   },
+  __name: 'Detail',
   props: {
     active: {
       type: Boolean,
+      required: false,
       default: true
     },
     loading: {
       type: Boolean,
+      required: false,
       default: true
     }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const prefixCls = computed(() => 'j-skeleton');
     const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
-    return {
-      hashId
+    return (_ctx, _cache) => {
+      return !__props.loading ? _renderSlot(_ctx.$slots, "default", {
+        key: 0
+      }) : (_openBlock(), _createElementBlock("div", {
+        key: 1,
+        class: _normalizeClass(['j-skeleton', _unref(hashId)])
+      }, [_createElementVNode("div", _hoisted_1, [_createVNode(Item, {
+        active: __props.active,
+        width: "40%"
+      }, null, 8 /* PROPS */, ["active"])]), _createElementVNode("div", _hoisted_2, [_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_3, [(_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", {
+          key: item,
+          class: "j-skeleton-desc"
+        }, [_cache[0] || (_cache[0] = _createElementVNode("div", {
+          class: "j-skeleton-item j-skeleton-item-large",
+          style: {
+            "width": "300px"
+          }
+        }, null, -1 /* CACHED */)), _createElementVNode("div", _hoisted_4, [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(10, i => {
+          return _createElementVNode("div", {
+            key: i,
+            class: "j-skeleton-desc-item"
+          }, [_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 */))], 2 /* CLASS */));
     };
   }
-});
+});
+export default __sfc_main__;

package/es/Skeleton/components/Drawer.js

@@ -1,26 +1,76 @@
-import { defineComponent, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, unref as _unref, createVNode as _createVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  class: "j-skeleton-box"
+};
+const _hoisted_2 = {
+  class: "j-skeleton-desc"
+};
+const _hoisted_3 = {
+  style: {
+    "margin-top": "16px"
+  }
+};
+const _hoisted_4 = {
+  class: "j-skeleton-desc-content",
+  style: {
+    "grid-template-columns": "repeat(2, 1fr)"
+  }
+};
+import { computed } from 'vue';
 import Item from './Item.js';
 import useSkeletonStyle from '../style';
-export default defineComponent({
-  name: 'JSkeletonDrawer',
-  components: {
-    Item
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JSkeletonDrawer'
   },
+  __name: 'Drawer',
   props: {
     active: {
       type: Boolean,
+      required: false,
       default: true
     },
     loading: {
       type: Boolean,
+      required: false,
       default: true
     }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const prefixCls = computed(() => 'j-skeleton');
     const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
-    return {
-      hashId
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock(_Fragment, null, [!__props.loading ? _renderSlot(_ctx.$slots, "default", {
+        key: 0
+      }) : _createCommentVNode("v-if", true), _createElementVNode("div", {
+        class: _normalizeClass(['j-skeleton', _unref(hashId)])
+      }, [_createVNode(Item, {
+        active: __props.active,
+        width: "70%"
+      }, null, 8 /* PROPS */, ["active"]), _createElementVNode("div", _hoisted_1, [_createVNode(Item, {
+        active: __props.active,
+        size: "small",
+        width: "35%"
+      }, null, 8 /* PROPS */, ["active"])]), _createElementVNode("div", _hoisted_2, [_createElementVNode("div", _hoisted_3, [_createVNode(Item, {
+        active: __props.active,
+        width: "300px"
+      }, null, 8 /* PROPS */, ["active"])]), _createElementVNode("div", _hoisted_4, [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(10, i => {
+        return _createElementVNode("div", {
+          key: i,
+          class: "j-skeleton-desc-item"
+        }, [_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 */))])])], 2 /* CLASS */)], 64 /* STABLE_FRAGMENT */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/Skeleton/components/Item.js

@@ -1,21 +1,28 @@
-import { defineComponent, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { computed } from 'vue';
 import useSkeletonStyle from '../style';
-export default defineComponent({
+const __sfc_main__ = _defineComponent({
+  __name: 'Item',
   props: {
     active: {
       type: Boolean,
+      required: false,
       default: true
     },
     size: {
       type: [String, Number],
+      required: false,
       default: 'default'
     },
     width: {
       type: [String, Number],
+      required: false,
       default: '100%'
     }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const prefixCls = computed(() => 'j-skeleton');
     const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
     const _className = computed(() => {
@@ -47,9 +54,12 @@ export default defineComponent({
         };
       }
     });
-    return {
-      _className,
-      sizeStyle
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(_className.value),
+        style: _normalizeStyle(sizeStyle.value)
+      }, null, 6 /* CLASS, STYLE */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/Skeleton/components/List.js

@@ -1,29 +1,45 @@
-import { defineComponent } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, Fragment as _Fragment, createElementBlock as _createElementBlock } from "vue";
 import ListCard from './ListCard.js';
 import ListTable from './ListTable.js';
 import Search from './Search.js';
-export default defineComponent({
-  name: 'JSkeletonList',
-  components: {
-    ListCard,
-    ListTable,
-    Search
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JSkeletonList'
   },
+  __name: 'List',
   props: {
     active: {
       type: Boolean,
+      required: false,
       default: true
     },
     loading: {
       type: Boolean,
+      required: false,
       default: true
     },
     mode: {
-      type: [String, undefined],
+      type: String,
+      required: false,
       default: 'TABLE'
     }
   },
-  setup(props) {
-    return {};
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return !__props.loading ? _renderSlot(_ctx.$slots, "default", {
+        key: 0
+      }) : (_openBlock(), _createElementBlock(_Fragment, {
+        key: 1
+      }, [_createVNode(Search, {
+        active: ""
+      }), __props.mode !== 'TABLE' ? (_openBlock(), _createBlock(ListCard, {
+        key: 0
+      })) : (_openBlock(), _createBlock(ListTable, {
+        key: 1
+      }))], 64 /* STABLE_FRAGMENT */));
+    };
   }
-});
+});
+export default __sfc_main__;

package/es/Skeleton/components/ListCard.js

@@ -1,28 +1,54 @@
-import { defineComponent, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, unref as _unref, createVNode as _createVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  class: "j-skeleton-flex"
+};
+const _hoisted_2 = {
+  class: "j-skeleton-cards"
+};
+import { computed } from 'vue';
 import Item from './Item.js';
 import ListCardItem from './ListCardItem.js';
 import useSkeletonStyle from '../style';
-export default defineComponent({
-  name: 'JSkeletonListCard',
-  components: {
-    Item,
-    ListCardItem
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JSkeletonListCard'
   },
+  __name: 'ListCard',
   props: {
     active: {
       type: Boolean,
+      required: false,
       default: true
     },
     loading: {
       type: Boolean,
+      required: false,
       default: true
     }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const prefixCls = computed(() => 'j-skeleton');
     const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
-    return {
-      hashId
+    return (_ctx, _cache) => {
+      return !__props.loading ? _renderSlot(_ctx.$slots, "default", {
+        key: 0
+      }) : (_openBlock(), _createElementBlock("div", {
+        key: 1,
+        class: _normalizeClass(['j-skeleton', _unref(hashId)])
+      }, [_createElementVNode("div", _hoisted_1, [_createVNode(Item, {
+        active: __props.active,
+        width: "100px"
+      }, null, 8 /* PROPS */, ["active"]), _createVNode(Item, {
+        active: __props.active,
+        width: "100px"
+      }, null, 8 /* PROPS */, ["active"])]), _createElementVNode("div", _hoisted_2, [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(9, item => {
+        return _createVNode(ListCardItem, {
+          key: item
+        });
+      }), 64 /* STABLE_FRAGMENT */))])], 2 /* CLASS */));
     };
   }
-});
+});
+export default __sfc_main__;

package/es/Skeleton/components/ListCardItem.js

@@ -1,20 +1,83 @@
-import { defineComponent } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { createElementVNode as _createElementVNode, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+  class: "j-skeleton-card"
+};
+const _hoisted_2 = {
+  class: "j-skeleton-card-content"
+};
+const _hoisted_3 = {
+  class: "j-skeleton-right"
+};
+const _hoisted_4 = {
+  style: {
+    "margin-bottom": "16px"
+  }
+};
+const _hoisted_5 = {
+  class: "j-skeleton-right-content"
+};
+const _hoisted_6 = {
+  class: "j-skeleton-right-content-item"
+};
+const _hoisted_7 = {
+  class: "j-skeleton-right-content-item"
+};
+const _hoisted_8 = {
+  class: "j-skeleton-action"
+};
 import Item from './Item.js';
-export default defineComponent({
-  components: {
-    Item
-  },
+const __sfc_main__ = _defineComponent({
+  __name: 'ListCardItem',
   props: {
     active: {
       type: Boolean,
+      required: false,
       default: true
     },
     loading: {
       type: Boolean,
+      required: false,
       default: true
     }
   },
-  setup(props) {
-    return {};
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("div", _hoisted_2, [_cache[0] || (_cache[0] = _createElementVNode("div", {
+        class: "j-skeleton-item j-skeleton-image"
+      }, null, -1 /* CACHED */)), _createElementVNode("div", _hoisted_3, [_createElementVNode("div", _hoisted_4, [_createVNode(Item, {
+        active: __props.active,
+        size: "small",
+        width: "200px"
+      }, null, 8 /* PROPS */, ["active"])]), _createVNode(Item, {
+        active: __props.active,
+        width: "50%"
+      }, null, 8 /* PROPS */, ["active"]), _createElementVNode("div", _hoisted_5, [_createElementVNode("div", _hoisted_6, [_createVNode(Item, {
+        active: __props.active,
+        size: "small",
+        width: "100%"
+      }, null, 8 /* PROPS */, ["active"]), _createVNode(Item, {
+        active: __props.active,
+        size: "small",
+        width: "90%"
+      }, null, 8 /* PROPS */, ["active"])]), _createElementVNode("div", _hoisted_7, [_createVNode(Item, {
+        active: __props.active,
+        size: "small",
+        width: "100%"
+      }, null, 8 /* PROPS */, ["active"]), _createVNode(Item, {
+        active: __props.active,
+        size: "small",
+        width: "90%"
+      }, null, 8 /* PROPS */, ["active"])])])])]), _createElementVNode("div", _hoisted_8, [_createVNode(Item, {
+        active: __props.active
+      }, null, 8 /* PROPS */, ["active"]), _createVNode(Item, {
+        active: __props.active
+      }, null, 8 /* PROPS */, ["active"]), _createVNode(Item, {
+        active: __props.active,
+        width: "100px"
+      }, null, 8 /* PROPS */, ["active"])])]);
+    };
   }
-});
+});
+export default __sfc_main__;