@gct-paas/render-web 0.1.6-dev.3 → 0.1.6-dev.30

package/es/components/field-search-cascader/field-cascader.vue_vue_type_style_index_0_scoped_cb5e4d67_lang.css

@@ -0,0 +1,52 @@
+.field-search-cascader-wrap[data-v-cb5e4d67] {
+  position: relative;
+}
+.field-search-cascader-wrap[data-v-cb5e4d67] .field-search-cascader-input:hover.clear-icon .anticon.ant-input-clear-icon-hidden {
+  visibility: visible !important;
+}
+.field-cascader-pop-content[data-v-cb5e4d67] {
+  margin-top: 4px;
+  z-index: 1011;
+  background: #fff;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+}
+.field-cascader-pop-content .field-cascader-item-box[data-v-cb5e4d67] {
+  border-right: 1px solid #e0e3ea;
+  width: 150px;
+}
+.field-cascader-pop-content .field-cascader-item-box[data-v-cb5e4d67]:last-child {
+  border-right: 0;
+}
+.field-cascader-pop-content .field-cascader-list-box[data-v-cb5e4d67] {
+  margin-top: 4px;
+  height: 100%;
+  max-height: 200px;
+  overflow-y: auto;
+}
+.field-cascader-pop-content .field-cascader-list-box .search-name[data-v-cb5e4d67] {
+  color: var(--ant-primary-color) !important;
+}
+.field-cascader-pop-content .field-cascader-item[data-v-cb5e4d67] {
+  cursor: pointer;
+  line-height: 24px;
+  margin-bottom: 4px;
+  padding: 0 6px;
+  border-radius: 4px 4px 4px 4px;
+  position: relative;
+  padding-right: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.field-cascader-pop-content .field-cascader-item .right-icon[data-v-cb5e4d67] {
+  position: absolute;
+  right: 0;
+  top: 6px;
+  font-size: 12px;
+}
+.field-cascader-pop-content .field-cascader-item[data-v-cb5e4d67]:hover {
+  background: #f5f5f5;
+}
+.field-cascader-pop-content .field-cascader-item-selected[data-v-cb5e4d67] {
+  background: #e6eeff !important;
+}

package/es/components/field-search-cascader/field-cascader.vue_vue_type_style_index_1_lang.css

@@ -0,0 +1,3 @@
+.field-search-cascader-pop .ant-popover-inner-content {
+  padding: 0;
+}

package/es/components/field-search-cascader/index.d.ts

@@ -0,0 +1,2 @@
+import { default as fieldCascader } from './field-cascader.vue';
+export { fieldCascader as FieldSearchCascader };

package/es/components/field-search-cascader/index.mjs

@@ -0,0 +1 @@
+import "./field-cascader.vue.mjs";

package/es/components/form-component/FieldSelect.mjs

@@ -97,6 +97,7 @@ var FieldSelect_default = /* @__PURE__ */ defineComponent({
 			if (props.readonly) {
 				const list = options.value?.filter((item) => {
 					if (props.selectExtraProps?.mode === "multiple") return Array.isArray(currentValue.value) && currentValue.value.includes(item.value);
+					return item.value === currentValue.value;
 				}) ?? [];
 				const icons = Object.fromEntries(list?.map((item) => {
 					return [item.label, pick(item?._item || {}, [

package/es/components/form-component/field-label/ref-card-label-render.vue_vue_type_script_setup_true_lang.mjs

@@ -1,6 +1,7 @@
 import tag_span_default from "./tag-span.vue.mjs";
 import tag_layout_default from "./tag-layout.vue.mjs";
-import { CardViewRender, schemaToStyle } from "@gct-paas/render";
+import { CardViewRender } from "../../card-view-render/card-view-render.mjs";
+import { schemaToStyle } from "@gct-paas/render";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, reactive, renderList, resolveComponent, toDisplayString, toRef, unref, withCtx, withModifiers } from "vue";
 import { CARD_TRIGGER_ENUM } from "@gct-paas/core";
 //#region src/components/form-component/field-label/ref-card-label-render.vue?vue&type=script&setup=true&lang.ts

package/es/components/form-component/field-label/tag-label.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default from "./tag-label.vue_vue_type_script_setup_true_name_TagLabel_lang.mjs";
-import './tag-label.vue_vue_type_style_index_0_scoped_6c507fe8_lang.css';/* empty css                                                                */
+import './tag-label.vue_vue_type_style_index_0_scoped_9ba574f7_lang.css';/* empty css                                                                */
 //#region src/components/form-component/field-label/tag-label.vue
-var tag_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default, [["__scopeId", "data-v-6c507fe8"]]);
+var tag_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default, [["__scopeId", "data-v-9ba574f7"]]);
 //#endregion
 export { tag_label_default as default };

package/es/components/form-component/field-label/tag-label.vue_vue_type_script_setup_true_name_TagLabel_lang.mjs

@@ -1,10 +1,11 @@
 import tag_span_default from "./tag-span.vue.mjs";
 import tag_layout_default from "./tag-layout.vue.mjs";
 import { schemaToStyle } from "@gct-paas/render";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, inject, normalizeStyle, openBlock, renderList, resolveComponent, toDisplayString, toRef, unref, withCtx, withModifiers } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, inject, normalizeStyle, openBlock, renderList, toDisplayString, toRef, unref, withCtx, withModifiers } from "vue";
 import { FIELD_TYPE, transformUrl } from "@gct-paas/core";
 import { Avatar } from "ant-design-vue";
 import { isString } from "lodash-es";
+import { IconNext } from "@gct-paas/core-components";
 //#region src/components/form-component/field-label/tag-label.vue?vue&type=script&setup=true&name=TagLabel&lang.ts
 var _hoisted_1 = { class: "select-text" };
 var _hoisted_2 = { class: "select-text" };
@@ -29,7 +30,6 @@ var tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default = /* @__
 	emits: ["on-close"],
 	setup(__props) {
 		const props = __props;
-		const themeSetting = _gct.platformStore.themeSetting;
 		const labelLayout = inject("labelLayout", {});
 		const showLabel = toRef(() => {
 			let showMsg = props.label ?? "";
@@ -54,19 +54,18 @@ var tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default = /* @__
 			};
 		};
 		const iconNode = { render: ({ $attrs }) => {
-			if ($attrs.labelName) {
-				const iconAttrs = props.iconExtraProps?.[$attrs.labelName] || props.iconProps || {};
+			if ($attrs["label-name"]) {
+				const iconAttrs = props.iconExtraProps?.[$attrs["label-name"]] || props.iconProps || {};
 				if (!iconAttrs?.icon) return;
-				return h(resolveComponent("icon-next"), {
+				return h(IconNext, {
 					size: 16,
 					value: iconAttrs?.icon,
-					color: iconAttrs?.iconColor || themeSetting.themeColor,
+					color: iconAttrs?.iconColor || "var(--gct-color-primary)",
 					style: "vertical-align: text-bottom; margin-right: 3px"
 				});
 			}
 		} };
 		return (_ctx, _cache) => {
-			const _component_icon_next = resolveComponent("icon-next");
 			return __props.showTagStyle && __props.tagWidgetStyle?.tagStyleOpen ? (openBlock(), createBlock(tag_layout_default, {
 				key: 0,
 				disabled: !!__props.disabled,
@@ -88,7 +87,7 @@ var tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default = /* @__
 							}, null, 8, ["src"])) : createCommentVNode("", true),
 							createVNode(iconNode, { "label-name": i }, null, 8, ["label-name"]),
 							createElementVNode("span", _hoisted_1, toDisplayString(i), 1),
-							__props.closable ? (openBlock(), createBlock(_component_icon_next, {
+							__props.closable ? (openBlock(), createBlock(unref(IconNext), {
 								key: 1,
 								size: 15,
 								value: "icon-park:close-small",

package/es/components/form-component/field-label/{tag-label.vue_vue_type_style_index_0_scoped_6c507fe8_lang.css → tag-label.vue_vue_type_style_index_0_scoped_9ba574f7_lang.css}

@@ -1,15 +1,15 @@
-.tag-label-disabled[data-v-6c507fe8] {
+.tag-label-disabled[data-v-9ba574f7] {
   opacity: 0.5;
 }
-.label-ellipsis[data-v-6c507fe8] {
+.label-ellipsis[data-v-9ba574f7] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.label-wrap[data-v-6c507fe8] {
+.label-wrap[data-v-9ba574f7] {
   word-break: break-all;
   white-space: wrap;
 }
-.select-text[data-v-6c507fe8] {
+.select-text[data-v-9ba574f7] {
   min-width: 16px;
 }

package/es/components/form-component/field-label/tag-span.vue.mjs

@@ -1,6 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import tag_span_vue_vue_type_script_setup_true_lang_default from "./tag-span.vue_vue_type_script_setup_true_lang.mjs";
 import './tag-span.vue_vue_type_style_index_0_scoped_6c8c4c7a_lang.css';/* empty css                                                               */
-import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 //#region src/components/form-component/field-label/tag-span.vue
 var tag_span_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tag_span_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6c8c4c7a"]]);
 //#endregion

package/es/components/index.d.ts

@@ -1,2 +1,9 @@
+import { default as BasicPage } from './layouts/basic-page/basic-page.vue';
+import { default as BasicPageRender } from './layouts/basic-page-render/basic-page-render.vue';
 export * from './form-component/index';
 export * from './multi-field';
+export * from './collapse-detail';
+export * from './field-search-cascader';
+export * from './rich-editor';
+export { CardViewRender } from './card-view-render/card-view-render';
+export { BasicPage, BasicPageRender };

package/es/components/index.mjs

@@ -1,6 +1,9 @@
+import "./layouts/basic-page/basic-page.vue.mjs";
+import "./layouts/basic-page-render/basic-page-render.vue.mjs";
 import "./form-component/field-label/tag-span.vue.mjs";
 import "./form-component/field-label/tag-label.vue.mjs";
 import "./form-component/field-label/selectTag.vue.mjs";
+import "./card-view-render/card-view-render.mjs";
 import "./form-component/field-label/ref-card-label-render.vue.mjs";
 import "./form-component/field-readonly.vue.mjs";
 import "./form-component/FieldSelect.mjs";
@@ -9,3 +12,9 @@ import "./form-component/FieldCheckbox.mjs";
 import "./form-component/index.mjs";
 import "./multi-field/multi-field-display.vue.mjs";
 import "./multi-field/index.mjs";
+import "./collapse-detail/index.vue.mjs";
+import "./collapse-detail/index.mjs";
+import "./field-search-cascader/field-cascader.vue.mjs";
+import "./field-search-cascader/index.mjs";
+import "./rich-editor/rich-editor.vue.mjs";
+import "./rich-editor/index.mjs";

package/es/components/layouts/basic-page/basic-page.vue.d.ts

@@ -0,0 +1,30 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    useBgColor: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    useBgColor: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    useBgColor: string | boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/layouts/basic-page/basic-page.vue.mjs

@@ -0,0 +1,7 @@
+import basic_page_vue_vue_type_script_setup_true_name_basic_page_lang_default from "./basic-page.vue_vue_type_script_setup_true_name_basic-page_lang.mjs";
+import './basic-page.vue_vue_type_style_index_0_scoped_23453a1b_lang.css';/* empty css                                                                 */
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+//#region src/components/layouts/basic-page/basic-page.vue
+var basic_page_default = /* @__PURE__ */ _plugin_vue_export_helper_default(basic_page_vue_vue_type_script_setup_true_name_basic_page_lang_default, [["__scopeId", "data-v-23453a1b"]]);
+//#endregion
+export { basic_page_default as default };

package/es/components/layouts/basic-page/basic-page.vue_vue_type_script_setup_true_name_basic-page_lang.mjs

@@ -0,0 +1,30 @@
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeStyle, openBlock, renderSlot } from "vue";
+//#region src/components/layouts/basic-page/basic-page.vue?vue&type=script&setup=true&name=basic-page&lang.ts
+var _hoisted_1 = { class: "basic-page-render" };
+var _hoisted_2 = {
+	key: 0,
+	class: "basic-page-render__header"
+};
+var basic_page_vue_vue_type_script_setup_true_name_basic_page_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "basic-page",
+	props: { useBgColor: {
+		type: [Boolean, String],
+		default: true
+	} },
+	setup(__props) {
+		const props = __props;
+		const bgColor = computed(() => {
+			if (props.useBgColor === true) return "#ffffff";
+			else if (typeof props.useBgColor === "string") return props.useBgColor;
+			else return "transparent";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "header", {}, void 0, true)])) : createCommentVNode("", true), createElementVNode("div", {
+				class: "basic-page-render__body",
+				style: normalizeStyle({ "--bg-color": bgColor.value })
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 4)]);
+		};
+	}
+});
+//#endregion
+export { basic_page_vue_vue_type_script_setup_true_name_basic_page_lang_default as default };

package/es/components/layouts/basic-page/basic-page.vue_vue_type_style_index_0_scoped_23453a1b_lang.css

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

package/es/components/layouts/basic-page-render/basic-page-render.vue.d.ts

@@ -0,0 +1,30 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    useBgColor: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    useBgColor: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    useBgColor: string | boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/layouts/basic-page-render/basic-page-render.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import basic_page_render_vue_vue_type_script_setup_true_name_BasicPageRender_lang_default from "./basic-page-render.vue_vue_type_script_setup_true_name_BasicPageRender_lang.mjs";
+import './basic-page-render.vue_vue_type_style_index_0_scoped_3c6aba55_lang.css';/* empty css                                                                        */
+//#region src/components/layouts/basic-page-render/basic-page-render.vue
+var basic_page_render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(basic_page_render_vue_vue_type_script_setup_true_name_BasicPageRender_lang_default, [["__scopeId", "data-v-3c6aba55"]]);
+//#endregion
+export { basic_page_render_default as default };

package/es/components/layouts/basic-page-render/basic-page-render.vue_vue_type_script_setup_true_name_BasicPageRender_lang.mjs

@@ -0,0 +1,30 @@
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeStyle, openBlock, renderSlot } from "vue";
+//#region src/components/layouts/basic-page-render/basic-page-render.vue?vue&type=script&setup=true&name=BasicPageRender&lang.ts
+var _hoisted_1 = { class: "basic-page-render" };
+var _hoisted_2 = {
+	key: 0,
+	class: "basic-page-render__header"
+};
+var basic_page_render_vue_vue_type_script_setup_true_name_BasicPageRender_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "basic-page-render",
+	props: { useBgColor: {
+		type: [Boolean, String],
+		default: true
+	} },
+	setup(__props) {
+		const props = __props;
+		const bgColor = computed(() => {
+			if (props.useBgColor === true) return "#ffffff";
+			else if (typeof props.useBgColor === "string") return props.useBgColor;
+			else return "transparent";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "header", {}, void 0, true)])) : createCommentVNode("", true), createElementVNode("div", {
+				class: "basic-page-render__body",
+				style: normalizeStyle({ "--bg-color": bgColor.value })
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 4)]);
+		};
+	}
+});
+//#endregion
+export { basic_page_render_vue_vue_type_script_setup_true_name_BasicPageRender_lang_default as default };

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/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 };