@jetlinks-web/components 2.0.2-2 → 2.0.2-4

package/src/Ellipsis/Ellipsis.vue

@@ -1,182 +0,0 @@
-<template>
-  <Tooltip ref="tooltipRef" placement="top" v-bind="tooltip" :visible="visible">
-    <template v-if="tooltip">
-      <div :class="[jEllipsisLineClampClass, jEllipsis, 'j-ellipsis-deep']">
-        <slot></slot>
-        <slot name="tooltip"></slot>
-      </div>
-    </template>
-    <span
-      ref="triggerRef"
-      v-bind="triggerAttrs()"
-      @click="handleClickRef"
-      @mouseleave="visible = false"
-      @mouseenter="
-        ;[
-          props.expandTrigger === 'click'
-            ? getTooltipDisabled()
-            : showTooltip(),
-        ]
-      "
-    >
-    </span>
-  </Tooltip>
-</template>
-
-<script setup>
-import { Tooltip } from 'ant-design-vue'
-import { computed, mergeProps, ref, useAttrs } from 'vue'
-
-defineOptions({
-  name: 'Ellipsis',
-})
-
-const props = defineProps({
-  expandTrigger: {
-    type: String,
-    default: undefined,
-  },
-  /** multiline ellipsis */
-  lineClamp: {
-    type: [Number, String],
-    default: 1,
-  },
-  tooltip: {
-    type: [Boolean, Object],
-    default: true,
-  },
-})
-
-// define class name
-const jEllipsis = 'j-ellipsis'
-const jEllipsisCursorClass = 'j-ellipsis-cursor'
-const jEllipsisLineClampClass = 'j-ellipsis-line-clamp'
-
-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
-})
-
-function triggerAttrs() {
-  return {
-    ...mergeProps(attrs, {
-      class: [
-        jEllipsis,
-        props.lineClamp !== undefined ? jEllipsisLineClampClass : undefined,
-        props.expandTrigger === 'click' ? jEllipsisCursorClass : undefined,
-      ],
-      style: ellipsisStyleRef.value,
-    }),
-  }
-}
-
-const showTooltip = () => {
-  const { value: trigger } = triggerRef
-  if (trigger) {
-    visible.value = trigger.scrollHeight > trigger.offsetHeight
-  }
-}
-
-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': '',
-    }
-  }
-})
-
-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 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 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
-}
-</script>
-
-<style scoped>
-.j-ellipsis {
-  overflow: hidden;
-  vertical-align: bottom;
-}
-
-.j-ellipsis-cursor {
-  cursor: pointer;
-}
-
-.j-ellipsis-line-clamp {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  word-break: break-all;
-}
-
-.j-ellipsis-deep {
-  max-height: 380px;
-  -webkit-line-clamp: 17;
-  text-overflow: ellipsis;
-}
-</style>

package/src/Ellipsis/index.ts

@@ -1,3 +0,0 @@
-import Ellipsis from './Ellipsis.vue'
-
-export default Ellipsis

package/src/Empty/Empty.vue

@@ -1,43 +0,0 @@
-<template>
-  <Empty v-bind="baseProps">
-    <template v-for="item in renderArr" :key="item" #[item]="scope">
-      <slot :name="item" :scope="scope"></slot>
-    </template>
-  </Empty>
-</template>
-
-<script lang="ts" setup name="JEmpty">
-import { Empty } from 'ant-design-vue'
-import { useSlots } from 'vue'
-import NoData from './image'
-import { omit } from 'lodash-es'
-import type { PropType, CSSProperties } from 'vue'
-
-const slots = useSlots()
-const renderArr = Object.keys(slots)
-
-const props = defineProps({
-  description: {
-    type: String,
-    default: '暂无数据',
-  },
-  image: {
-    type: String,
-    default: NoData,
-  },
-  imageStyle: {
-    type: Object as PropType<CSSProperties>,
-    default: () => {
-      return { height: '60px' }
-    },
-  },
-})
-
-const baseProps = omit(props, ...renderArr)
-</script>
-<style lang="less">
-.@{ant-prefix}-empty-description {
-  color: #b3b3b3;
-  font-size: 14px;
-}
-</style>

package/src/Empty/image.ts

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

package/src/Empty/index.ts

@@ -1,2 +0,0 @@
-import Empty from './Empty.vue'
-export default Empty;

package/src/FullPage/FullPage.vue

@@ -1,30 +0,0 @@
-<template>
-  <div
-    class="full-page-warp"
-    ref="fullPage"
-    :style="{ minHeight: `calc(100vh - ${y + 24}px)` }"
-  >
-    <div class="full-page-warp-content">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts" name="FullPage">
-import { ref } from 'vue'
-import { useElementBounding } from '@vueuse/core'
-
-const fullPage = ref(null)
-const { y } = useElementBounding(fullPage)
-</script>
-
-<style scoped lang="less">
-.full-page-warp {
-  background: #fff;
-  display: flex;
-
-  .full-page-warp-content {
-    width: 100%;
-  }
-}
-</style>

package/src/FullPage/index.ts

@@ -1,3 +0,0 @@
-import FullPage from './FullPage.vue'
-
-export default FullPage

package/src/Icon/icon.tsx

@@ -1,40 +0,0 @@
-import { defineComponent, createVNode, watchEffect } from 'vue';
-import * as aIcon from '@ant-design/icons-vue';
-import { createFromIconfontCN } from '@ant-design/icons-vue';
-import { useIcon } from '@jetlinks-web/hooks'
-
-let MyIcon = createFromIconfontCN({
-    scriptUrl: '//at.alicdn.com/t/c/font_3183515_i7oma42he.js', // 在 iconfont.cn 上生成
-});
-
-const AntdIcon = (props: { type: string }) => createVNode(aIcon[props.type]);
-
-const Icon = (props: any) =>
-    Object.keys(aIcon).includes(props.type) ? (
-        <AntdIcon {...props} />
-    ) : (
-        <MyIcon {...props} />
-    );
-
-export default defineComponent({
-    name: 'AIcon',
-    // 传入组件配置
-    props: ['type', 'scriptUrl', 'class'],
-    emits: ['click'],
-    setup(props, {emit, attrs}) {
-        const config = useIcon()
-        watchEffect(() => {
-            const url = props.scriptUrl || config.scriptUrl
-            if (url) {
-                MyIcon = createFromIconfontCN({
-                    scriptUrl: url,
-                });
-            }
-        });
-
-        const click = () => {
-            emit('click');
-        };
-        return () => <Icon {...props} style={attrs.style} onClick={click}/>;
-    },
-});

package/src/MonacoEditor/Monaco.vue

@@ -1,242 +0,0 @@
-<!-- 代码编辑器 -->
-<template>
-  <div ref="dom" class="j-monaco-editor"></div>
-</template>
-
-<script setup>
-import {
-  ref,
-  onMounted,
-  watch,
-  onUnmounted,
-  toRaw,
-  nextTick
-} from 'vue';
-import * as monaco from 'monaco-editor';
-import { omit } from 'lodash-es';
-
-const props = defineProps({
-  modelValue: [String, Number],
-  theme: {type: String, default: 'vs-dark'},
-  language: {type: String, default: 'json'},
-  codeTips: {type: Array, default: () => []},
-  init: {type: Function, default: undefined},
-  registrationTips: {type: Object, default: () => ({})},
-  registrationTypescript: {type: Object, default: () => ({})},
-  blurFormat: {type: Boolean, default: true},
-  readOnly: {type: Boolean, default: false},
-  options: {type: Object, default: () => ({})},
-});
-
-const emit = defineEmits([
-  'update:modelValue',
-  'blur',
-  'focus',
-  'change',
-  'errorChange',
-]);
-
-const dom = ref();
-
-const instance = ref();
-
-const monacoProviderRef = ref();
-const monacoTypescriptProviderRef = ref();
-
-// codeTipItem.dispose() // 销毁自定义提示
-
-const handleSuggestions = (suggestions, range) => {
-  return Array.isArray(suggestions)
-      ? suggestions.map((item) => ({...item, range}))
-      : [];
-};
-
-const disposeRegister = () => {
-  monacoProviderRef.value?.dispose();
-  monacoProviderRef.value = null;
-};
-/**
- * 代码提示注册
- */
-const registerCompletionItemProvider = () => {
-  disposeRegister();
-  if (monaco.languages && props.registrationTips?.suggestions) {
-    const {name, suggestions} = props.registrationTips;
-    monacoProviderRef.value =
-        monaco.languages.registerCompletionItemProvider(name || 'json', {
-          provideCompletionItems: function (model, position) {
-            const word = model.getWordUntilPosition(position); // 获取提示代码范围位置
-            const range = {
-              startLineNumber: position.lineNumber,
-              endLineNumber: position.lineNumber,
-              startColumn: word.startColumn,
-              endColumn: word.endColumn,
-            };
-
-            return {
-              suggestions: handleSuggestions(suggestions, range),
-            };
-          },
-        });
-  }
-};
-
-const disposeTypescript = () => {
-  monacoTypescriptProviderRef.value?.dispose();
-  monacoTypescriptProviderRef.value = null;
-};
-
-const registerTypescript = () => {
-  disposeTypescript();
-  if (monaco.languages && props.registrationTypescript?.typescript) {
-    const {name, typescript} = props.registrationTypescript;
-    monacoTypescriptProviderRef.value =
-        monaco.languages.typescript.javascriptDefaults.addExtraLib(
-            typescript,
-        );
-  }
-};
-
-/**
- * 代码格式化
- */
-const editorFormat = () => {
-  if (!instance.value) return;
-  toRaw(instance.value).getAction('editor.action.formatDocument')?.run();
-  if (props.hasOwnProperty('readOnly')) {
-    setTimeout(() => {
-      toRaw(instance.value).updateOptions({
-        readOnly: props.readOnly !== false,
-      });
-    }, 100);
-  }
-};
-
-monaco.editor.onDidChangeMarkers(([uri]) => {
-  const markers = monaco.editor.getModelMarkers({resource: uri});
-  emit('errorChange', markers);
-});
-
-onMounted(async () => {
-  const _model = monaco.editor.createModel(props.modelValue, props.language);
-
-  instance.value = monaco.editor.create(dom.value, {
-    model: _model,
-    tabSize: 2,
-    automaticLayout: true,
-    scrollBeyondLastLine: false,
-    theme: props.theme, // 主题色: vs(默认高亮), vs-dark(黑色), hc-black(高亮黑色)
-    formatOnPaste: true,
-    ...(omit(props.options, ['readOnly']) || {}),
-  });
-
-  instance.value.onDidChangeModelContent(() => {
-    //
-    const value = toRaw(instance.value).getValue();
-    nextTick(() => {
-      emit('update:modelValue', value);
-      emit('change', value);
-    });
-  });
-
-  instance.value.onDidBlurEditorText(() => {
-    emit('blur');
-    if (props.blurFormat) {
-      editorFormat();
-    }
-  });
-
-  instance.value.onDidFocusEditorText(() => {
-    emit('focus');
-  });
-
-  if (props.modelValue) {
-    setTimeout(() => {
-      editorFormat();
-    }, 200);
-  }
-
-  props.init?.(instance.value, monaco);
-});
-
-/**
- * 光标位置插入内容
- * @param {String} val
- * @param position
- */
-const insert = (val, position) => {
-  if (!instance.value) return;
-  const _position = position || toRaw(instance.value).getPosition();
-  const value = toRaw(instance.value).getValue();
-
-  if (position && position.lineNumber) {
-    toRaw(instance.value).setPosition(position);
-  }
-
-  toRaw(instance.value).executeEdits(value, [
-    {
-      range: new monaco.Range(
-          _position?.lineNumber,
-          _position?.column,
-          _position?.lineNumber,
-          _position?.column,
-      ),
-      text: val,
-    },
-  ]);
-};
-
-watch(
-    () => props.modelValue,
-    (val) => {
-      if (
-          !instance.value ||
-          (instance.value &&
-              props.modelValue === toRaw(instance.value).getValue())
-      )
-        return;
-      // setValue之前获取光标位置
-      const position = toRaw(instance.value).getPosition();
-
-      // setValue之后光标位置改变
-      toRaw(instance.value).setValue(val);
-      // 设置光标位置为setValue之前的位置
-      toRaw(instance.value).setPosition(position);
-
-      editorFormat();
-    },
-);
-
-watch(
-    () => JSON.stringify(props.registrationTips),
-    () => {
-      registerCompletionItemProvider();
-    },
-    {immediate: true},
-);
-
-watch(
-    () => JSON.stringify(props.registrationTypescript),
-    () => {
-      registerTypescript();
-    },
-    {immediate: true},
-);
-
-onUnmounted(() => {
-  disposeRegister();
-  disposeTypescript();
-  toRaw(instance.value).editor?.dispose?.();
-});
-
-defineExpose({
-  editorFormat,
-  insert,
-});
-</script>
-<style lang="less" scoped>
-.j-monaco-editor {
-  min-height: 50px;
-  height: 100%;
-}
-</style>

package/src/MonacoEditor/index.md

@@ -1,26 +0,0 @@
----
-category: Components
-type: 数据录入
-title: MonacoEditor
-subtitle: 代码编辑器
-cols: 1
-cover: https://gw.alipayobjects.com/zos/alicdn/xS9YEJhfe/Input.svg
----
-
-## API
-
-> 在 vite 项目中使用需要安装[`vite-plugin-monaco-editor`](https://github.com/vdesjs/vite-plugin-monaco-editor), 并在 vite.config.ts 中配置
-
-### MonacoEditor
-
-| 参数 | 说明                                                        | 类型 | 默认值 | 版本 |
-| --- |-----------------------------------------------------------| --- | --- | --- |
-| value(v-model) | 编辑器内容                                                     | string |  |  |
-| theme | 主题色: vs(默认高亮), vs-dark(黑色), hc-black(高亮黑色)                | string |  |  |
-| language | 编辑器支持的语言: json, css, html, typescript, javascript, vue    | string |  |  |
-| 参数           | 说明                                                        | 类型   | 默认值 | 版本 |
-| -------------- | --------------------------------------------------------- | ------ | ------ | ---- |
-| value(v-model) | 编辑器内容                                                     | string |        |      |
-| theme          | 主题色: vs(默认高亮), vs-dark(黑色), hc-black(高亮黑色)                | string |        |      |
-| language       | 编辑器支持的语言: json, css, html, typescript, javascript, vue    | string |        |      |
-

package/src/MonacoEditor/index.ts

@@ -1,2 +0,0 @@
-import Monaco from './Monaco.vue';
-export default Monaco;

package/src/PermissionButton/index.tsx

@@ -1,110 +0,0 @@
-import { h, defineComponent, computed } from "vue";
-import type { PropType, CSSProperties, ExtractPropTypes } from 'vue'
-import { Button, Tooltip, Popconfirm } from 'ant-design-vue'
-import { PopconfirmProps, TooltipProps } from "ant-design-vue/es";
-import { omit } from "lodash-es";
-import { buttonProps } from "ant-design-vue/es/button/button";
-import { usePermission } from '@jetlinks-web/hooks'
-
-type PermissionType = string | Array<string> | boolean
-
-const definedProps = {
-    tooltip: {
-        type: Object as PropType<TooltipProps>,
-    },
-    popConfirm: {
-        type: Object as PropType<PopconfirmProps>,
-    },
-    hasPermission: {
-        type: [String, Array, Boolean] as PropType<PermissionType>,
-        default: undefined
-    },
-    style: {
-        type: Object as PropType<CSSProperties>
-    },
-    noPermissionTitle: {
-        type: String
-    },
-    ...omit(buttonProps(), 'icon')
-}
-
-type DefinedPropsType = Partial<ExtractPropTypes<typeof definedProps>>
-
-const PermissionButton = defineComponent({
-    name: 'PermissionButton',
-    // @ts-ignore
-    slots: ['button', 'icon'],
-    props: definedProps,
-    setup(props, {slots}) {
-
-        const {popConfirm, tooltip} = props
-        const {hasPerm} = usePermission(props.hasPermission as PermissionType)
-
-        const permission = computed(() => {
-            if (!props.hasPermission || props.hasPermission === true) {
-                return true
-            }
-            return hasPerm.value
-        })
-
-        const isPermission = computed(() => {
-            if ('hasPermission' in props && permission.value) {
-                return 'disabled' in props ? props.disabled : false
-            }
-            return true
-        })
-
-        const hasPopConfirm = computed(() => !!popConfirm) // 是否包含确认弹窗
-        const hasTooltip = computed(() => !!tooltip) // 是否包含文字提示
-
-        return () => {
-            const {popConfirm, tooltip, hasPermission, noPermissionTitle, ...buttonProps} = props
-
-            const button = !slots.button ?
-                h(Button,
-                    {
-                        ...buttonProps,
-                        disabled: isPermission.value,
-                    },
-                    {
-                        default: () => slots?.default?.(),
-                        icon: () => slots?.icon?.()
-                    }) :
-                slots.button()
-
-            // 文字提示
-            const _tooltip = tooltip ? h(Tooltip, Object.assign(tooltip, {disabled: isPermission.value}), {default: () => button}) : undefined
-
-            // 无权限
-            const noPermissionButton = !permission.value ? h(Tooltip, {title: noPermissionTitle || '暂无权限，请联系管理员'}, {default: () => button}) : undefined
-
-            // 二次确认
-            const _popConfirm = popConfirm ?
-                h(Popconfirm,
-                    Object.assign(
-                        {overlayStyle: {width: '220px'}},
-                        popConfirm,
-                        {
-                            disabled: !permission.value || buttonProps.disabled
-                        }
-                    ),
-                    {default: () => tooltip ? _tooltip : button})
-                : undefined
-
-            if (permission.value) {
-                if (hasPopConfirm.value) {
-                    return _popConfirm
-                }
-
-                if (hasTooltip.value) {
-                    return _tooltip
-                }
-
-                return button
-            }
-            return noPermissionButton
-        }
-    }
-})
-
-export default PermissionButton