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

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.css

@@ -0,0 +1,22 @@
+.ant-select-selector {
+  height: 100%;
+}
+.multiple {
+  height: 100%;
+}
+.ant-select-multiple .ant-select-selector {
+  align-items: flex-start;
+}
+.select-render .ant-select-selection-overflow {
+  padding-top: 3px;
+}
+.select-render.ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item {
+  margin-top: -1px;
+}
+.select-render.ant-select-multiple .ant-select-selection-placeholder {
+  top: 6px;
+  transform: translateY(0);
+}
+.ant-checkbox-group {
+  width: 100%;
+}

package/es/components/form-component/FieldSelect.d.ts

@@ -40,6 +40,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     selectOptionLabel: {
         type: StringConstructor;
     };
+    selectorWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     design: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -70,11 +74,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     selectOptionLabel: {
         type: StringConstructor;
     };
+    selectorWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{}>, {
     design: boolean;
     disabled: boolean;
     readonly: boolean;
     maxTagCount: string | number;
     maxTagTextLength: number;
+    selectorWidth: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,9 +1,11 @@
 import tag_label_default from "./field-label/tag-label.vue.mjs";
 import selectTag_default from "./field-label/selectTag.vue.mjs";
 import field_readonly_default from "./field-readonly.vue.mjs";
-import './index.css';/* empty css            */
+import './index.css';import './FieldSelect.css';/* empty css                  */
+/* empty css            */
 import { computed, createVNode, defineComponent, h, mergeProps } from "vue";
-import { FormComponents, transformUrl } from "@gct-paas/core";
+import { FormComponents, measureText, transformUrl, truncateText } from "@gct-paas/core";
+import { typePadding } from "@gct-paas/core-web";
 import { Avatar, Select } from "ant-design-vue";
 import { pick } from "lodash-es";
 //#region src/components/form-component/FieldSelect.tsx
@@ -40,9 +42,13 @@ var FieldSelect_default = /* @__PURE__ */ defineComponent({
 			type: Number,
 			default: 6
 		},
-		selectOptionLabel: { type: String }
+		selectOptionLabel: { type: String },
+		selectorWidth: {
+			type: Number,
+			default: 1400
+		}
 	},
-	setup(props, { emit }) {
+	setup(props, { emit, slots }) {
 		const currentValue = computed({
 			get() {
 				return props.value;
@@ -67,7 +73,7 @@ var FieldSelect_default = /* @__PURE__ */ defineComponent({
 				"type": props.fieldType,
 				"label": name,
 				"avatar": avatar,
-				"title": title?.length > props.maxTagTextLength ? title : null,
+				"title": title?.length > props.maxTagTextLength || measureText(title) > measureText(name) ? title : null,
 				"disabled": props.disabled,
 				"iconExtraProps": iconExtraProps
 			}, otherParams), null);
@@ -97,6 +103,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 || {}, [
@@ -136,9 +143,9 @@ var FieldSelect_default = /* @__PURE__ */ defineComponent({
 			const { label, option, closable, onClose } = data;
 			const { _item = {} } = option || {};
 			return renderSelectTag({
-				name: label,
+				name: truncateText(label.slice(0, props.maxTagTextLength + 3), props.selectorWidth - typePadding(option || data)),
 				title: option?.label,
-				avatar: option?._item?.avatar,
+				avatar: props.selectorWidth > 73 ? option?._item?.avatar : "",
 				iconExtraProps: { [label]: pick(_item, [
 					"iconColor",
 					"icon",
@@ -147,10 +154,13 @@ var FieldSelect_default = /* @__PURE__ */ defineComponent({
 				otherParams: {
 					closable,
 					"onOn-close": onClose,
-					style: "margin-right: 4px"
+					style: "margin-right: 3px"
 				}
 			});
 		};
+		const dropdownRender = () => {
+			return slots.dropdownRender?.();
+		};
 		return () => {
 			return props.readonly ? renderTag(field_readonly_default, {
 				name: selectInfo.value?.labels,
@@ -164,6 +174,7 @@ var FieldSelect_default = /* @__PURE__ */ defineComponent({
 				"optionLabelProp": "titleLabel",
 				"tagRender": tagRender,
 				"showArrow": true,
+				"dropdownRender": slots.dropdownRender ? dropdownRender : void 0,
 				"maxTagCount": props.maxTagCount,
 				"maxTagTextLength": props.maxTagTextLength,
 				"dropdownMatchSelectWidth": 180,

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.d.ts

@@ -20,6 +20,7 @@ export interface Props {
         iconColor: string;
         textColor: string;
     };
+    title?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "on-close": (...args: any[]) => void;

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_5e1146da_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-5e1146da"]]);
 //#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" };
@@ -24,12 +25,12 @@ var tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default = /* @__
 		},
 		avatar: {},
 		iconExtraProps: {},
-		iconProps: {}
+		iconProps: {},
+		title: {}
 	},
 	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 +55,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 +88,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",
@@ -116,21 +116,23 @@ var tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default = /* @__
 						style: normalizeStyle(getMsgColor(i)),
 						class: "mr-5px"
 					}, [createVNode(iconNode, { "label-name": i }, null, 8, ["label-name"]), createElementVNode("span", _hoisted_2, toDisplayString(i) + toDisplayString(!__props.tagWidgetStyle?.tagStyleOpen && index < showLabel.value.length - 1 ? "，" : ""), 1)], 4);
-				}), 128)), !showLabel.value.length ? (openBlock(), createElementBlock("span", _hoisted_3, "\xA0")) : createCommentVNode("", true)]),
+				}), 128)), !showLabel.value.length ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("", true)]),
 				_: 1
 			}, 8, ["disabled", "label-layout"])) : (openBlock(), createBlock(tag_layout_default, {
 				key: 2,
 				style: normalizeStyle(getMsgColor(showLabel.value)),
 				disabled: !!__props.disabled,
 				"label-layout": unref(labelLayout),
-				class: "select-text leading-none"
+				class: "select-text leading-none",
+				title: props.title
 			}, {
-				default: withCtx(() => [createTextVNode(toDisplayString(showLabel.value || "\xA0"), 1)]),
+				default: withCtx(() => [createTextVNode(toDisplayString(showLabel.value), 1)]),
 				_: 1
 			}, 8, [
 				"style",
 				"disabled",
-				"label-layout"
+				"label-layout",
+				"title"
 			]));
 		};
 	}

package/es/components/form-component/field-label/tag-label.vue_vue_type_style_index_0_scoped_5e1146da_lang.css

@@ -0,0 +1,18 @@
+.tag-label-disabled[data-v-5e1146da] {
+  opacity: 0.5;
+}
+.label-ellipsis[data-v-5e1146da] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.label-wrap[data-v-5e1146da] {
+  word-break: break-all;
+  white-space: wrap;
+}
+.select-text[data-v-5e1146da] {
+  min-width: 16px;
+}
+.leading-none[data-v-5e1146da] {
+  line-height: 1.375;
+}

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/form-component/field-readonly.vue_vue_type_script_setup_true_lang.mjs

@@ -2,7 +2,7 @@ import tag_label_default from "./field-label/tag-label.vue.mjs";
 import ref_card_label_render_default from "./field-label/ref-card-label-render.vue.mjs";
 import { useGetRefCard } from "../../hooks/refCardList.mjs";
 import "../../hooks/index.mjs";
-import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, h, mergeProps, openBlock, ref, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, h, mergeProps, openBlock, unref } from "vue";
 import { FIELD_TYPE } from "@gct-paas/core";
 //#region src/components/form-component/field-readonly.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
@@ -26,7 +26,6 @@ var field_readonly_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	},
 	setup(__props) {
 		const props = __props;
-		const visible = ref(false);
 		const showLabel = computed(() => {
 			if (Array.isArray(props.label)) return props.label.join(",");
 			else return props.label;
@@ -42,49 +41,32 @@ var field_readonly_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			});
 			else return tag_label_default;
 		});
-		/**超出内容出现tip显示全部 */
-		function onMouseenter(e) {
-			if (!props.isTooltip) return;
-			const el = e.target?.parentNode;
-			if (el.scrollWidth > el.clientWidth) visible.value = true;
-		}
-		function onMouseleave() {
-			visible.value = false;
-		}
 		return (_ctx, _cache) => {
-			const _component_a_tooltip = resolveComponent("a-tooltip");
-			return openBlock(), createBlock(_component_a_tooltip, {
-				placement: "topLeft",
-				visible: visible.value
-			}, {
-				title: withCtx(() => [createTextVNode(toDisplayString(showLabel.value), 1)]),
-				default: withCtx(() => [props.type === unref(FIELD_TYPE).RDO_REF ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(FieldLabel), mergeProps(_ctx.$attrs, {
-					label: __props.label,
-					"tag-widget-style": props.tagWidgetStyle,
-					disabled: props.disabled,
-					"icon-extra-props": props.iconExtraProps,
-					onMouseenter,
-					onMouseleave
-				}), null, 16, [
-					"label",
-					"tag-widget-style",
-					"disabled",
-					"icon-extra-props"
-				]), props.type === unref(FIELD_TYPE).RDO_REF && props.modelValue && !props.modelValue?.includes(":") ? (openBlock(), createElementBlock("span", _hoisted_2, " 默认 ")) : createCommentVNode("", true)])) : (openBlock(), createBlock(unref(FieldLabel), mergeProps({ key: 1 }, _ctx.$attrs, {
-					label: __props.label,
-					"tag-widget-style": props.tagWidgetStyle,
-					disabled: props.disabled,
-					"icon-extra-props": props.iconExtraProps,
-					onMouseenter,
-					onMouseleave
-				}), null, 16, [
-					"label",
-					"tag-widget-style",
-					"disabled",
-					"icon-extra-props"
-				]))]),
-				_: 1
-			}, 8, ["visible"]);
+			return props.type === unref(FIELD_TYPE).RDO_REF ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(FieldLabel), mergeProps(_ctx.$attrs, {
+				label: __props.label,
+				"tag-widget-style": props.tagWidgetStyle,
+				disabled: props.disabled,
+				"icon-extra-props": props.iconExtraProps
+			}), null, 16, [
+				"label",
+				"tag-widget-style",
+				"disabled",
+				"icon-extra-props"
+			]), props.type === unref(FIELD_TYPE).RDO_REF && props.modelValue && !props.modelValue?.includes(":") ? (openBlock(), createElementBlock("span", _hoisted_2, " 默认 ")) : createCommentVNode("", true)])) : (openBlock(), createBlock(unref(FieldLabel), mergeProps({ key: 1 }, _ctx.$attrs, {
+				label: __props.label,
+				"tag-widget-style": props.tagWidgetStyle,
+				disabled: props.disabled,
+				"icon-extra-props": props.iconExtraProps,
+				title: showLabel.value,
+				type: __props.type
+			}), null, 16, [
+				"label",
+				"tag-widget-style",
+				"disabled",
+				"icon-extra-props",
+				"title",
+				"type"
+			]));
 		};
 	}
 });

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