@meethive/components 0.0.2 → 0.0.4

package/es/Skeleton/Skeleton.js

@@ -1,27 +1,26 @@
-
-import { defineComponent, computed } from 'vue'
-import Item from './components/Item.js'
-import useSkeletonStyle from './style'
-
-export default defineComponent({
-  name: 'JSkeleton',
-  components: { Item },
-  props: {
-    active: {
-      type: Boolean,
-      default: true
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    const prefixCls = computed(() => 'j-skeleton')
-    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls)
-
-    return {
-      hashId
-    }
-  }
-})
+import { defineComponent, computed } from 'vue';
+import Item from './components/Item.js';
+import useSkeletonStyle from './style';
+export default defineComponent({
+  name: 'JSkeleton',
+  components: {
+    Item
+  },
+  props: {
+    active: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const prefixCls = computed(() => 'j-skeleton');
+    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
+    return {
+      hashId
+    };
+  }
+});

package/es/Skeleton/components/DashBoardCard.js

@@ -1,27 +1,26 @@
-
-import { defineComponent, computed } from 'vue'
-import Item from './Item.js'
-import useSkeletonStyle from '../style'
-
-export default defineComponent({
-  name: 'JSkeletonDashboardCard',
-  components: { Item },
-  props: {
-    active: {
-      type: Boolean,
-      default: true
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    const prefixCls = computed(() => 'j-skeleton')
-    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls)
-
-    return {
-      hashId
-    }
-  }
-})
+import { defineComponent, computed } from 'vue';
+import Item from './Item.js';
+import useSkeletonStyle from '../style';
+export default defineComponent({
+  name: 'JSkeletonDashboardCard',
+  components: {
+    Item
+  },
+  props: {
+    active: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const prefixCls = computed(() => 'j-skeleton');
+    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
+    return {
+      hashId
+    };
+  }
+});

package/es/Skeleton/components/DashBoardChart.js

@@ -1,27 +1,26 @@
-
-import { defineComponent, computed } from 'vue'
-import Item from './Item.js'
-import useSkeletonStyle from '../style'
-
-export default defineComponent({
-  name: 'JSkeletonDashboardChart',
-  components: { Item },
-  props: {
-    active: {
-      type: Boolean,
-      default: true
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    const prefixCls = computed(() => 'j-skeleton')
-    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls)
-
-    return {
-      hashId
-    }
-  }
-})
+import { defineComponent, computed } from 'vue';
+import Item from './Item.js';
+import useSkeletonStyle from '../style';
+export default defineComponent({
+  name: 'JSkeletonDashboardChart',
+  components: {
+    Item
+  },
+  props: {
+    active: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const prefixCls = computed(() => 'j-skeleton');
+    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
+    return {
+      hashId
+    };
+  }
+});

package/es/Skeleton/components/Detail.js

@@ -1,27 +1,26 @@
-
-import { defineComponent, computed } from 'vue'
-import Item from './Item.js'
-import useSkeletonStyle from '../style'
-
-export default defineComponent({
-  name: 'JSkeletonDetail',
-  components: { Item },
-  props: {
-    active: {
-      type: Boolean,
-      default: true
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    const prefixCls = computed(() => 'j-skeleton')
-    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls)
-
-    return {
-      hashId
-    }
-  }
-})
+import { defineComponent, computed } from 'vue';
+import Item from './Item.js';
+import useSkeletonStyle from '../style';
+export default defineComponent({
+  name: 'JSkeletonDetail',
+  components: {
+    Item
+  },
+  props: {
+    active: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const prefixCls = computed(() => 'j-skeleton');
+    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
+    return {
+      hashId
+    };
+  }
+});

package/es/Skeleton/components/Drawer.js

@@ -1,27 +1,26 @@
-
-import { defineComponent, computed } from 'vue'
-import Item from './Item.js'
-import useSkeletonStyle from '../style'
-
-export default defineComponent({
-  name: 'JSkeletonDrawer',
-  components: { Item },
-  props: {
-    active: {
-      type: Boolean,
-      default: true
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    const prefixCls = computed(() => 'j-skeleton')
-    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls)
-
-    return {
-      hashId
-    }
-  }
-})
+import { defineComponent, computed } from 'vue';
+import Item from './Item.js';
+import useSkeletonStyle from '../style';
+export default defineComponent({
+  name: 'JSkeletonDrawer',
+  components: {
+    Item
+  },
+  props: {
+    active: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const prefixCls = computed(() => 'j-skeleton');
+    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
+    return {
+      hashId
+    };
+  }
+});

package/es/Skeleton/components/Item.js

@@ -1,54 +1,55 @@
-
-import { defineComponent, computed } from 'vue'
-import useSkeletonStyle from '../style'
-
-export default defineComponent({
-  props: {
-    active: {
-      type: Boolean,
-      default: true
-    },
-    size: {
-      type: [String, Number],
-      default: 'default'
-    },
-    width: {
-      type: [String, Number],
-      default: '100%'
-    }
-  },
-  setup(props) {
-    const prefixCls = computed(() => 'j-skeleton')
-    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls)
-
-    const _className = computed(() => {
-      const { active, size } = props
-      return {
-        'j-skeleton-item': true,
-        'j-skeleton-item-active': active,
-        'j-skeleton-item-lg': size === 'large',
-        'j-skeleton-item-sm': size === 'small',
-        [hashId.value]: true
-      }
-    })
-
-    const sizeStyle = computed(() => {
-      const { size, width } = props
-      if (typeof size === 'number') {
-        return {
-          height: `${size}px`,
-          width: `${width}px`
-        }
-      } else {
-        return {
-          width: typeof size === 'number' ? `${width}px` : width
-        }
-      }
-    })
-
-    return {
-      _className,
-      sizeStyle
-    }
-  }
-})
+import { defineComponent, computed } from 'vue';
+import useSkeletonStyle from '../style';
+export default defineComponent({
+  props: {
+    active: {
+      type: Boolean,
+      default: true
+    },
+    size: {
+      type: [String, Number],
+      default: 'default'
+    },
+    width: {
+      type: [String, Number],
+      default: '100%'
+    }
+  },
+  setup(props) {
+    const prefixCls = computed(() => 'j-skeleton');
+    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
+    const _className = computed(() => {
+      const {
+        active,
+        size
+      } = props;
+      return {
+        'j-skeleton-item': true,
+        'j-skeleton-item-active': active,
+        'j-skeleton-item-lg': size === 'large',
+        'j-skeleton-item-sm': size === 'small',
+        [hashId.value]: true
+      };
+    });
+    const sizeStyle = computed(() => {
+      const {
+        size,
+        width
+      } = props;
+      if (typeof size === 'number') {
+        return {
+          height: `${size}px`,
+          width: `${width}px`
+        };
+      } else {
+        return {
+          width: typeof size === 'number' ? `${width}px` : width
+        };
+      }
+    });
+    return {
+      _className,
+      sizeStyle
+    };
+  }
+});

package/es/Skeleton/components/List.js

@@ -1,27 +1,29 @@
-
-import { defineComponent } 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 },
-  props: {
-    active: {
-      type: Boolean,
-      default: true
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    },
-    mode: {
-      type: [String, undefined] ,
-      default: 'TABLE'
-    }
-  },
-  setup(props) {
-    return {}
-  }
-})
+import { defineComponent } 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
+  },
+  props: {
+    active: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    },
+    mode: {
+      type: [String, undefined],
+      default: 'TABLE'
+    }
+  },
+  setup(props) {
+    return {};
+  }
+});

package/es/Skeleton/components/ListCard.js

@@ -1,28 +1,28 @@
-
-import { defineComponent, 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 },
-  props: {
-    active: {
-      type: Boolean,
-      default: true
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    const prefixCls = computed(() => 'j-skeleton')
-    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls)
-
-    return {
-      hashId
-    }
-  }
-})
+import { defineComponent, 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
+  },
+  props: {
+    active: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const prefixCls = computed(() => 'j-skeleton');
+    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
+    return {
+      hashId
+    };
+  }
+});

package/es/Skeleton/components/ListCardItem.js

@@ -1,20 +1,20 @@
-
-import { defineComponent } from 'vue'
-import Item from './Item.js'
-
-export default defineComponent({
-  components: { Item },
-  props: {
-    active: {
-      type: Boolean,
-      default: true
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    return {}
-  }
-})
+import { defineComponent } from 'vue';
+import Item from './Item.js';
+export default defineComponent({
+  components: {
+    Item
+  },
+  props: {
+    active: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    return {};
+  }
+});

package/es/Skeleton/components/ListTable.js

@@ -1,27 +1,26 @@
-
-import { defineComponent, computed } from 'vue'
-import Item from './Item.js'
-import useSkeletonStyle from '../style'
-
-export default defineComponent({
-  name: 'JSkeletonListTable',
-  components: { Item },
-  props: {
-    active: {
-      type: Boolean,
-      default: true
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    const prefixCls = computed(() => 'j-skeleton')
-    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls)
-
-    return {
-      hashId
-    }
-  }
-})
+import { defineComponent, computed } from 'vue';
+import Item from './Item.js';
+import useSkeletonStyle from '../style';
+export default defineComponent({
+  name: 'JSkeletonListTable',
+  components: {
+    Item
+  },
+  props: {
+    active: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const prefixCls = computed(() => 'j-skeleton');
+    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
+    return {
+      hashId
+    };
+  }
+});

package/es/Skeleton/components/Page.js

@@ -1,26 +1,27 @@
-
-import { defineComponent } from 'vue'
-import List from './List.js'
-import Detail from './Detail.js'
-
-export default defineComponent({
-  name: 'JSkeletonPage',
-  components: { List, Detail },
-  props: {
-    type: {
-      type: String,
-      default: 'list' // detail
-    },
-    active: {
-      type: Boolean,
-      default: true
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    return {}
-  }
-})
+import { defineComponent } from 'vue';
+import List from './List.js';
+import Detail from './Detail.js';
+export default defineComponent({
+  name: 'JSkeletonPage',
+  components: {
+    List,
+    Detail
+  },
+  props: {
+    type: {
+      type: String,
+      default: 'list' // detail
+    },
+    active: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    return {};
+  }
+});