@meethive/components 0.0.1

package/lib/LocaleProvider/index.js

@@ -0,0 +1,7 @@
+import LocaleProvider from './LocaleProvider.js'
+
+LocaleProvider.install = function (app) {
+  app.component(LocaleProvider.name, LocaleProvider)
+}
+
+export default LocaleProvider

package/lib/LocaleReciver/index.js

@@ -0,0 +1,24 @@
+import { computed, inject, unref, } from 'vue'
+import zh from '../locale/zh-CN'
+
+export function useLocaleReceiver(
+  componentName,
+  defaultLocale,
+  propsLocale
+) {
+  const localeData = inject('componentLocaleData', {})
+
+  const componentLocale = computed(() => {
+    const { antLocale = zh } = localeData
+    const locale = unref(defaultLocale) || (componentName ? [componentName] : ['global'])
+    const localeFromContext = componentName && antLocale ? antLocale[componentName] : {}
+
+    return {
+      ...(typeof locale === 'function' ? locale() : locale),
+      ...(localeFromContext || {}),
+      ...(unref(propsLocale) || {})
+    }
+  })
+
+  return [componentLocale]
+}

package/lib/Markdown/Markdown.js

@@ -0,0 +1,118 @@
+
+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
+    }
+  }
+})

package/lib/Markdown/index.js

@@ -0,0 +1,7 @@
+import Markdown from './Markdown.js'
+
+Markdown.install = (app) => {
+  app.component(Markdown.name, Markdown)
+}
+
+export default Markdown

package/lib/PermissionButton/PermissionButton.js

@@ -0,0 +1,118 @@
+ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+import { defineComponent, computed, inject, getCurrentInstance, toRefs } from 'vue'
+import { Button, Tooltip, Modal } from 'ant-design-vue'
+import { omit } from 'lodash-es'
+import { buttonProps } from 'ant-design-vue/es/button/button'
+import { usePermission } from '@meethive/hooks'
+import confirm from './confirm'
+import { PermissionButtonConfig } from '../utils/constants'
+import { useLocaleReceiver } from '../LocaleReciver'
+
+const definedProps = {
+  tooltip: {
+    type: Object
+  },
+  popConfirm: {
+    type: Object
+  },
+  hasPermission: {
+    type: [String, Array, Boolean],
+    default: undefined
+  },
+  style: {
+    type: Object
+  },
+  noPermissionTitle: {
+    type: String
+  },
+  popConfirmBefore: {
+    type: Function
+  },
+  ...omit(buttonProps(), 'icon')
+} 
+
+export default defineComponent({
+  name: 'JPermissionButton',
+  components: { Button, Tooltip },
+  // @ts-ignore
+  slots: ['button', 'icon'],
+  props: definedProps,
+  setup(props) {
+    const instance = getCurrentInstance()
+    const propsRef = toRefs(props)
+    const { hasPerm } = usePermission(propsRef.hasPermission)
+    const [contextLocale] = useLocaleReceiver('PermissionButton')
+
+    const context = inject(PermissionButtonConfig, {
+      components: undefined
+    }) 
+
+    const permission = computed(() => {
+      if (props.hasPermission === true || props.hasPermission === undefined) {
+        return true
+      }
+      return hasPerm.value
+    })
+
+    const isPermission = computed(() => {
+      if ('hasPermission' in props && permission.value) {
+        return 'disabled' in props ? !!props.disabled : false
+      }
+      return true
+    })
+
+    const hasTooltip = computed(() => !!props.tooltip) // 是否包含文字提示
+
+    // 排除不传递给 Button 的属性 (与 ES 原版 _excluded 一致)
+    const computedButtonProps = computed(() => {
+      const { popConfirm, tooltip, hasPermission, noPermissionTitle, ...rest } = props
+      return {
+        ...rest,
+        onClick: popConfirm ? handleClick : rest.onClick
+      }
+    })
+
+    // tooltip 属性 (与 ES 原版 _extends 一致)
+    const tooltipProps = computed(() => {
+      if (!props.tooltip) return {}
+      return Object.assign(props.tooltip, {
+        disabled: isPermission.value
+      })
+    })
+
+    // popConfirm 点击处理
+    const handleClick = async () => {
+      const _popConfirm = (await _optionalChain([props, 'access', _ => _.popConfirmBefore, 'optionalCall', _2 => _2()])) || props.popConfirm
+      if (context.components) {
+        confirm(
+          {
+            ..._popConfirm,
+            danger: props.danger
+          },
+          context.components
+        )
+      } else {
+        Modal.confirm({
+          title: _popConfirm.title,
+          content: _popConfirm.content,
+          onOk: () => {
+            return _optionalChain([_popConfirm, 'access', _3 => _3.onConfirm, 'optionalCall', _4 => _4()])
+          },
+          onCancel: () => {
+            _optionalChain([_popConfirm, 'access', _5 => _5.onCancel, 'optionalCall', _6 => _6()])
+          }
+        })
+      }
+    }
+
+    return {
+      permission,
+      isPermission,
+      hasTooltip,
+      computedButtonProps,
+      tooltipProps,
+      contextLocale,
+      handleClick
+    }
+  }
+})

package/lib/PermissionButton/confirm.js

@@ -0,0 +1,94 @@
+import { createVNode, render as vueRender, h, } from 'vue'
+import { destroyFns } from './shared'
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const confirm = (config, components) => {
+  const container = document.createDocumentFragment() 
+  let confirmDialogInstance = null
+  let currentConfig = {
+    ...config,
+    visible: true
+  }
+
+  function destroy(...args) {
+    if (confirmDialogInstance) {
+      // destroy
+      vueRender(null, container)
+      confirmDialogInstance.component.update()
+      confirmDialogInstance = null
+    }
+    const triggerCancel = args.some((param) => param && param.triggerCancel)
+    if (config.onCancel && triggerCancel) {
+      config.onCancel(...args)
+    }
+    for (let i = 0; i < destroyFns.length; i++) {
+      const fn = destroyFns[i]
+      if (fn === close) {
+        destroyFns.splice(i, 1)
+        break
+      }
+    }
+  }
+
+  function close( ...args) {
+    currentConfig = {
+      ...currentConfig,
+      visible: false,
+      afterClose: () => {
+        if (typeof config.afterClose === 'function') {
+          config.afterClose()
+        }
+        destroy.apply(this, args)
+      }
+    }
+    update(currentConfig)
+  }
+
+  function update(configUpdate) {
+    if (typeof configUpdate === 'function') {
+      currentConfig = configUpdate(currentConfig)
+    } else {
+      currentConfig = {
+        ...currentConfig,
+        ...configUpdate
+      }
+    }
+    if (confirmDialogInstance) {
+      Object.assign(confirmDialogInstance.component.props, currentConfig)
+      confirmDialogInstance.component.update()
+    }
+  }
+
+  const Wrapper = (p) => {
+    return h(components, { ...p })
+  }
+
+  function render(props) {
+    const vm = createVNode(Wrapper, { ...props })
+    vm.appContext = config.parentContext || config.appContext || vm.appContext
+    vueRender(vm, container)
+    return vm
+  }
+
+  confirmDialogInstance = render(currentConfig)
+  destroyFns.push(close)
+
+  return {
+    destroy: close,
+    update
+  }
+}
+
+export default confirm

package/lib/PermissionButton/index.js

@@ -0,0 +1,9 @@
+import PermissionButton from './PermissionButton.js'
+
+export { destroyFns } from './shared'
+
+PermissionButton.install = (app) => {
+  app.component(PermissionButton.name, PermissionButton)
+}
+
+export default PermissionButton

package/lib/PermissionButton/shared.js

@@ -0,0 +1 @@
+export const destroyFns = []