release 1.5.5 (#1607)

Author: xingyan95

packages/devui-vue/devui-cli/commands/build.js

@@ -21,7 +21,19 @@ const baseConfig = defineConfig({
 });
 
 const rollupOptions = {
-  external: ['vue', 'vue-router', '@vueuse/core', '@floating-ui/dom', 'monaco-editor'],
+  external: [
+    'vue',
+    'vue-router',
+    '@vueuse/core',
+    '@floating-ui/dom',
+    'monaco-editor',
+    /codemirror/,
+    'highlight.js',
+    /markdown-it/,
+    /mermaid/,
+    'xss',
+    'diff2html',
+  ],
   output: {
     globals: {
       vue: 'Vue',

packages/devui-vue/devui/carousel/index.ts

@@ -7,7 +7,7 @@ export { Carousel, CarouselItem };
 export default {
   title: 'Carousel 走马灯',
   category: '数据展示',
-  status: '80%',
+  status: '100%',
   install(app: App): void {
     app.component(Carousel.name, Carousel);
     app.component(CarouselItem.name, CarouselItem);

packages/devui-vue/devui/code-review/index.ts

@@ -0,0 +1,14 @@
+import type { App } from 'vue';
+import CodeReview from './src/code-review';
+export * from './src/code-review-types';
+
+export { CodeReview };
+
+export default {
+  title: 'CodeReview 代码检视',
+  category: '演进中',
+  status: '100%',
+  install(app: App): void {
+    app.component(CodeReview.name, CodeReview);
+  },
+};

packages/devui-vue/devui/code-review/src/code-review-types.ts

@@ -0,0 +1,16 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+
+export type OutputFormat = 'line-by-line' | 'side-by-side';
+
+export const codeReviewProps = {
+  diff: {
+    type: String,
+    required: true,
+    default: '',
+  },
+  outputFormat: {
+    type: String as PropType<OutputFormat>,
+    default: 'line-by-line',
+  },
+};
+export type CodeReviewProps = ExtractPropTypes<typeof codeReviewProps>;

packages/devui-vue/devui/code-review/src/code-review.scss

@@ -0,0 +1,13 @@
+@import '../../styles-var/devui-var.scss';
+
+.#{$devui-prefix}-code-review {
+  tr {
+    border: none;
+  }
+
+  th,
+  td {
+    border: none;
+    padding: 0;
+  }
+}

packages/devui-vue/devui/code-review/src/code-review.tsx

@@ -0,0 +1,18 @@
+import { defineComponent } from 'vue';
+import { codeReviewProps } from './code-review-types';
+import type { CodeReviewProps } from './code-review-types';
+import { useNamespace } from '../../shared/hooks/use-namespace';
+import { useCodeReview } from './composables/use-code-review';
+import 'diff2html/bundles/css/diff2html.min.css';
+import './code-review.scss';
+
+export default defineComponent({
+  name: 'DCodeReview',
+  props: codeReviewProps,
+  setup(props: CodeReviewProps) {
+    const ns = useNamespace('code-review');
+    const { renderHtml } = useCodeReview(props);
+
+    return () => <div class={ns.b()} v-html={renderHtml.value}></div>;
+  },
+});

packages/devui-vue/devui/code-review/src/composables/use-code-review.ts

@@ -0,0 +1,18 @@
+import { toRefs, ref, onMounted } from 'vue';
+import * as Diff2Html from 'diff2html';
+import type { CodeReviewProps } from '../code-review-types';
+
+export function useCodeReview(props: CodeReviewProps) {
+  const { diff, outputFormat } = toRefs(props);
+  const renderHtml = ref('');
+
+  onMounted(() => {
+    renderHtml.value = Diff2Html.html(diff.value, {
+      drawFileList: true,
+      matching: 'lines',
+      outputFormat: outputFormat.value,
+    });
+  });
+
+  return { renderHtml };
+}

packages/devui-vue/devui/editor-md/index.ts

@@ -0,0 +1,16 @@
+import type { App } from 'vue';
+import EditorMd from './src/editor-md';
+import MdRender from './src/components/md-render';
+export * from './src/editor-md-types';
+
+export { EditorMd, MdRender };
+
+export default {
+  title: 'Markdown MD编辑器',
+  category: '演进中',
+  status: '100%',
+  install(app: App): void {
+    app.component(EditorMd.name, EditorMd);
+    app.component(MdRender.name, MdRender);
+  }
+};