@meethive/components 0.0.2 → 0.0.4

package/lib/FullPage/FullPage.js

@@ -1,19 +1,20 @@
-
-import { defineComponent, ref, inject } from 'vue'
-import { useElementBounding } from '@vueuse/core'
-import { FullPageConfig } from '../utils/constants'
-
-export default defineComponent({
-  name: 'JFullPage',
-  setup() {
-    const config = inject(FullPageConfig, { reduceHeight: 24 })
-    const fullPage = ref(null)
-    const { y } = useElementBounding(fullPage)
-
-    return {
-      config,
-      fullPage,
-      y
-    }
-  }
-})
+import { defineComponent, ref, inject } from 'vue';
+import { useElementBounding } from '@vueuse/core';
+import { FullPageConfig } from '../utils/constants';
+export default defineComponent({
+  name: 'JFullPage',
+  setup() {
+    const config = inject(FullPageConfig, {
+      reduceHeight: 24
+    });
+    const fullPage = ref(null);
+    const {
+      y
+    } = useElementBounding(fullPage);
+    return {
+      config,
+      fullPage,
+      y
+    };
+  }
+});

package/lib/Icon/Icon.js

@@ -1,49 +1,42 @@
-
-import { defineComponent, watchEffect, inject, h } from 'vue'
-import * as aIcon from '@ant-design/icons-vue'
-import { createFromIconfontCN } from '@ant-design/icons-vue'
-import { ComponentsEnum } from '../utils/constants'
-
-let MyIcon = createFromIconfontCN({
-  scriptUrl: '//at.alicdn.com/t/c/font_3183515_i7oma42he.js' // 在 iconfont.cn 上生成
-})
-
-const AntdIcon = (props) => {
-  return h((aIcon )[props.type])
-}
-
-const Icon = (props) => {
-  return Object.keys(aIcon).includes(props.type)
-    ? h(AntdIcon, props)
-    : h(MyIcon, props)
-}
-
-export default defineComponent({
-  name: 'AIcon',
-  props: ['type', 'scriptUrl', 'class'],
-  emits: ['click'],
-  setup(props, { emit, attrs }) {
-    const config = inject(ComponentsEnum.Icon, {})
-
-    watchEffect(() => {
-      const url = props.scriptUrl || config.scriptUrl
-      if (url) {
-        MyIcon = createFromIconfontCN({
-          scriptUrl: url
-        })
-      }
-    })
-
-    const click = () => {
-      emit('click')
-    }
-
-    return () => {
-      return h(Icon, {
-        ...props,
-        style: attrs.style,
-        onClick: click
-      })
-    }
-  }
-})
+import { defineComponent, watchEffect, inject, h } from 'vue';
+import * as aIcon from '@ant-design/icons-vue';
+import { createFromIconfontCN } from '@ant-design/icons-vue';
+import { ComponentsEnum } from '../utils/constants';
+let MyIcon = createFromIconfontCN({
+  scriptUrl: '//at.alicdn.com/t/c/font_3183515_i7oma42he.js' // 在 iconfont.cn 上生成
+});
+const AntdIcon = props => {
+  return h(aIcon[props.type]);
+};
+const Icon = props => {
+  return Object.keys(aIcon).includes(props.type) ? h(AntdIcon, props) : h(MyIcon, props);
+};
+export default defineComponent({
+  name: 'AIcon',
+  props: ['type', 'scriptUrl', 'class'],
+  emits: ['click'],
+  setup(props, {
+    emit,
+    attrs
+  }) {
+    const config = inject(ComponentsEnum.Icon, {});
+    watchEffect(() => {
+      const url = props.scriptUrl || config.scriptUrl;
+      if (url) {
+        MyIcon = createFromIconfontCN({
+          scriptUrl: url
+        });
+      }
+    });
+    const click = () => {
+      emit('click');
+    };
+    return () => {
+      return h(Icon, {
+        ...props,
+        style: attrs.style,
+        onClick: click
+      });
+    };
+  }
+});

package/lib/LocaleProvider/LocaleProvider.js

@@ -1,31 +1,38 @@
-
-import { defineComponent, provide, reactive, watch } from 'vue'
-import defaultLocal from '../locale/zh-CN'
-
-export default defineComponent({
-  name: 'JLocaleProvider',
-  props: {
-    locale: {
-      type: Object
-    }
-  },
-  setup(props) {
-    const state = reactive({
-      antLocale: {
-        ...props.locale || defaultLocal || {},
-        exist: true
-      }
-    })
-
-    watch(() => props.locale, () => {
-      state.antLocale = {
-        ...props.locale || defaultLocal || {},
-        exist: true
-      }
-    }, { deep: true })
-
-    provide('componentLocaleData', state)
-
-    return {}
-  }
-})
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot } from "vue";
+import { provide, reactive, watch } from 'vue';
+import defaultLocal from '../locale/zh-CN';
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JLocaleProvider'
+  },
+  __name: 'LocaleProvider',
+  props: {
+    locale: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const state = reactive({
+      antLocale: {
+        ...(props.locale || defaultLocal || {}),
+        exist: true
+      }
+    });
+    watch(() => props.locale, () => {
+      state.antLocale = {
+        ...(props.locale || defaultLocal || {}),
+        exist: true
+      };
+    }, {
+      deep: true
+    });
+    provide('componentLocaleData', state);
+    return (_ctx, _cache) => {
+      return _renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+export default __sfc_main__;

package/lib/Markdown/Markdown.js

@@ -1,118 +1,101 @@
-
-import { defineComponent, onMounted, onUpdated, ref } from 'vue'
-import MarkdownIt from 'markdown-it'
-import MarkdownItAbbr from 'markdown-it-abbr'
-import MarkdownItAnchor from 'markdown-it-anchor'
-import MarkdownItDeflist from 'markdown-it-deflist'
-import MarkdownItFootnote from 'markdown-it-footnote'
-import MarkdownItHighlightjs from 'markdown-it-highlightjs'
-import MarkdownItIns from 'markdown-it-ins'
-import MarkdownItMark from 'markdown-it-mark'
-import MarkdownItSub from 'markdown-it-sub'
-import MarkdownItSup from 'markdown-it-sup'
-import MarkdownItTaskLists from 'markdown-it-task-lists'
-import MarkdownItTOC from 'markdown-it-toc-done-right'
-
-const props = {
-  anchor: {
-    type: Object,
-    default: () => ({})
-  },
-  breaks: {
-    type: Boolean,
-    default: false
-  },
-  emoji: {
-    type: Object,
-    default: () => ({})
-  },
-  highlight: {
-    type: Object,
-    default: () => ({})
-  },
-  html: {
-    type: Boolean,
-    default: false
-  },
-  langPrefix: {
-    type: String,
-    default: 'language-'
-  },
-  linkify: {
-    type: Boolean,
-    default: false
-  },
-  plugins: {
-    type: Array,
-    default: () => []
-  },
-  quotes: {
-    type: String,
-    default: ''
-  },
-  source: {
-    type: String,
-    default: ''
-  },
-  tasklists: {
-    type: Object,
-    default: () => ({})
-  },
-  toc: {
-    type: Object,
-    default: () => ({})
-  },
-  typographer: {
-    type: Boolean,
-    default: false
-  },
-  xhtmlOut: {
-    type: Boolean,
-    default: false
-  }
-}
-
-export default defineComponent({
-  name: 'JMarkdown',
-  props: props ,
-  setup(props) {
-    const md = ref()
-
-    const renderMarkdown = () => {
-      const markdown = new MarkdownIt()
-        .use(MarkdownItAbbr)
-        .use(MarkdownItAnchor, props.anchor)
-        .use(MarkdownItDeflist)
-        .use(MarkdownItFootnote)
-        .use(MarkdownItHighlightjs, props.highlight)
-        .use(MarkdownItIns)
-        .use(MarkdownItMark)
-        .use(MarkdownItSub)
-        .use(MarkdownItSup)
-        .use(MarkdownItTaskLists, props.tasklists)
-        .use(MarkdownItTOC, props.toc)
-        .set({
-          breaks: props.breaks,
-          html: props.html,
-          langPrefix: props.langPrefix,
-          linkify: props.linkify,
-          quotes: props.quotes,
-          typographer: props.typographer,
-          xhtmlOut: props.xhtmlOut
-        })
-
-      props.plugins.forEach(({ plugin, options = {} }) => {
-        markdown.use(plugin, options)
-      })
-
-      md.value = markdown.render(props.source)
-    }
-
-    onMounted(() => renderMarkdown())
-    onUpdated(() => renderMarkdown())
-
-    return {
-      md
-    }
-  }
-})
+import { defineComponent, onMounted, onUpdated, ref } from 'vue';
+import MarkdownIt from 'markdown-it';
+import MarkdownItAbbr from 'markdown-it-abbr';
+import MarkdownItAnchor from 'markdown-it-anchor';
+import MarkdownItDeflist from 'markdown-it-deflist';
+import MarkdownItFootnote from 'markdown-it-footnote';
+import MarkdownItHighlightjs from 'markdown-it-highlightjs';
+import MarkdownItIns from 'markdown-it-ins';
+import MarkdownItMark from 'markdown-it-mark';
+import MarkdownItSub from 'markdown-it-sub';
+import MarkdownItSup from 'markdown-it-sup';
+import MarkdownItTaskLists from 'markdown-it-task-lists';
+import MarkdownItTOC from 'markdown-it-toc-done-right';
+const props = {
+  anchor: {
+    type: Object,
+    default: () => ({})
+  },
+  breaks: {
+    type: Boolean,
+    default: false
+  },
+  emoji: {
+    type: Object,
+    default: () => ({})
+  },
+  highlight: {
+    type: Object,
+    default: () => ({})
+  },
+  html: {
+    type: Boolean,
+    default: false
+  },
+  langPrefix: {
+    type: String,
+    default: 'language-'
+  },
+  linkify: {
+    type: Boolean,
+    default: false
+  },
+  plugins: {
+    type: Array,
+    default: () => []
+  },
+  quotes: {
+    type: String,
+    default: ''
+  },
+  source: {
+    type: String,
+    default: ''
+  },
+  tasklists: {
+    type: Object,
+    default: () => ({})
+  },
+  toc: {
+    type: Object,
+    default: () => ({})
+  },
+  typographer: {
+    type: Boolean,
+    default: false
+  },
+  xhtmlOut: {
+    type: Boolean,
+    default: false
+  }
+};
+export default defineComponent({
+  name: 'JMarkdown',
+  props: props,
+  setup(props) {
+    const md = ref();
+    const renderMarkdown = () => {
+      const markdown = new MarkdownIt().use(MarkdownItAbbr).use(MarkdownItAnchor, props.anchor).use(MarkdownItDeflist).use(MarkdownItFootnote).use(MarkdownItHighlightjs, props.highlight).use(MarkdownItIns).use(MarkdownItMark).use(MarkdownItSub).use(MarkdownItSup).use(MarkdownItTaskLists, props.tasklists).use(MarkdownItTOC, props.toc).set({
+        breaks: props.breaks,
+        html: props.html,
+        langPrefix: props.langPrefix,
+        linkify: props.linkify,
+        quotes: props.quotes,
+        typographer: props.typographer,
+        xhtmlOut: props.xhtmlOut
+      });
+      props.plugins.forEach(({
+        plugin,
+        options = {}
+      }) => {
+        markdown.use(plugin, options);
+      });
+      md.value = markdown.render(props.source);
+    };
+    onMounted(() => renderMarkdown());
+    onUpdated(() => renderMarkdown());
+    return {
+      md
+    };
+  }
+});