@meethive/components 0.0.1

package/lib/EditTable/style/header.js

@@ -0,0 +1,72 @@
+export const genEditTableHeaderStyle = (config) => {
+  const { token } = config
+  return {
+    '.jetlinks-edit-table-header-container': {
+      height: '100%',
+      position: 'relative',
+      '.jetlinks-edit-table-header-cell': {
+        height: '100%',
+        display: 'inline-flex',
+        alignItems: 'center',
+        float: 'left',
+        overflow: 'visible',
+        position: 'absolute',
+        top: 0,
+        '.jetlinks-edit-table-header-cell-box': {
+          padding: '0 12px',
+          width: '100%',
+          '&.header-cell-box-tool': {
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center'
+          },
+          '.table-header-cell-title': {
+            flex: 1,
+            display: 'flex',
+            alignItems: 'center',
+            fontWeight: 600,
+            gap: 4,
+            '.cell-title-box': {
+              flex: '1 1 auto'
+            }
+          },
+          '.header-cell-required': {
+            color: token.colorError,
+            paddingLeft: 8,
+            transform: 'translateY(3px)',
+            fontWeight: 500
+          },
+          '&::before': {
+            position: 'absolute',
+            top: '50%',
+            right: '1px',
+            width: '1px',
+            height: '1.6em',
+            pointerEvents: 'none',
+            backgroundColor: 'rgba(0,0,0,.06)',
+            transform: 'translateY(-50%)',
+            transition: 'background-color .3s',
+            content: '""'
+          },
+          '&:not(:last-child)': {
+            '&::before': {
+              backgroundColor: 'transparent'
+            }
+          }
+        }
+      }
+    },
+    '.jetlinks-table-search': {
+      '.jetlinks-table-search-header': {
+        display: 'flex',
+        justifyContent: 'space-between',
+        '.jetlinks-drag-modal-footer': {
+          display: 'none'
+        },
+        '.jetlinks-table-search-result-total': {
+          color: token.colorPrimary
+        }
+      }
+    }
+  }
+}

package/lib/EditTable/style/index.js

@@ -0,0 +1,52 @@
+import { genEditTableBodyStyle } from './body'
+import { genEditTableFormItemStyle } from './form'
+import { genEditTableGroupStyle } from './group'
+import { genEditTableHeaderStyle } from './header'
+import { genTableStyle } from './table'
+import { genMenuStyle } from './menu'
+import genComponentStyle from '../../style/styleRegister'
+
+const genEditTableStyle = (config) => {
+  const { token } = config
+  return {
+    '.edit-table-search-header': {
+      display: 'flex',
+      justifyContent: 'space-between'
+    },
+    '.edit-table-search-result-total': {
+      color: token.colorPrimary
+    },
+    '.jetlinks-edit-table-horizontal-scroll': {
+      height: 17,
+      width: 100,
+      display: 'flex',
+      position: 'relative',
+      zIndex: 4,
+      '.jetlinks-edit-table-horizontal-scroll-viewport': {
+        overflowY: 'hidden',
+        overflowX: 'scroll',
+        position: 'relative',
+        flex: '1 1 0',
+        height: '17px',
+        width: '100%',
+        '> div': {
+          height: '17px'
+        }
+      },
+      '.jetlinks-edit-table-horizontal-scroll-hidden': {
+        height: '100%',
+        overflowX: 'hidden'
+      }
+    }
+  }
+}
+
+export default genComponentStyle([
+  genEditTableStyle,
+  genEditTableBodyStyle,
+  genEditTableFormItemStyle,
+  genEditTableGroupStyle,
+  genEditTableHeaderStyle,
+  genTableStyle,
+  genMenuStyle
+])

package/lib/EditTable/style/menu.js

@@ -0,0 +1,27 @@
+export const genMenuStyle = (config) => {
+  const { token } = config
+  return {
+    '.jetlinks-edit-table-context-menu': {
+      position: 'fixed',
+      boxShadow: '0 0 12px rgba(0, 0, 0 ,.2)',
+      borderRadius: '4px',
+      overflow: 'hidden',
+      width: '192px',
+      padding: '4px',
+      backgroundColor: '#fff',
+      '.ant-menu': {
+        borderRight: 'none',
+        '.ant-menu-item': {
+          margin: 0,
+          height: '32px',
+          '&.danger': {
+            color: token.colorError
+          }
+        }
+      },
+      '.ant-menu-item-active': {
+        backgroundColor: 'var(--ant-primary-1)'
+      }
+    }
+  }
+}

package/lib/EditTable/style/table.js

@@ -0,0 +1,46 @@
+export const genTableStyle = (config) => {
+  const { token } = config
+  return {
+    '.jetlinks-edit-table-wrapper': {
+      background: '#fff',
+      height: '100%',
+      position: 'relative',
+      '&.table-full-screen': {
+        padding: 24
+      },
+      '.jetlinks-edit-table': {
+        display: 'flex',
+        flexDirection: 'column',
+        flexGrow: 0,
+        flexShrink: 0,
+        background: '#fafafa',
+        transition: 'background-color .3s ease',
+        overflow: 'auto hidden',
+        '.jetlinks-edit-table-header': {
+          overflow: 'hidden',
+          width: '100%'
+        },
+        '.jetlinks-edit-table-body': {
+          backgroundColor: '#fff',
+          overflowY: 'hidden',
+          position: 'relative',
+          height: '100%',
+          width: '100%',
+          flex: '1 1 auto',
+          flexDirection: 'row'
+        },
+        '.jetlinks-table-horizontal-scroll': {
+          width: '100%',
+          height: '15px',
+          minHeight: '15px',
+          maxHeight: '15px',
+          display: 'flex',
+          '.jetlinks-table-horizontal-scroll-bar': {
+            height: '100%',
+            overflowX: 'scroll'
+          }
+        }
+      }
+    }
+  }
+}

package/lib/EditTable/utils.js

@@ -0,0 +1,110 @@
+ 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 { cloneDeep, omit } from 'lodash-es'
+
+/**
+ * 规则收集器，收集columns中的rules和watch
+ * @param columns
+ */
+export const collectValidateRules = (columns) => {
+  const rules = {}
+  columns.forEach((item) => {
+    if (_optionalChain([item, 'access', _ => _.form, 'optionalAccess', _2 => _2.rules])) {
+      let currentLevel = rules // 从最顶层开始构建
+      const field = item.form.field || item.dataIndex
+      const parts = Array.isArray(field) ? field : String(field).split(',')
+      for (let i = 0; i < parts.length; i++) {
+        const part = parts[i]
+        if (i === parts.length - 1) {
+          // 这是最深层的叶子节点
+          currentLevel[part] = [...item.form.rules]
+        } else {
+          // 这是中间的父节点（例如 'prop1' 或 'type'）
+          if (!currentLevel[part]) {
+            // 如果当前层级还没有这个属性，就把它定义为一个对象
+            currentLevel[part] = {
+              type: 'object',
+              fields: {}
+            }
+          } else if (currentLevel[part].type !== 'object') {
+            // 如果已经存在但不是对象类型，可能是之前被错误定义为叶子节点，修正它
+            console.warn(
+              `Warning: '${parts.slice(0, i + 1).join('.')}' was expected to be an object but has other rules. Overwriting.`
+            )
+            currentLevel[part] = {
+              type: 'object',
+              fields: {}
+            }
+          }
+          // 进入下一层级，继续构建 `fields`
+          currentLevel = currentLevel[part].fields
+        }
+      }
+    }
+  })
+  return rules
+}
+
+export const handlePureRecord = (record) => {
+  if (!record) return {}
+  return omit(record, ['__serial', '__index', '__top', '__selected', '__key', '__dataIndex'])
+}
+
+export const handleColumnsWidth = (columns, warpWidth) => {
+  const newColumns = cloneDeep(columns)
+  let noWidthLen = 0 // 没有width属性的长度
+  let hasWidthCount = 0 // 有width属性的合计
+  let average = 0 // 每个column宽度
+  let parseAverage = 0 // 取整宽度
+  let decimalCount = 0 // 收集每个取整后的小数
+  let lastNoWidthIndex = undefined // 最后一个没有width属性的位置
+
+  newColumns.forEach((item) => {
+    if (item.width) {
+      hasWidthCount += item.width
+    } else {
+      noWidthLen += 1
+    }
+  })
+
+  if (noWidthLen) {
+    average = (warpWidth - hasWidthCount) / noWidthLen // 剩余平分分配宽度
+    parseAverage = Math.trunc(average)
+    decimalCount = (average - parseAverage) * noWidthLen
+  }
+
+  newColumns.forEach((item, index) => {
+    if (!item.width) {
+      lastNoWidthIndex = index
+    }
+  })
+
+  return newColumns.map((item, index) => {
+    let _width = item.width
+    let left = 0
+
+    if (!item.width) {
+      _width = parseAverage
+    }
+
+    if (index === lastNoWidthIndex) {
+      _width = Math.trunc(decimalCount) + parseAverage
+    }
+
+    if (index !== 0) {
+      left = newColumns[index - 1].width + newColumns[index - 1].left
+    }
+
+    item.width = _width
+    item.left = left
+    return item
+  })
+}
+
+export const isFullScreen = () => {
+  return !!(
+    (document ).fullscreen ||
+    (document ).mozFullScreen ||
+    (document ).webkitIsFullScreen ||
+    (document ).webkitFullScreen ||
+    (document ).msFullScreen
+  )
+}

package/lib/Ellipsis/Ellipsis.js

@@ -0,0 +1,148 @@
+
+import { defineComponent, computed, ref, useAttrs, mergeProps } from 'vue'
+import { Tooltip } from 'ant-design-vue'
+import useEllipsisStyle from './style'
+
+const jEllipsis = 'j-ellipsis'
+const jEllipsisCursorClass = 'j-ellipsis-cursor'
+const jEllipsisLineClampClass = 'j-ellipsis-line-clamp'
+
+export default defineComponent({
+  name: 'JEllipsis',
+  components: { Tooltip },
+  props: {
+    expandTrigger: {
+      type: String,
+      default: undefined
+    },
+    /** multiline ellipsis */
+    lineClamp: {
+      type: [Number, String],
+      default: 1
+    },
+    tooltip: {
+      type: [Boolean, Object],
+      default: true
+    }
+  },
+  setup(props) {
+    const prefixCls = computed(() => 'j-ellipsis')
+    const [wrapSSR, hashId] = useEllipsisStyle(prefixCls)
+
+    // define class name
+    const expandedRef = ref(false)
+    const tooltipRef = ref(null)
+    const triggerRef = ref(null)
+    const visible = ref(false)
+    const attrs = useAttrs()
+
+    const handleClickRef = computed(() => {
+      return props.expandTrigger === 'click'
+        ? () => {
+            const { value: expanded } = expandedRef
+            expandedRef.value = !expanded
+          }
+        : undefined
+    })
+
+    const ellipsisStyleRef = computed(() => {
+      const { lineClamp } = props
+      const { value: expanded } = expandedRef
+      if (lineClamp !== undefined) {
+        return {
+          textOverflow: '',
+          '-webkit-line-clamp': expanded ? '' : lineClamp
+        }
+      } else {
+        return {
+          textOverflow: expanded ? '' : 'ellipsis',
+          '-webkit-line-clamp': ''
+        }
+      }
+    })
+
+    function triggerAttrs() {
+      return {
+        ...mergeProps(attrs, {
+          class: [
+            jEllipsis,
+            props.lineClamp !== undefined ? jEllipsisLineClampClass : undefined,
+            props.expandTrigger === 'click' ? jEllipsisCursorClass : undefined,
+            hashId.value
+          ],
+          style: ellipsisStyleRef.value
+        })
+      }
+    }
+
+    const showTooltip = () => {
+      const { value: trigger } = triggerRef
+      if (trigger) {
+        visible.value = trigger.scrollHeight > trigger.offsetHeight
+      }
+    }
+
+    const syncTriggerClass = (trigger, styleClass, action) => {
+      if (action === 'add') {
+        if (!trigger.classList.contains(styleClass)) {
+          trigger.classList.add(styleClass)
+        }
+      } else {
+        if (trigger.classList.contains(styleClass)) {
+          trigger.classList.remove(styleClass)
+        }
+      }
+    }
+
+    const syncEllipsisStyle = (trigger) => {
+      if (!trigger) return
+      const latestStyle = ellipsisStyleRef.value
+      const lineClampClass = jEllipsisLineClampClass
+      if (props.lineClamp !== undefined) {
+        syncTriggerClass(trigger, lineClampClass, 'add')
+      } else {
+        syncTriggerClass(trigger, lineClampClass, 'remove')
+      }
+      for (const key in latestStyle) {
+        if ((trigger.style )[key] !== (latestStyle )[key]) {
+          ;(trigger.style )[key] = (latestStyle )[key]
+        }
+      }
+    }
+
+    const syncCursorStyle = (trigger, tooltipDisabled) => {
+      if (props.expandTrigger === 'click' && !tooltipDisabled) {
+        syncTriggerClass(trigger, jEllipsisCursorClass, 'add')
+      } else {
+        syncTriggerClass(trigger, jEllipsisCursorClass, 'remove')
+      }
+    }
+
+    const getTooltipDisabled = () => {
+      let tooltipDisabled = false
+      const { value: expanded } = expandedRef
+      if (expanded) return true
+      const { value: trigger } = triggerRef
+      if (trigger) {
+        syncEllipsisStyle(trigger)
+        tooltipDisabled = trigger.scrollHeight <= trigger.offsetHeight
+        syncCursorStyle(trigger, tooltipDisabled)
+      }
+      return tooltipDisabled
+    }
+
+    return {
+      jEllipsis,
+      jEllipsisCursorClass,
+      jEllipsisLineClampClass,
+      hashId,
+      tooltipRef,
+      triggerRef,
+      visible,
+      handleClickRef,
+      triggerAttrs,
+      showTooltip,
+      getTooltipDisabled
+    }
+  }
+})

package/lib/Ellipsis/index.js

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

package/lib/Ellipsis/style/index.js

@@ -0,0 +1,26 @@
+import genComponentStyle from '../../style/styleRegister'
+
+const genEllipsisStyle = (config) => {
+  const { token } = config
+  return {
+    '.j-ellipsis': {
+      overflow: 'hidden',
+      verticalAlign: 'bottom'
+    },
+    '.j-ellipsis-cursor': {
+      cursor: 'pointer'
+    },
+    '.j-ellipsis-line-clamp': {
+      display: '-webkit-box',
+      '-webkit-box-orient': 'vertical',
+      wordBreak: 'break-all'
+    },
+    '.j-ellipsis-deep': {
+      maxHeight: '380px',
+      '-webkit-line-clamp': 17,
+      textOverflow: 'ellipsis'
+    }
+  }
+}
+
+export default genComponentStyle([genEllipsisStyle])

package/lib/Empty/Empty.js

@@ -0,0 +1,63 @@
+import { defineComponent as _defineComponent } from 'vue'
+import { unref as _unref, renderSlot as _renderSlot, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, withCtx as _withCtx, renderList as _renderList, createSlots as _createSlots, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue"
+
+import { useSlots } from 'vue'
+import { Empty } from 'ant-design-vue'
+import NoData from './image'
+import { omit } from 'lodash-es'
+import { useLocaleReceiver } from '../LocaleReciver'
+import LocaleProvider from '../LocaleProvider'
+
+
+const __sfc_main__ = _defineComponent({
+  ...{
+  name: 'JEmpty'
+},
+  __name: 'Empty',
+  props: {
+  description: {
+    type: String
+  },
+  image: {
+    type: String,
+    default: NoData
+  },
+  imageStyle: {
+    type: Object,
+    default: () => {
+      return { height: '60px' }
+    }
+  }
+},
+  setup(__props) {
+
+
+
+const props = __props
+
+const slots = useSlots()
+const renderArr = Object.keys(slots)
+const [contextLocale] = useLocaleReceiver('Empty')
+const baseProps = omit({ ...props, description: props.description || contextLocale.value.description }, ...renderArr)
+
+return (_ctx,_cache) => {
+  return (_openBlock(), _createBlock(_unref(LocaleProvider), null, {
+    default: _withCtx(() => [
+      _createVNode(_unref(Empty), _normalizeProps(_guardReactiveProps(_unref(baseProps))), _createSlots({ _: 2 /* DYNAMIC */ }, [
+        _renderList(_unref(renderArr), (item) => {
+          return {
+            name: item,
+            fn: _withCtx((scope) => [
+              _renderSlot(_ctx.$slots, item, { scope: scope })
+            ])
+          }
+        })
+      ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */)
+    ]),
+    _: 3 /* FORWARDED */
+  }))
+}
+}
+
+})
+export default __sfc_main__;

package/lib/Empty/image.js

@@ -0,0 +1,3 @@
+const img = 'data:image/png;base64,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'
+
+export default img

package/lib/Empty/index.js

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

package/lib/FullPage/FullPage.js

@@ -0,0 +1,19 @@
+
+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/FullPage/index.js

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

package/lib/Icon/Icon.js

@@ -0,0 +1,49 @@
+
+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/Icon/index.js

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

package/lib/LocaleProvider/LocaleProvider.js

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