@oinone/kunlun-vue-admin-base 6.2.0 → 6.2.1

package/dist/oinone-kunlun-vue-admin-base.esm.js

@@ -57875,7 +57875,8 @@ var script$2j = defineComponent({
         'disabled',
         'maxLength',
         'encode',
-        'height'
+        'height',
+        'richTextToolbarExcludeKeys'
     ],
     setup(props) {
         const editorId = `${DEFAULT_PREFIX}-richtext-${Math.random().toString().slice(-5)}`; // 【注意】编辑器 id ，要全局唯一
@@ -57891,13 +57892,16 @@ var script$2j = defineComponent({
         const className = computed(() => {
             return { 'form-rich-text-disabled': innerDisabled.value, 'form-rich-text-readonly': innerReadonly.value };
         });
-        const toolbarConfig = {
-            // 插入哪些菜单
-            insertKeys: {
-                index: 0,
-                keys: ['uploadAttachment'] // “上传附件”菜单
-            }
-        };
+        const toolbarConfig = computed(() => {
+            return {
+                // 插入哪些菜单
+                insertKeys: {
+                    index: 0,
+                    keys: ['uploadAttachment'] // “上传附件”菜单
+                },
+                excludeKeys: props.richTextToolbarExcludeKeys
+            };
+        });
         const editorConfig = computed(() => {
             return {
                 placeholder: props.placeholder || `${translateValueByKey('请输入内容')}...`,
@@ -58109,6 +58113,19 @@ let FormHtmlRichTextFieldWidget = class FormHtmlRichTextFieldWidget extends Form
         this.setComponent(script$2j);
         return this;
     }
+    /**
+     * 富文本工具栏排除的key
+     *
+     * @example
+     * richTextToolbarExcludeKeys="fullScreen,uploadImage"
+     */
+    get richTextToolbarExcludeKeys() {
+        const { richTextToolbarExcludeKeys } = this.getDsl();
+        if (!richTextToolbarExcludeKeys) {
+            return null;
+        }
+        return richTextToolbarExcludeKeys.split(',').map((v) => v.trim());
+    }
     get encode() {
         const _encode = this.getDsl().encode;
         if (_encode) {
@@ -58141,6 +58158,11 @@ let FormHtmlRichTextFieldWidget = class FormHtmlRichTextFieldWidget extends Form
         }
     }
 };
+__decorate([
+    Widget.Reactive(),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], FormHtmlRichTextFieldWidget.prototype, "richTextToolbarExcludeKeys", null);
 __decorate([
     Widget.Reactive(),
     __metadata("design:type", Object),
@@ -58167,12 +58189,23 @@ const FormHTMLRichTextFieldWidget = FormHtmlRichTextFieldWidget;
 
 const EDITOR_DEFAULT_HTML = '<p><br></p>';
 const EDITOR_EXP_MODAL_CLASS = 'exp-modal-in-body';
-var script$2i = {
+var script$2i = defineComponent({
     components: { Editor, Toolbar },
     props: {
         contextItems: Array,
-        change: Function,
-        value: String
+        change: {
+            type: Function
+        },
+        value: {
+            type: String
+        },
+        height: {
+            type: String
+        },
+        richTextToolbarExcludeKeys: {
+            type: Array,
+            default: () => []
+        }
     },
     setup(props) {
         const editorId = `${ExpressionElementClass}-${Math.random().toString().slice(-5)}`; //【注意】编辑器 id ，要全局唯一
@@ -58183,21 +58216,28 @@ var script$2i = {
         if (lang !== ZH_CN_CODE) {
             i18nChangeLanguage('en');
         }
-        const toolbarConfig = {
-            insertKeys: {
-                index: 28,
-                keys: [OioWangEditExpressionModalMenuConf.key]
-            },
-            // FIXME: 全屏显示有些bug
-            excludeKeys: ['fullScreen', 'uploadImage', 'insertVideo'],
-            modalAppendToBody: true
-        };
+        const toolbarConfig = computed(() => {
+            return {
+                insertKeys: {
+                    index: 28,
+                    keys: [OioWangEditExpressionModalMenuConf.key]
+                },
+                excludeKeys: [...(props.richTextToolbarExcludeKeys || []), 'fullScreen', 'uploadImage', 'insertVideo'],
+                modalAppendToBody: true
+            };
+        });
         const editorConfig = computed(() => {
             return {
                 placeholder: `${translateValueByKey('请输入内容')}...`,
                 EXTEND_CONF: { contextItems: props.contextItems }
             };
         });
+        const editorStyle = computed(() => {
+            const style = {};
+            style.height = props.height || '400px';
+            style.overflowY = 'hidden';
+            return style;
+        });
         watch(() => props.contextItems, (newVal) => {
             if (!newVal)
                 return;
@@ -58259,6 +58299,7 @@ var script$2i = {
             (_c = props.change) === null || _c === void 0 ? void 0 : _c.call(props, html);
         };
         return {
+            editorStyle,
             editorId,
             mode: 'simple',
             defaultHtml,
@@ -58270,7 +58311,7 @@ var script$2i = {
             handleChange
         };
     }
-};
+});
 
 const _hoisted_1$1l = { class: "form-rich-text form-expression-rich-text" };
 
@@ -58280,22 +58321,22 @@ function render$1w(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (openBlock(), createElementBlock("div", _hoisted_1$1l, [
     createVNode(_component_Toolbar, {
-      "editor-id": $setup.editorId,
-      editor: $setup.editorRef,
-      "default-config": $setup.toolbarConfig,
-      mode: $setup.mode
+      "editor-id": _ctx.editorId,
+      editor: _ctx.editorRef,
+      "default-config": _ctx.toolbarConfig,
+      mode: _ctx.mode
     }, null, 8 /* PROPS */, ["editor-id", "editor", "default-config", "mode"]),
     createVNode(_component_Editor, {
-      "editor-id": $setup.editorId,
-      "default-config": $setup.editorConfig,
-      mode: $setup.mode,
-      modelValue: $setup.defaultHtml,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($setup.defaultHtml) = $event)),
-      onOnCreated: $setup.handleCreated,
-      onOnDestroyed: $setup.handleDestroyed,
-      onOnChange: $setup.handleChange,
-      style: {"height":"500px","overflow-y":"hidden"}
-    }, null, 8 /* PROPS */, ["editor-id", "default-config", "mode", "modelValue", "onOnCreated", "onOnDestroyed", "onOnChange"])
+      "editor-id": _ctx.editorId,
+      "default-config": _ctx.editorConfig,
+      mode: _ctx.mode,
+      modelValue: _ctx.defaultHtml,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.defaultHtml) = $event)),
+      onOnCreated: _ctx.handleCreated,
+      onOnDestroyed: _ctx.handleDestroyed,
+      onOnChange: _ctx.handleChange,
+      style: normalizeStyle(_ctx.editorStyle)
+    }, null, 8 /* PROPS */, ["editor-id", "default-config", "mode", "modelValue", "onOnCreated", "onOnDestroyed", "onOnChange", "style"])
   ]))
 }