@gct-paas/render-web 0.1.6-dev.4 → 0.1.6-dev.40

package/es/components/layouts/basic-page-render/basic-page-render.vue_vue_type_style_index_0_scoped_3c6aba55_lang.css

@@ -0,0 +1,20 @@
+.basic-page-render[data-v-3c6aba55] {
+  display: flex;
+  box-sizing: border-box;
+  flex-direction: column;
+  height: 100%;
+  padding: 0 16px 16px !important;
+  background-color: var(--padding-color, transparent);
+  min-height: 0;
+}
+.basic-page-render__header[data-v-3c6aba55] {
+  flex: none;
+  margin-bottom: 10px;
+}
+.basic-page-render__body[data-v-3c6aba55] {
+  flex: 1;
+  max-height: 100%;
+  background-color: var(--bg-color, transparent);
+  border-radius: 8px;
+  overflow: hidden;
+}

package/es/components/multi-field/multi-field-display.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
 import multi_field_display_vue_vue_type_script_setup_true_lang_default from "./multi-field-display.vue_vue_type_script_setup_true_lang.mjs";
-import './multi-field-display.vue_vue_type_style_index_0_scoped_0f2f02cc_lang.css';/* empty css                                                                          */
+import './multi-field-display.vue_vue_type_style_index_0_scoped_a62c7691_lang.css';/* empty css                                                                          */
 //#region src/components/multi-field/multi-field-display.vue
-var multi_field_display_default = /* @__PURE__ */ _plugin_vue_export_helper_default(multi_field_display_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0f2f02cc"]]);
+var multi_field_display_default = /* @__PURE__ */ _plugin_vue_export_helper_default(multi_field_display_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a62c7691"]]);
 //#endregion
 export { multi_field_display_default as default };

package/es/components/multi-field/multi-field-display.vue_vue_type_script_setup_true_lang.mjs

@@ -4,7 +4,7 @@ import { MaterialEnum } from "@gct-paas/core";
 //#region src/components/multi-field/multi-field-display.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
-	class: "flex tag-area"
+	class: "flex tag-area items-center"
 };
 var multi_field_display_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "multi-field-display",

package/es/components/multi-field/{multi-field-display.vue_vue_type_style_index_0_scoped_0f2f02cc_lang.css → multi-field-display.vue_vue_type_style_index_0_scoped_a62c7691_lang.css}

@@ -1,4 +1,4 @@
-.tag-area[data-v-0f2f02cc] {
+.tag-area[data-v-a62c7691] {
   flex-wrap: nowrap;
   width: auto;
 }

package/es/components/rich-editor/index.d.ts

@@ -0,0 +1,2 @@
+import { default as RichEditor } from './rich-editor.vue';
+export { RichEditor };

package/es/components/rich-editor/index.mjs

@@ -0,0 +1 @@
+import "./rich-editor.vue.mjs";

package/es/components/rich-editor/rich-editor.vue.d.ts

@@ -0,0 +1,22 @@
+interface Props {
+    content: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {
+    getText: () => any;
+    getContent: () => any;
+    setHtml: (node: string) => any;
+    dangerouslyInsertHtml: (node: string) => any;
+    restoreSelection: () => any;
+    isFocused: () => any;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    created: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onCreated?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/rich-editor/rich-editor.vue.mjs

@@ -0,0 +1,5 @@
+import rich_editor_vue_vue_type_script_setup_true_lang_default from "./rich-editor.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/rich-editor/rich-editor.vue
+var rich_editor_default = rich_editor_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { rich_editor_default as default };

package/es/components/rich-editor/rich-editor.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,150 @@
+import './style.css';/* empty css           */
+import { createElementBlock, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, shallowRef, unref } from "vue";
+import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
+//#region src/components/rich-editor/rich-editor.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { style: {
+	"border": "1px solid #e8ebf0",
+	"border-bottom": "none"
+} };
+var rich_editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "rich-editor",
+	props: { content: {} },
+	emits: [
+		"created",
+		"blur",
+		"change",
+		"focus"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const toolbarConfig = { toolbarKeys: [
+			"fontSize",
+			"fontFamily",
+			"bold",
+			"italic",
+			"through",
+			"underline",
+			"color",
+			"bgColor",
+			{
+				key: "group-justify",
+				title: "对齐",
+				iconSvg: "<svg viewBox=\"0 0 1024 1024\"><path d=\"M768 793.6v102.4H51.2v-102.4h716.8z m204.8-230.4v102.4H51.2v-102.4h921.6z m-204.8-230.4v102.4H51.2v-102.4h716.8zM972.8 102.4v102.4H51.2V102.4h921.6z\"></path></svg>",
+				menuKeys: [
+					"justifyLeft",
+					"justifyCenter",
+					"justifyRight",
+					"justifyJustify"
+				]
+			},
+			"|",
+			"blockquote",
+			"insertLink",
+			{
+				key: "group-image",
+				title: "图片",
+				iconSvg: "<svg viewBox=\"0 0 1024 1024\"><path d=\"M959.877 128l0.123 0.123v767.775l-0.123 0.122H64.102l-0.122-0.122V128.123l0.122-0.123h895.775zM960 64H64C28.795 64 0 92.795 0 128v768c0 35.205 28.795 64 64 64h896c35.205 0 64-28.795 64-64V128c0-35.205-28.795-64-64-64zM832 288.01c0 53.023-42.988 96.01-96.01 96.01s-96.01-42.987-96.01-96.01S682.967 192 735.99 192 832 234.988 832 288.01zM896 832H128V704l224.01-384 256 320h64l224.01-192z\"></path></svg>",
+				menuKeys: ["insertImage"]
+			}
+		] };
+		const editorConfig = {
+			placeholder: "请输入内容...",
+			MENU_CONF: { fontFamily: { fontFamilyList: [
+				{
+					name: "宋体",
+					value: "SimSun, 宋体, 华文宋体, STSong, STSongti-SC-Light, serif"
+				},
+				{
+					name: "楷体",
+					value: "Kai, STKai, 楷体, KaiTi, 华文楷体, sans-serif"
+				},
+				{
+					name: "黑体",
+					value: "SimHei, 黑体, 华文黑体, STHeiti, sans-serif"
+				}
+			] } }
+		};
+		const props = __props;
+		const emit = __emit;
+		const editorRef = shallowRef();
+		const valueHtml = ref("");
+		onMounted(() => {
+			setTimeout(() => {
+				valueHtml.value = props.content;
+			}, 500);
+		});
+		onBeforeUnmount(() => {
+			const editor = editorRef.value;
+			if (editor == null) return;
+			editor.destroy();
+		});
+		const handleCreated = (editor) => {
+			editorRef.value = editor;
+			emit("created");
+		};
+		const getContent = () => {
+			const editor = editorRef.value;
+			if (editor == null) return;
+			return editor.getHtml();
+		};
+		const handleChange = () => {
+			emit("change", getContent());
+		};
+		const handleBlur = () => {
+			emit("blur", getContent());
+		};
+		const handleFocus = (e) => {
+			emit("focus", e);
+		};
+		const getText = () => {
+			const editor = editorRef.value;
+			if (editor == null) return;
+			return editor.getText();
+		};
+		const setHtml = (node) => {
+			const editor = editorRef.value;
+			if (editor == null) return;
+			return editor.setHtml(node);
+		};
+		const dangerouslyInsertHtml = (node) => {
+			const editor = editorRef.value;
+			if (editor == null) return;
+			return editor.dangerouslyInsertHtml(node);
+		};
+		const restoreSelection = () => {
+			const editor = editorRef.value;
+			if (editor == null) return;
+			return editor.restoreSelection();
+		};
+		const isFocused = () => {
+			const editor = editorRef.value;
+			if (editor == null) return;
+			return editor.isFocused();
+		};
+		__expose({
+			getText,
+			getContent,
+			setHtml,
+			dangerouslyInsertHtml,
+			restoreSelection,
+			isFocused
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(Toolbar), {
+				style: { "border-bottom": "1px solid #e8ebf0" },
+				editor: editorRef.value,
+				"default-config": toolbarConfig
+			}, null, 8, ["editor"]), createVNode(unref(Editor), {
+				modelValue: valueHtml.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueHtml.value = $event),
+				style: { "height": "150px" },
+				"default-config": editorConfig,
+				onOnCreated: handleCreated,
+				onOnChange: handleChange,
+				onOnBlur: handleBlur,
+				onOnFocus: handleFocus
+			}, null, 8, ["modelValue"])]);
+		};
+	}
+});
+//#endregion
+export { rich_editor_vue_vue_type_script_setup_true_lang_default as default };