@meethive/components 0.0.1

package/es/AutoComplete/AutoComplete.js

@@ -0,0 +1,84 @@
+ 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 as _defineComponent } from 'vue'
+import { unref as _unref, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock } from "vue"
+
+import { Select } from 'ant-design-vue'
+import { selectProps } from 'ant-design-vue/lib/select'
+import { ref, watch, computed } from 'vue'
+
+
+const __sfc_main__ = _defineComponent({
+  ...{
+  name: 'JAutoComplete'
+},
+  __name: 'AutoComplete',
+  props: {
+  ...selectProps(),
+  searchKey: {
+    type: String,
+    default: 'label',
+  },
+},
+  emits: ['select', 'change', 'update:value'],
+  setup(__props, { emit: __emit }) {
+
+
+
+const props = __props
+
+const emit = __emit
+
+const myValue = ref()
+const _label = ref()
+
+const handleChange = (e) => {
+  if (e.length === 0) {
+    myValue.value = undefined
+    emit('update:value', undefined)
+  }
+}
+
+const _options = computed(() => {
+  const item = props.options.find(option => option.value === myValue.value)
+  if (item || !myValue.value) {
+    _label.value = _optionalChain([item, 'optionalAccess', _ => _.label])
+    return props.options
+  }
+  _label.value = myValue.value
+  return [
+    { label: myValue.value, value: myValue.value },
+    ...props.options
+  ]
+})
+
+const handleSearch = (e) => {
+  myValue.value = e
+}
+
+const onSelect = (val, option) => {
+  myValue.value = val
+  emit('update:value', val)
+  emit('select', val, option)
+}
+
+watch(() => props.value, (val) => {
+  myValue.value = val
+}, { immediate: true })
+
+return (_ctx,_cache) => {
+  return (_openBlock(), _createBlock(_unref(Select), _mergeProps({
+    value: myValue.value,
+    "onUpdate:value": _cache[0] || (_cache[0] = ($event) => ((myValue).value = $event)),
+    allowClear: ""
+  }, props, {
+    options: _options.value,
+    mode: "tags",
+    style: { width: '100%' },
+    onSelect: onSelect,
+    onSearch: handleSearch,
+    onChange: handleChange
+  }), null, 16 /* FULL_PROPS */, ["value", "options"]))
+}
+}
+
+})
+export default __sfc_main__;

package/es/AutoComplete/index.js

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

package/es/BadgeStatus/Badge.js

@@ -0,0 +1,51 @@
+import { defineComponent as _defineComponent } from 'vue'
+import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock } from "vue"
+
+import { computed } from 'vue'
+import { Badge } from 'ant-design-vue'
+import { getHexColor } from './color'
+
+
+const __sfc_main__ = _defineComponent({
+  ...{
+  name: 'JBadgeStatus'
+},
+  __name: 'Badge',
+  props: {
+  text: {
+    type: String,
+  },
+  status: {
+    type: [String, Number],
+    default: 'default',
+  },
+  statusNames: {
+    type: Object,
+    default: () => ({
+      'success': 'success',
+      'warning': 'warning',
+      'error': 'error',
+      'default': 'default',
+    })
+  },
+},
+  setup(__props) {
+
+
+
+const props = __props
+
+const _color = computed(() => {
+  return getHexColor(props.statusNames[props.status], 1)
+})
+
+return (_ctx,_cache) => {
+  return (_openBlock(), _createBlock(_unref(Badge), {
+    color: _color.value,
+    text: __props.text
+  }, null, 8 /* PROPS */, ["color", "text"]))
+}
+}
+
+})
+export default __sfc_main__;

package/es/BadgeStatus/color.js

@@ -0,0 +1,14 @@
+const colorMap = {
+  'success': '36, 178, 118',
+  'warning': '255, 144, 0',
+  'error': '229, 0, 18',
+  'processing': '9, 46, 231',
+  'default': '102, 102, 102'
+}
+
+export const getHexColor = (code, pe = 0.1) => {
+  const _color = colorMap[code] || colorMap.default
+  return `rgba(${_color}, ${pe})`
+}
+
+export default colorMap

package/es/BadgeStatus/index.js

@@ -0,0 +1,8 @@
+import BadgeStatus from './Badge.js'
+
+BadgeStatus.install = (app) => {
+  app.component(BadgeStatus.name, BadgeStatus)
+}
+
+export * from './color'
+export default BadgeStatus

package/es/CardSelect/CardSelect.js

@@ -0,0 +1,141 @@
+import { defineComponent as _defineComponent } from 'vue'
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle } from "vue"
+
+const _hoisted_1 = ["onClick"]
+
+import { computed, ref, watch } from 'vue'
+import { has } from 'lodash-es'
+import genComponentStyle from './style'
+import { Form } from 'ant-design-vue'
+
+
+const __sfc_main__ = _defineComponent({
+  ...{
+  name: 'JCardSelect'
+},
+  __name: 'CardSelect',
+  props: {
+  layout: {
+    type: String,
+    default: 'horizontal'
+  },
+  options: {
+    type: Array,
+    default: () => []
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  column: {
+    type: Number,
+    default: 3
+  },
+  value: {
+    type: [String, Array],
+    default: undefined
+  },
+  itemLayout: {
+    type: String,
+    default: 'horizontal'
+  }
+},
+  emits: ['select', 'change', 'update:value'],
+  setup(__props, { emit: __emit }) {
+
+
+
+const props = __props
+
+const emit = __emit
+
+const selectKeys = ref([])
+const prefixCls = computed(() => 'j-card-select')
+const [wrapSSR, hashId] = genComponentStyle(prefixCls)
+const formItemContext = Form.useInjectFormItemContext()
+
+const CardSelectStyle = computed(() => {
+  const _column = props.column > 0 && props.layout === 'horizontal' ? props.column : 1
+  return {
+    'grid-template-columns': `repeat(${_column}, 1fr)`
+  }
+})
+
+const isMultiple = computed(() => {
+  return has(props, 'multiple') && props.multiple !== false
+})
+
+const handleSelect = (key, node) => {
+  if (props.disabled || node.disabled) {
+    return
+  }
+  const selectKeysSet = new Set(selectKeys.value)
+  const isActive = selectKeysSet.has(key)
+  if (isMultiple.value) {
+    if (isActive) {
+      selectKeysSet.delete(key)
+    } else {
+      selectKeysSet.add(key)
+    }
+    selectKeys.value = [...selectKeysSet.values()]
+    const nodes = props.options.filter((item) => selectKeys.value.includes(item.value))
+    emit('select', selectKeys.value, nodes)
+    emit('change', selectKeys.value, nodes)
+    emit('update:value', selectKeys.value)
+  } else {
+    selectKeys.value = [key]
+    emit('select', key, node)
+    emit('change', key, node)
+    emit('update:value', key)
+  }
+  formItemContext.onFieldChange()
+}
+
+watch(
+  () => props.value,
+  () => {
+    selectKeys.value = isMultiple.value ? (props.value || []) : [props.value]
+  },
+  { immediate: true }
+)
+
+return (_ctx,_cache) => {
+  return (_openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(['j-card-select', _unref(hashId)]),
+    style: _normalizeStyle(CardSelectStyle.value)
+  }, [
+    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.options, (item) => {
+      return (_openBlock(), _createElementBlock("div", {
+        key: item.value,
+        class: _normalizeClass({
+        'j-card-select-item': true,
+        'disabled': __props.disabled || item.disabled,
+        'active': selectKeys.value.includes(item.value),
+        [_unref(hashId)]: true
+      }),
+        onClick: () => handleSelect(item.value, item)
+      }, [
+        _renderSlot(_ctx.$slots, "itemRender", { node: item }, () => [
+          _createElementVNode("div", {
+            class: _normalizeClass(['j-card-select-item-content', _unref(hashId)])
+          }, [
+            _createElementVNode("div", {
+              class: _normalizeClass(['j-card-select-title', _unref(hashId)])
+            }, _toDisplayString(item.label), 3 /* TEXT, CLASS */),
+            _createElementVNode("div", {
+              class: _normalizeClass(['j-card-select-describe', _unref(hashId)])
+            }, _toDisplayString(item.describe), 3 /* TEXT, CLASS */)
+          ], 2 /* CLASS */)
+        ])
+      ], 10 /* CLASS, PROPS */, _hoisted_1))
+    }), 128 /* KEYED_FRAGMENT */))
+  ], 6 /* CLASS, STYLE */))
+}
+}
+
+})
+export default __sfc_main__;

package/es/CardSelect/index.js

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

package/es/CardSelect/style/index.js

@@ -0,0 +1,29 @@
+import genComponentStyle from '../../style/styleRegister'
+
+const genCardSelectStyle = (config) => {
+  const { componentCls, token } = config
+  return {
+    [componentCls]: {
+      display: 'grid',
+      gap: '12px',
+      [`${componentCls}-item`]: {
+        padding: '12px',
+        border: '1px solid #e6e6e6',
+        borderRadius: '@border-radius-base',
+        cursor: 'pointer',
+        '&.active': {
+          borderColor: token.colorPrimary
+        },
+        '&.disabled': {
+          cursor: 'not-allowed',
+          opacity: 0.7
+        },
+        [`${componentCls}-describe`]: {
+          color: token.textColorSubtitle
+        }
+      }
+    }
+  }
+}
+
+export default genComponentStyle([genCardSelectStyle])

package/es/CheckButton/CheckButton.js

@@ -0,0 +1,122 @@
+import { defineComponent as _defineComponent } from 'vue'
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue"
+
+const _hoisted_1 = ["onClick"]
+
+import { computed, ref, watch } from 'vue'
+import { isArray } from '@meethive/utils'
+import useCheckButtonStyle from './style'
+import { Form } from 'ant-design-vue'
+
+
+const __sfc_main__ = _defineComponent({
+  ...{
+  name: 'JCheckButton'
+},
+  __name: 'CheckButton',
+  props: {
+  value: {
+    type: [String, Array],
+    default: undefined,
+  },
+  options: {
+    type: Array,
+    default: () => [],
+  },
+  multiple: {
+    type: Boolean,
+    default: false,
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  class: {
+    type: String,
+    default: undefined,
+  },
+  style: {
+    type: Object,
+    default: () => ({}),
+  },
+},
+  emits: ['update:value', 'change', 'select'],
+  setup(__props, { emit: __emit }) {
+
+
+
+const props = __props
+
+const emit = __emit
+
+const prefixCls = computed(() => 'j-check-button')
+const [wrapSSR, hashId] = useCheckButtonStyle(prefixCls)
+
+const formItemContext = Form.useInjectFormItemContext()
+
+const myValue = ref()
+const optionsMap = ref(new Map())
+
+const _options = computed(() => {
+  props.options.forEach((item) => {
+    if (props.disabled) {
+      item.disabled = props.disabled
+    }
+    optionsMap.value.set(item.value, item)
+  })
+  return props.options
+})
+
+watch(() => props.value, () => {
+  if (props.value) {
+    myValue.value = isArray(props.value) ? props.value : [props.value]
+  } else {
+    myValue.value = []
+  }
+}, { immediate: true, deep: true })
+
+const selected = (key, disabled) => {
+  if (disabled) return
+  const values = new Set(myValue.value)
+  if (values.has(key)) {
+    values.delete(key)
+  } else {
+    if (!props.multiple) {
+      values.clear()
+    }
+    values.add(key)
+  }
+  myValue.value = [...values.values()]
+  const optionsItems = myValue.value.map((_key) => {
+    return optionsMap.value.get(_key)
+  })
+  const _value = props.multiple ? myValue.value : myValue.value[0]
+  emit('update:value', _value)
+  emit('change', _value, props.multiple ? optionsItems : optionsItems[0])
+  emit('select', _value, props.multiple ? optionsItems : optionsItems[0])
+  formItemContext.onFieldChange()
+}
+
+return (_ctx,_cache) => {
+  return (_openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(['j-check-button', props.class, _unref(hashId)]),
+    style: _normalizeStyle(props.style)
+  }, [
+    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_options.value, (item) => {
+      return (_openBlock(), _createElementBlock("div", {
+        key: item.value,
+        class: _normalizeClass([
+        'j-check-button-item',
+        myValue.value.includes(item.value) ? 'selected' : '',
+        item.disabled ? 'disabled' : '',
+        _unref(hashId)
+      ]),
+        onClick: () => { selected(item.value, item.disabled) }
+      }, _toDisplayString(item.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_1))
+    }), 128 /* KEYED_FRAGMENT */))
+  ], 6 /* CLASS, STYLE */))
+}
+}
+
+})
+export default __sfc_main__;

package/es/CheckButton/index.js

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

package/es/CheckButton/style/index.js

@@ -0,0 +1,44 @@
+import genComponentStyle from '../../style/styleRegister'
+
+const genCheckButtonStyle = (config) => {
+  const { componentCls, token } = config
+  return {
+    [componentCls]: {
+      display: 'flex',
+      gap: '16px',
+      width: '100%',
+      [`${componentCls}-item`]: {
+        flex: 1,
+        minWidth: 0,
+        padding: '8px',
+        borderRadius: token.borderRadius,
+        backgroundColor: '#f2f3f5',
+        transition: 'all 0.3s',
+        color: '#333',
+        textAlign: 'center',
+        cursor: 'pointer',
+        '&:hover': {
+          backgroundColor: token.colorPrimary,
+          opacity: 0.85,
+          color: '#fff'
+        },
+        '&.selected': {
+          backgroundColor: token.colorPrimary,
+          color: '#fff'
+        },
+        '&.disabled': {
+          backgroundColor: '#f5f5f5',
+          color: '#ccc',
+          cursor: 'not-allowed',
+          '&:hover': {
+            backgroundColor: '#f5f5f5',
+            color: '#ccc',
+            opacity: 1
+          }
+        }
+      }
+    }
+  }
+}
+
+export default genComponentStyle([genCheckButtonStyle])

package/es/ConfigProvider/ConfigProvider.js

@@ -0,0 +1,73 @@
+import { defineComponent as _defineComponent } from 'vue'
+import { unref as _unref, renderSlot as _renderSlot, createVNode as _createVNode, withCtx as _withCtx, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createBlock as _createBlock } from "vue"
+
+import { provide, reactive } from 'vue'
+import { ConfigProvider } from 'ant-design-vue'
+import { omit } from 'lodash-es'
+import { configProps } from './context'
+import {
+  ComponentsEnum,
+  MAPConfig,
+  PermissionButtonConfig,
+  SearchConfig,
+  FullPageConfig,
+  TableConfig
+} from '../utils/constants'
+import LocaleProvider from '../LocaleProvider/index'
+import Empty from '../Empty/index'
+import zh from '../locale/zh-CN'
+
+
+const __sfc_main__ = _defineComponent({
+  ...{
+  name: 'JConfigProvider',
+  inheritAttrs: false
+},
+  __name: 'ConfigProvider',
+  props: { ...configProps() },
+  setup(__props) {
+
+
+
+const props = __props
+
+const _iconConfig = reactive(props.IconConfig || {})
+const _mapConfig = reactive(props.MapConfig || {})
+const _searchConfig = reactive(props.SearchConfig || {})
+const _PermissionButtonConfig = reactive(props.PermissionButtonConfig || {})
+const _FullPageConfig = reactive(props.FullPageConfig || {})
+const _TableConfig = reactive(props.TableConfig || {})
+
+provide(ComponentsEnum.Icon, _iconConfig)
+provide(MAPConfig, _mapConfig)
+provide(SearchConfig, _searchConfig)
+provide(PermissionButtonConfig, _PermissionButtonConfig)
+provide(FullPageConfig, _FullPageConfig)
+provide(TableConfig, _TableConfig)
+
+const configProviderProps = omit(props, ['IconConfig', 'MapConfig', 'SearchConfig'])
+
+return (_ctx,_cache) => {
+  return (_openBlock(), _createBlock(_unref(ConfigProvider), _normalizeProps(_guardReactiveProps(_unref(configProviderProps))), {
+    default: _withCtx(() => [
+      _createVNode(_unref(LocaleProvider), {
+        locale: _ctx.componentsLocale || _unref(zh)
+      }, {
+        default: _withCtx(() => [
+          _renderSlot(_ctx.$slots, "default")
+        ]),
+        renderEmpty: _withCtx(() => [
+          _renderSlot(_ctx.$slots, "renderEmpty", {}, () => [
+            _createVNode(_unref(Empty))
+          ])
+        ]),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["locale"])
+    ]),
+    _: 3 /* FORWARDED */
+  }, 16 /* FULL_PROPS */))
+}
+}
+
+})
+export default __sfc_main__;

package/es/ConfigProvider/context.js

@@ -0,0 +1,26 @@
+import { configProviderProps } from 'ant-design-vue/es/config-provider/context'
+
+export const configProps = () => ({
+  ...configProviderProps(),
+  IconConfig: {
+    type: Object
+  },
+  MapConfig: {
+    type: Object
+  },
+  SearchConfig: {
+    type: Object
+  },
+  TableConfig: {
+    type: Object
+  },
+  PermissionButtonConfig: {
+    type: Object
+  },
+  FullPageConfig: {
+    reduceHeight: Number
+  },
+  componentsLocale: {
+    type: Object
+  }
+})

package/es/ConfigProvider/index.js

@@ -0,0 +1,9 @@
+import { ConfigProvider as AntConfigProvider } from 'ant-design-vue'
+import ConfigProvider from './ConfigProvider.js'
+
+ConfigProvider.config = AntConfigProvider.config
+ConfigProvider.install = function (app) {
+  app.component(ConfigProvider.name, ConfigProvider)
+}
+
+export default ConfigProvider