@gct-paas/render-web 0.1.6-dev.2 → 0.1.6-dev.20

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

@@ -0,0 +1,297 @@
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { FIELD_TYPE, t } from "@gct-paas/core";
+import { message } from "ant-design-vue";
+import { cloneDeep } from "lodash-es";
+import { watchDebounced } from "@vueuse/core";
+//#region src/components/field-search-cascader/field-cascader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "field-search-cascader-wrap" };
+var _hoisted_2 = { class: "field-cascader-pop-content flex" };
+var _hoisted_3 = { class: "field-cascader-list-box" };
+var _hoisted_4 = ["onClick"];
+var _hoisted_5 = ["title"];
+var _hoisted_6 = { class: "search-name" };
+var _hoisted_7 = ["title"];
+var _hoisted_8 = { class: "field-name-show" };
+var field_cascader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "field-cascader",
+	props: {
+		value: {},
+		modelKey: {},
+		isField: { type: Boolean },
+		rootRef: {},
+		noShowName: { type: Boolean },
+		btnTitle: {},
+		filterFunc: { type: Function }
+	},
+	emits: ["update:value"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const optionsMap = /* @__PURE__ */ new Map();
+		const visible = ref(false);
+		const fieldCascaderName = ref();
+		const fullName = ref();
+		const fieldType = ref();
+		const showTypes = [
+			FIELD_TYPE.REF,
+			FIELD_TYPE.REF_MULTI,
+			FIELD_TYPE.RDO_REF,
+			FIELD_TYPE.MASTERSLAVE
+		];
+		const originData = ref({
+			left: {
+				title: "",
+				search: "",
+				fieldKey: "",
+				options: []
+			},
+			center: {
+				title: "",
+				search: "",
+				fieldKey: "",
+				options: []
+			},
+			right: {
+				title: "",
+				search: "",
+				fieldKey: "",
+				options: []
+			}
+		});
+		const NO_SHOW_FIELDTYPES = [FIELD_TYPE.IMAGE, FIELD_TYPE.ATTACHMENT];
+		watchDebounced(() => props.modelKey, async () => {
+			if (props.modelKey) {
+				originData.value["left"].options = await getFieldlist(props.modelKey);
+				if (props.value) dataToShow();
+			}
+		}, {
+			immediate: true,
+			debounce: 300
+		});
+		watch(() => visible.value, () => {
+			if (!visible.value && props.noShowName) Object.keys(originData.value).forEach((i) => {
+				originData.value[i].fieldKey = "";
+				originData.value[i].title = "";
+				originData.value[i].search = "";
+				if (i !== "left") originData.value[i].options = [];
+			});
+		});
+		const dataToShow = async () => {
+			const fieldKeys = props.value.split(".");
+			let leftItem;
+			let centerItem;
+			let rightItem;
+			originData.value.left.fieldKey = fieldKeys[0];
+			leftItem = originData.value["left"].options.find((i) => i.key === fieldKeys[0]);
+			originData.value.left.title = leftItem?.title;
+			fieldCascaderName.value = leftItem?.title;
+			fieldType.value = leftItem?.fieldType;
+			if (fieldKeys.length > 1) {
+				originData.value.center.fieldKey = fieldKeys[1] || "";
+				if (leftItem?.bindInfo) {
+					originData.value["center"].options = await getFieldlist(leftItem?.bindInfo);
+					centerItem = originData.value["center"].options.find((i) => i.key === fieldKeys[1]);
+					originData.value.center.title = centerItem?.title;
+					fieldCascaderName.value = centerItem?.title;
+					fieldType.value = centerItem?.fieldType;
+				}
+			}
+			if (fieldKeys.length > 2) {
+				originData.value.right.fieldKey = fieldKeys[2] || "";
+				if (centerItem?.bindInfo) {
+					originData.value["right"].options = await getFieldlist(centerItem?.bindInfo);
+					rightItem = originData.value["right"].options.find((i) => i.key === fieldKeys[2]);
+					originData.value.right.title = rightItem?.title;
+					fieldCascaderName.value = rightItem?.title;
+					fieldType.value = rightItem?.fieldType;
+				}
+			}
+		};
+		const handleClick = (_e) => {
+			if (!props.modelKey) {
+				message.error(t("sys.checkBarcodeFieldTip"));
+				return;
+			}
+			visible.value = !visible.value;
+		};
+		const onChange = (e) => {
+			if (!e.target?.value) {
+				fullName.value = "";
+				fieldType.value = "";
+				fieldCascaderName.value = "";
+				fieldCascaderValue.value = "";
+				emit("update:value", "");
+				for (let key in originData.value) originData.value[key].fieldKey = "";
+			}
+		};
+		async function getFieldlist(modelKey) {
+			return (await _api.apaas.fieldMeta.getList({ modelKey }) || []).filter((v) => !NO_SHOW_FIELDTYPES.includes(v.type)).filter((v) => !props.filterFunc || props.filterFunc(v)).map((i) => {
+				return {
+					id: i.id,
+					title: i.name,
+					key: i.key,
+					bindInfo: i.bindInfo,
+					fieldType: i.type
+				};
+			});
+		}
+		const fieldCascaderValue = computed({
+			get() {
+				return props.value;
+			},
+			set(value) {
+				emit("update:value", value, {
+					type: fieldType.value,
+					name: fullName.value,
+					key: value
+				});
+			}
+		});
+		const selectOptions = computed(() => {
+			return (direction) => {
+				const orgItem = originData.value?.[direction];
+				return orgItem.search?.trim() ? orgItem.options?.filter((e) => e.title.indexOf(orgItem.search?.trim()) > -1) : cloneDeep(orgItem.options);
+			};
+		});
+		watch(() => originData.value.left?.search, async (val) => {
+			if (!(val?.trim() ? originData.value.left.options.filter((e) => e.title.indexOf(val.trim()) > -1) : cloneDeep(originData.value.left.options)).map((i) => i.key).includes(originData.value.left.fieldKey)) Object.keys(originData.value).forEach((i) => {
+				originData.value[i].fieldKey = "";
+				originData.value[i].title = "";
+				if (i !== "left") originData.value[i].options = [];
+			});
+		}, { deep: true });
+		watch(() => originData.value.center?.search, async (val) => {
+			if (!(val?.trim() ? originData.value.center.options.filter((e) => e.title.indexOf(val.trim()) > -1) : cloneDeep(originData.value.center.options)).map((i) => i.key).includes(originData.value.center.fieldKey)) Object.keys(originData.value).forEach((i) => {
+				if (i !== "left") {
+					originData.value[i].fieldKey = "";
+					originData.value[i].title = "";
+				}
+				if (i === "right") originData.value[i].options = [];
+			});
+		}, { deep: true });
+		const setSelectedKey = async (value, direction = "left") => {
+			originData.value[direction].fieldKey = value.key;
+			originData.value[direction].title = value.title;
+			fieldCascaderName.value = value.title;
+			fieldType.value = value.fieldType;
+			if (direction == "left") {
+				if (showTypes.includes(value.type) || showTypes.includes(value.fieldType)) {
+					originData.value["center"].options = await getOptions(value) || [];
+					originData.value["center"].search = "";
+					originData.value["right"].options = [];
+					if (originData.value["center"].options?.length) return;
+				}
+				fullName.value = value.title;
+				fieldCascaderValue.value = value.key;
+			}
+			if (direction == "center") {
+				const list = await getOptions(value) || [];
+				originData.value["right"].options = value.key !== "parent_id_" ? list : [];
+				originData.value["right"].search = "";
+				if (originData.value["right"].options?.length) return;
+				fullName.value = `${originData.value["left"].title}.${value.title}`;
+				fieldCascaderValue.value = `${originData.value["left"].fieldKey}.${value.key}`;
+			}
+			if (direction == "right") {
+				if (showTypes.includes(value.fieldType)) return;
+				fullName.value = `${originData.value["left"].title}.${originData.value["center"].title}.${value.title}`;
+				fieldCascaderValue.value = `${originData.value["left"].fieldKey}.${originData.value["center"].fieldKey}.${value.key}`;
+			}
+			visible.value = false;
+		};
+		const getOptions = async (value) => {
+			let list = [];
+			if (value.bindInfo && ![FIELD_TYPE.ENUM, FIELD_TYPE.ENUM_MULTI].includes(value.fieldType)) {
+				const options = optionsMap.get(value.id);
+				if (options?.length) list = cloneDeep(options);
+				else {
+					list = await getFieldlist(value.bindInfo);
+					optionsMap.set(value.id, cloneDeep(list));
+				}
+			}
+			return list;
+		};
+		__expose({ fieldCascaderName });
+		return (_ctx, _cache) => {
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_form_item_rest = resolveComponent("a-form-item-rest");
+			const _component_right_outlined = resolveComponent("right-outlined");
+			const _component_a_button = resolveComponent("a-button");
+			const _component_a_popover = resolveComponent("a-popover");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_popover, {
+				visible: visible.value,
+				"onUpdate:visible": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
+				trigger: "click",
+				"overlay-style": { minWidth: "150px" },
+				"overlay-class-name": "field-search-cascader-pop"
+			}, {
+				content: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(originData.value), (orgKey, _index) => {
+					return withDirectives((openBlock(), createElementBlock("div", {
+						key: orgKey + _index,
+						class: "field-cascader-item-box px-12px py-8px serial-num-no-error"
+					}, [createVNode(_component_a_form_item_rest, null, {
+						default: withCtx(() => [createVNode(_component_a_input, {
+							value: originData.value[orgKey].search,
+							"onUpdate:value": ($event) => originData.value[orgKey].search = $event,
+							class: "tree-search",
+							placeholder: _ctx.$t("sys.pageDesigner.searchField"),
+							"allow-clear": ""
+						}, {
+							suffix: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("i", { class: "iconfont icon-sousuo1" }, null, -1)])]),
+							_: 1
+						}, 8, [
+							"value",
+							"onUpdate:value",
+							"placeholder"
+						])]),
+						_: 2
+					}, 1024), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(selectOptions.value(orgKey), (item) => {
+						return openBlock(), createElementBlock("div", {
+							key: item.key,
+							class: normalizeClass(["field-cascader-item", { "field-cascader-item-selected": item.key == originData.value[orgKey].fieldKey }]),
+							onClick: ($event) => setSelectedKey(item, orgKey)
+						}, [item["title"].indexOf(originData.value[orgKey].search) > -1 ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							title: item["title"]
+						}, [
+							createElementVNode("span", null, toDisplayString(item["title"].substr(0, item["title"].indexOf(originData.value[orgKey].search))), 1),
+							createElementVNode("span", _hoisted_6, toDisplayString(originData.value[orgKey].search), 1),
+							createElementVNode("span", null, toDisplayString(item["title"].substr(item["title"].indexOf(originData.value[orgKey].search) + originData.value[orgKey].search?.length)), 1)
+						], 8, _hoisted_5)) : (openBlock(), createElementBlock("span", {
+							key: 1,
+							title: item["title"]
+						}, toDisplayString(item["title"]), 9, _hoisted_7)), item.bindInfo && showTypes.includes(item.fieldType) && orgKey !== "right" && item.key !== "parent_id_" ? (openBlock(), createBlock(_component_right_outlined, {
+							key: 2,
+							class: "right-icon"
+						})) : createCommentVNode("", true)], 10, _hoisted_4);
+					}), 128))])], 512)), [[vShow, originData.value[orgKey].options.length]]);
+				}), 128))], 512), [[vShow, visible.value]])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_8, [!__props.noShowName ? (openBlock(), createBlock(_component_a_form_item_rest, { key: 0 }, {
+					default: withCtx(() => [createVNode(_component_a_input, {
+						value: fieldCascaderName.value,
+						"onUpdate:value": _cache[0] || (_cache[0] = ($event) => fieldCascaderName.value = $event),
+						class: normalizeClass(["field-search-cascader-input", fieldCascaderName.value ? "clear-icon" : ""]),
+						readonly: "",
+						placeholder: _ctx.$t("sys.pageDesigner.dataLinkage.rootSelectPlaceholder2"),
+						onClick: handleClick,
+						onChange
+					}, null, 8, [
+						"value",
+						"class",
+						"placeholder"
+					])]),
+					_: 1
+				})) : (openBlock(), createBlock(_component_a_button, {
+					key: 1,
+					type: "link"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.btnTitle || unref(t)("sys.message.metaFiled")), 1)]),
+					_: 1
+				}))])]),
+				_: 1
+			}, 8, ["visible"])]);
+		};
+	}
+});
+//#endregion
+export { field_cascader_vue_vue_type_script_setup_true_lang_default as default };

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-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_264ca5fa_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-264ca5fa"]]);
+//#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_264ca5fa_lang.css

@@ -0,0 +1,20 @@
+.basic-page-render[data-v-264ca5fa] {
+  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-264ca5fa] {
+  flex: none;
+  margin-bottom: 10px;
+}
+.basic-page-render__body[data-v-264ca5fa] {
+  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 };