officialblock 1.0.7 → 1.0.9

package/src/components/QuoteText/setting.vue

@@ -0,0 +1,81 @@
+<template>
+  <a-drawer :width="500" :visible="show" :footer="false" @cancel="handleCancel" unmountOnClose>
+    <template #title>
+      {{data.type}}组件编辑
+    </template>
+    <div class="setting-content">
+      <!-- 组件自身属性 -->
+      <div class="setting-header flex items-center">
+        <span class="header-title">组件宽度</span>
+        <a-select v-model="data.data.width" placeholder="请选择" allow-clear>
+          <a-option value="default">默认</a-option>
+          <a-option value="small">小</a-option>
+          <a-option value="medium">中</a-option>
+          <a-option value="large">大</a-option>
+        </a-select>
+      </div>
+      <div class="setting-header flex items-center">
+        <span class="header-title">组件背景</span>
+        <a-select v-model="data.data.bgColor" placeholder="请选择" allow-clear>
+          <a-option value="#ffffff">白色</a-option>
+          <a-option value="#F7F7FA">灰色</a-option>
+        </a-select>
+      </div>
+      <div class="setting-header flex items-center">
+        <span class="header-title">是否显示下划线</span>
+        <a-select v-model="data.data.hasLine" placeholder="请选择" allow-clear>
+          <a-option :value="true">是</a-option>
+          <a-option :value="false">否</a-option>
+        </a-select>
+      </div>
+
+      <p class="item-title">标题</p>
+      <RichTextEditor v-model="data.data.text"></RichTextEditor>
+
+      <p class="item-title">内容</p>
+      <RichTextEditor v-model="data.data.desc"></RichTextEditor>
+    </div>
+  </a-drawer>
+</template>
+
+<script lang="ts" setup>
+import RichTextEditor from '@/components/RichTextEditor'
+
+defineProps({
+  show: {
+    type: Boolean,
+    default: false
+  },
+
+  data: {
+    type: Object,
+    default: () => {}
+  }
+})
+
+const emit = defineEmits(['update:show']);
+
+const handleCancel = () => {
+  emit('update:show', false);
+}
+</script>
+
+<style lang="scss" scoped>
+.setting-content {
+  .setting-header {
+    padding-bottom: 12px;
+
+    .header-title {
+      width: 120px;
+      padding-right: 12px;
+      text-align: right;
+    }
+  }
+
+  .item-title {
+    padding: 12px 0 8px 0;
+    font-size: 14px;
+    font-weight: 600;
+  }
+}
+</style>

package/src/components/QuoteText/type.ts

@@ -0,0 +1,10 @@
+export interface QuoteTextProps {
+  /** 双向绑定的值 */
+  modelValue: any
+}
+
+export interface QuoteTextEmits {
+  (e: 'update:modelValue', value: any): void
+  (e: 'handleDelete', value: string | number): void
+  (e: 'handleCopy', value: any): void
+}

package/src/components/ScrollKeyInfo/index.ts

@@ -0,0 +1,11 @@
+import type { App, Plugin } from 'vue'
+import ScrollKeyInfo from './index.vue'
+
+export default {
+  install: (app: App) => {
+    app.component('ScrollKeyInfo', ScrollKeyInfo)
+  },
+} satisfies Plugin
+
+export { default as ScrollKeyInfo } from './index.vue'
+export type { ScrollKeyInfoProps, ScrollKeyInfoEmits } from './type'