@gct-paas/render-web 0.1.4-dev.8 → 0.1.5-dev.0

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

@@ -0,0 +1,74 @@
+import field_readonly_default from "./field-readonly.vue.mjs";
+import './index.css';/* empty css            */
+import { computed, createVNode, defineComponent } from "vue";
+import { FIELD_TYPE } from "@gct-paas/core";
+import { Checkbox, CheckboxGroup } from "ant-design-vue";
+//#region src/components/form-component/FieldCheckbox.tsx
+var FieldCheckbox_default = /* @__PURE__ */ defineComponent({
+	name: "FieldCheckbox",
+	props: {
+		design: Boolean,
+		disabled: Boolean,
+		readonly: Boolean,
+		fieldType: {
+			type: Object,
+			required: true
+		},
+		tagStyle: {
+			type: Object,
+			required: true
+		},
+		options: Array,
+		value: {
+			type: [String, Array],
+			required: true
+		}
+	},
+	setup(props, { emit }) {
+		const isBool = props.fieldType === FIELD_TYPE.BOOLEAN;
+		const currentValue = computed({
+			get() {
+				if (isBool) return [props.value];
+				return Array.isArray(props.value) ? props.value : props.value ? props.value.split(",") : void 0;
+			},
+			set(value) {
+				if (isBool) {
+					const bool = value?.[0];
+					if (bool === void 0 || bool === null || typeof bool !== "boolean") emit("update:value", Boolean(bool));
+					else emit("update:value", !!bool);
+				} else emit("update:value", value);
+			}
+		});
+		const options = computed(() => {
+			if (isBool) return (props.options ?? []).filter((item) => item.value);
+			return props.options ?? [];
+		});
+		return () => {
+			return createVNode(CheckboxGroup, {
+				"value": currentValue.value,
+				"onUpdate:value": ($event) => currentValue.value = $event,
+				"disabled": props.disabled,
+				"class": ["field-checkbox-group", props.readonly ? "field-checkbox-group--readonly" : ""]
+			}, { default: () => [options.value?.map((option) => {
+				const optionItem = option;
+				const { icon, iconColor, textColor } = optionItem?._item || {};
+				return createVNode(Checkbox, {
+					"key": optionItem.value,
+					"value": optionItem.value
+				}, { default: () => [createVNode(field_readonly_default, {
+					"tagWidgetStyle": props.tagStyle,
+					"type": props.fieldType,
+					"label": optionItem.label,
+					"disabled": props.disabled,
+					"iconExtraProps": { [optionItem.label]: {
+						icon,
+						iconColor,
+						textColor
+					} }
+				}, null)] });
+			})] });
+		};
+	}
+});
+//#endregion
+export { FieldCheckbox_default as default };

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

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+import { RadioGroupProps } from 'ant-design-vue';
+import { FIELD_TYPE } from '@gct-paas/core';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    design: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    fieldType: {
+        type: PropType<FIELD_TYPE>;
+        required: true;
+    };
+    tagStyle: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    options: PropType<RadioGroupProps["options"]>;
+    value: (StringConstructor | NumberConstructor)[];
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    design: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    fieldType: {
+        type: PropType<FIELD_TYPE>;
+        required: true;
+    };
+    tagStyle: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    options: PropType<RadioGroupProps["options"]>;
+    value: (StringConstructor | NumberConstructor)[];
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    readonly: boolean;
+    design: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,64 @@
+import field_readonly_default from "./field-readonly.vue.mjs";
+import './index.css';/* empty css            */
+import { computed, createVNode, defineComponent, isVNode } from "vue";
+import { Radio, RadioGroup } from "ant-design-vue";
+//#region src/components/form-component/FieldRadio.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var FieldRadio_default = /* @__PURE__ */ defineComponent({
+	name: "FieldRadio",
+	props: {
+		design: Boolean,
+		disabled: Boolean,
+		readonly: Boolean,
+		fieldType: {
+			type: Object,
+			required: true
+		},
+		tagStyle: {
+			type: Object,
+			required: true
+		},
+		options: Array,
+		value: [String, Number]
+	},
+	setup(props, { emit }) {
+		const currentValue = computed({
+			get() {
+				return props.value;
+			},
+			set(value) {
+				emit("update:value", value);
+			}
+		});
+		return () => {
+			let _slot;
+			return createVNode(RadioGroup, {
+				"value": currentValue.value,
+				"onUpdate:value": ($event) => currentValue.value = $event,
+				"disabled": props.disabled,
+				"class": ["field-radio-group", props.readonly ? "field-radio-group--readonly" : ""]
+			}, _isSlot(_slot = (props.options ?? []).map((option) => {
+				const optionItem = option;
+				const { icon, iconColor, textColor } = optionItem?._item || {};
+				return createVNode(Radio, {
+					"key": optionItem.value,
+					"value": optionItem.value
+				}, { default: () => [createVNode(field_readonly_default, {
+					"tagWidgetStyle": props.tagStyle,
+					"type": props.fieldType,
+					"label": optionItem.label,
+					"disabled": props.disabled,
+					"iconExtraProps": { [optionItem.label]: {
+						icon,
+						iconColor,
+						textColor
+					} }
+				}, null)] });
+			})) ? _slot : { default: () => [_slot] });
+		};
+	}
+});
+//#endregion
+export { FieldRadio_default as default };

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

@@ -0,0 +1,82 @@
+import { FIELD_TYPE, FormComponents } from '@gct-paas/core';
+import { LowCodeWidget } from '@gct-paas/schema';
+import { SelectProps } from 'ant-design-vue';
+import { PropType } from 'vue';
+interface ISelectExtraProps {
+    mode?: 'multiple' | undefined;
+    placeholder?: string;
+    optionLabelProp?: string | undefined;
+    allowClear?: boolean;
+    showSearch?: boolean;
+    optionNoStyle?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    design: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    selectExtraProps: PropType<ISelectExtraProps>;
+    fieldType: {
+        type: PropType<FIELD_TYPE>;
+        required: true;
+    };
+    type: {
+        type: PropType<FormComponents>;
+        required: true;
+    };
+    tagStyle: {
+        type: PropType<Partial<LowCodeWidget.BasicStyle>>;
+        required: true;
+    };
+    options: PropType<SelectProps["options"]>;
+    value: (StringConstructor | ArrayConstructor | NumberConstructor)[];
+    maxTagCount: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    maxTagTextLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectOptionLabel: {
+        type: StringConstructor;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    design: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    selectExtraProps: PropType<ISelectExtraProps>;
+    fieldType: {
+        type: PropType<FIELD_TYPE>;
+        required: true;
+    };
+    type: {
+        type: PropType<FormComponents>;
+        required: true;
+    };
+    tagStyle: {
+        type: PropType<Partial<LowCodeWidget.BasicStyle>>;
+        required: true;
+    };
+    options: PropType<SelectProps["options"]>;
+    value: (StringConstructor | ArrayConstructor | NumberConstructor)[];
+    maxTagCount: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    maxTagTextLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectOptionLabel: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    readonly: boolean;
+    maxTagCount: string | number;
+    maxTagTextLength: number;
+    design: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,177 @@
+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 { computed, createVNode, defineComponent, h, mergeProps } from "vue";
+import { FormComponents } from "@gct-paas/core";
+import { transformUrl } from "@gct-paas/core-web";
+import { Avatar, Select } from "ant-design-vue";
+import { pick } from "lodash-es";
+//#region src/components/form-component/FieldSelect.tsx
+var FieldSelect_default = /* @__PURE__ */ defineComponent({
+	name: "FieldSelect",
+	props: {
+		design: Boolean,
+		disabled: Boolean,
+		readonly: Boolean,
+		selectExtraProps: Object,
+		fieldType: {
+			type: String,
+			required: true
+		},
+		type: {
+			type: String,
+			required: true
+		},
+		tagStyle: {
+			type: Object,
+			required: true
+		},
+		options: Array,
+		value: [
+			String,
+			Number,
+			Array
+		],
+		maxTagCount: {
+			type: [Number, String],
+			default: 5
+		},
+		maxTagTextLength: {
+			type: Number,
+			default: 6
+		},
+		selectOptionLabel: { type: String }
+	},
+	setup(props, { emit }) {
+		const currentValue = computed({
+			get() {
+				return props.value;
+			},
+			set(value) {
+				emit("update:value", value);
+			}
+		});
+		const renderTag = (com, { name, iconExtraProps, otherParams = {} }) => {
+			return h(com, {
+				tagWidgetStyle: props.tagStyle,
+				type: props.fieldType,
+				label: name,
+				disabled: props.disabled,
+				iconExtraProps,
+				...otherParams
+			});
+		};
+		const renderSelectTag = ({ name, title, iconExtraProps, avatar, otherParams = {} }) => {
+			return createVNode(selectTag_default, mergeProps({
+				"tagWidgetStyle": props.tagStyle,
+				"type": props.fieldType,
+				"label": name,
+				"avatar": avatar,
+				"title": title?.length > props.maxTagTextLength ? title : null,
+				"disabled": props.disabled,
+				"iconExtraProps": iconExtraProps
+			}, otherParams), null);
+		};
+		const options = computed(() => {
+			return (props.options ?? []).map((item) => {
+				const { iconColor, icon, textColor } = item._item || {};
+				return {
+					...item,
+					[props.selectExtraProps?.optionLabelProp || "titleLabel"]: renderTag(tag_label_default, {
+						name: item.label,
+						iconExtraProps: { [item.label]: {
+							icon,
+							iconColor,
+							textColor
+						} }
+					})
+				};
+			});
+		});
+		function getLabelByDict(item, key) {
+			const { _DICT = {} } = item;
+			const value = item[key];
+			return _DICT[key]?.[value]?.join("，") ?? value ?? item.id_;
+		}
+		const selectInfo = computed(() => {
+			if (props.readonly) {
+				const list = options.value?.filter((item) => {
+					if (props.selectExtraProps?.mode === "multiple") return Array.isArray(currentValue.value) && currentValue.value.includes(item.value);
+				}) ?? [];
+				const icons = Object.fromEntries(list?.map((item) => {
+					return [item.label, pick(item?._item || {}, [
+						"iconColor",
+						"icon",
+						"textColor"
+					])];
+				}) ?? []);
+				return {
+					labels: list.map((e) => e.label),
+					icons
+				};
+			}
+			return {};
+		});
+		const slot = { option: (data) => {
+			const { label, _item = {} } = data;
+			if (props.type === FormComponents.Userpicker) return createVNode("div", { "class": "flex items-center" }, [createVNode(Avatar, {
+				"size": 30,
+				"style": "margin: 0 8px;min-width:32px",
+				"src": transformUrl(_item.avatar)
+			}, null), createVNode("div", { "style": "width:calc(100% - 35px)" }, [createVNode("div", {
+				"class": " w100% ell",
+				"title": label
+			}, [label]), createVNode("div", { "class": "text-[#8F8F8F] text-[12px] mt2px" }, [_item.masterOrgName])])]);
+			else return renderTag(tag_label_default, {
+				name: props.selectOptionLabel ? getLabelByDict(_item, props.selectOptionLabel) : label,
+				iconExtraProps: { [label]: pick(_item, [
+					"iconColor",
+					"icon",
+					"textColor"
+				]) },
+				otherParams: { showTagStyle: false }
+			});
+		} };
+		const tagRender = (data) => {
+			const { label, option, closable, onClose } = data;
+			const { _item = {} } = option || {};
+			return renderSelectTag({
+				name: label,
+				title: option?.label,
+				avatar: option?._item?.avatar,
+				iconExtraProps: { [label]: pick(_item, [
+					"iconColor",
+					"icon",
+					"textColor"
+				]) },
+				otherParams: {
+					closable,
+					"onOn-close": onClose,
+					style: "margin-right: 4px"
+				}
+			});
+		};
+		return () => {
+			return props.readonly ? renderTag(field_readonly_default, {
+				name: selectInfo.value?.labels,
+				iconExtraProps: selectInfo.value?.icons
+			}) : createVNode(Select, mergeProps({
+				"class": ["field-select", "w100%"],
+				"value": currentValue.value,
+				"onUpdate:value": ($event) => currentValue.value = $event,
+				"options": options.value,
+				"disabled": props.disabled,
+				"optionLabelProp": "titleLabel",
+				"tagRender": tagRender,
+				"showArrow": true,
+				"maxTagCount": props.maxTagCount,
+				"maxTagTextLength": props.maxTagTextLength,
+				"dropdownMatchSelectWidth": 180,
+				"dropdownClassName": props.selectExtraProps?.mode === "multiple" ? "gct-project-select-dropdown gct-project-select-multiple vxe-table--ignore-clear" : "gct-project-select-dropdown vxe-table--ignore-clear"
+			}, props.selectExtraProps), props.selectExtraProps?.optionNoStyle ? null : slot);
+		};
+	}
+});
+//#endregion
+export { FieldSelect_default as default };

package/es/components/form-component/field-empty-value.d.ts

@@ -0,0 +1,6 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+/**空值显示逻辑 */
+export declare function emptyValueDisplay(widget: LowCodeWidget.FieldSchema, value: IObject): {
+    RenderEmptyValue: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+    isEmpty: import('vue').ComputedRef<boolean | undefined>;
+};

package/es/components/form-component/field-empty-value.mjs

@@ -0,0 +1,17 @@
+import { computed, defineComponent } from "vue";
+//#region src/components/form-component/field-empty-value.tsx
+/**空值显示逻辑 */
+function emptyValueDisplay(widget, value) {
+	/**部分字段排除空值显示 */
+	const exclude = [];
+	const fieldType = widget.props.fieldType;
+	const isEmpty = computed(() => {
+		return widget.props.readonly && fieldType && !exclude.includes(fieldType) && (value.value === void 0 || value.value === "" || value.value === null);
+	});
+	return {
+		RenderEmptyValue: /* @__PURE__ */ defineComponent((_props, _slots) => () => _gct.store.getEmptyDisplay),
+		isEmpty
+	};
+}
+//#endregion
+export { emptyValueDisplay };

package/es/components/form-component/field-label/ref-card-label-render.vue.d.ts

@@ -0,0 +1,23 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+import { CARD_TRIGGER_ENUM } from '@gct-paas/core';
+export interface Props {
+    tagWidgetStyle?: {
+        tagStyleOpen: boolean;
+        contentFont: LowCodeWidget.FontStyle;
+        tagStyle?: LowCodeWidget.TagConfigStyle;
+    };
+    disabled?: boolean;
+    values?: string[];
+    label?: (string | number)[];
+    /** 外部控制是否显示标签样式 */
+    showTagStyle?: boolean;
+    trigger: CARD_TRIGGER_ENUM;
+    getCardData: (id: string) => Promise<object>;
+    modelKey: string;
+    /**信息卡的id */
+    refCardId: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    showTagStyle: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import ref_card_label_render_vue_vue_type_script_setup_true_lang_default from "./ref-card-label-render.vue_vue_type_script_setup_true_lang.mjs";
+import './ref-card-label-render.vue_vue_type_style_index_0_lang.css';/* empty css                                                            */
+//#region src/components/form-component/field-label/ref-card-label-render.vue
+var ref_card_label_render_default = ref_card_label_render_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ref_card_label_render_default as default };

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

@@ -0,0 +1,140 @@
+import tag_span_default from "./tag-span.vue.mjs";
+import tag_layout_default from "./tag-layout.vue.mjs";
+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
+var _hoisted_1 = ["onMouseup"];
+var _hoisted_2 = { key: 1 };
+var ref_card_label_render_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ref-card-label-render",
+	props: {
+		tagWidgetStyle: {},
+		disabled: { type: Boolean },
+		values: {},
+		label: {},
+		showTagStyle: {
+			type: Boolean,
+			default: true
+		},
+		trigger: {},
+		getCardData: {},
+		modelKey: {},
+		refCardId: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const classData = props.trigger === CARD_TRIGGER_ENUM.HOVER ? "primary-gct-hover" : "primary-gct";
+		const labelLayout = inject("labelLayout", {});
+		const tipMap = reactive({});
+		const showLabel = computed(() => {
+			const labels = (typeof props.label === "string" ? (props.label ?? "").split(",") : props.label) ?? [];
+			return props.values?.filter((_, index) => labels[index]).map((i, index) => {
+				return {
+					value: i,
+					label: labels[index]
+				};
+			}) ?? [];
+		});
+		const comStyle = toRef(() => {
+			const contentFont = props.tagWidgetStyle?.contentFont;
+			if (!contentFont) return {};
+			return schemaToStyle(contentFont);
+		});
+		const getMsgColor = toRef(() => {
+			if (comStyle.value?.color) return comStyle.value;
+			return {
+				wordBreak: "break-all",
+				...comStyle.value
+			};
+		});
+		const visibleChange = async (visible, row) => {
+			tipMap[row.value] = visible;
+		};
+		function mouseup(row) {
+			visibleChange(true, row);
+		}
+		function cardFetch(id) {
+			return props.getCardData.bind(null, id);
+		}
+		return (_ctx, _cache) => {
+			const _component_a_popover = resolveComponent("a-popover");
+			return !!showLabel.value.length ? (openBlock(), createBlock(tag_layout_default, {
+				key: 0,
+				disabled: !!__props.disabled,
+				"label-layout": unref(labelLayout)
+			}, {
+				default: withCtx(() => [__props.showTagStyle && __props.tagWidgetStyle?.tagStyleOpen ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(showLabel.value, (i, index) => {
+					return openBlock(), createBlock(_component_a_popover, {
+						key: index,
+						trigger: __props.trigger,
+						visible: !!tipMap[i.value],
+						placement: "bottomLeft",
+						color: "#fff",
+						"overlay-class-name": "gct-ref-card-popover min-w100px min-h30px max-h96vh",
+						onVisibleChange: (v) => visibleChange(v, i)
+					}, {
+						content: withCtx(() => [createVNode(unref(CardViewRender), {
+							id: __props.refCardId,
+							"model-key": __props.modelKey,
+							fetch: cardFetch(i.value)
+						}, null, 8, [
+							"id",
+							"model-key",
+							"fetch"
+						])]),
+						default: withCtx(() => [createVNode(tag_span_default, {
+							"tag-style": __props.tagWidgetStyle.tagStyle,
+							onMouseup: ($event) => mouseup(i)
+						}, {
+							default: withCtx(() => [createElementVNode("span", {
+								class: normalizeClass(["select-text cursor-pointer", unref(classData)]),
+								style: normalizeStyle(getMsgColor.value)
+							}, toDisplayString(i.label), 7)]),
+							_: 2
+						}, 1032, ["tag-style", "onMouseup"])]),
+						_: 2
+					}, 1032, [
+						"trigger",
+						"visible",
+						"onVisibleChange"
+					]);
+				}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(showLabel.value, (i, index) => {
+					return openBlock(), createElementBlock(Fragment, { key: index }, [createElementVNode("span", null, toDisplayString(!!index ? "，" : ""), 1), createVNode(_component_a_popover, {
+						"overlay-class-name": "gct-ref-card-popover min-w100px min-h30px max-h96vh",
+						visible: !!tipMap[i.value],
+						trigger: __props.trigger,
+						color: "#fff",
+						placement: "bottomLeft",
+						onVisibleChange: (v) => visibleChange(v, i)
+					}, {
+						content: withCtx(() => [createVNode(unref(CardViewRender), {
+							id: __props.refCardId,
+							"model-key": __props.modelKey,
+							fetch: cardFetch(i.value)
+						}, null, 8, [
+							"id",
+							"model-key",
+							"fetch"
+						])]),
+						default: withCtx(() => [createElementVNode("span", {
+							class: normalizeClass(["select-text cursor-pointer", unref(classData)]),
+							style: normalizeStyle(getMsgColor.value),
+							onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
+							onMouseup: ($event) => mouseup(i)
+						}, toDisplayString(i.label), 47, _hoisted_1)]),
+						_: 2
+					}, 1032, [
+						"visible",
+						"trigger",
+						"onVisibleChange"
+					])], 64);
+				}), 128))]),
+				_: 1
+			}, 8, ["disabled", "label-layout"])) : (openBlock(), createElementBlock("span", _hoisted_2, "\xA0"));
+		};
+	}
+});
+//#endregion
+export { ref_card_label_render_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/form-component/field-label/ref-card-label-render.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,10 @@
+.gct-ref-card-popover {
+  overflow-y: auto;
+  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
+}
+.gct-ref-card-popover .ant-popover-inner-content {
+  padding: 0;
+}
+.gct-ref-card-popover .ant-popover-arrow {
+  display: none;
+}

package/es/components/form-component/field-label/selectTag.vue.d.ts

@@ -0,0 +1,5 @@
+export interface Props {
+    tagWidgetStyle: IObject;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,5 @@
+import selectTag_vue_vue_type_script_setup_true_lang_default from "./selectTag.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/form-component/field-label/selectTag.vue
+var selectTag_default = selectTag_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { selectTag_default as default };

package/es/components/form-component/field-label/selectTag.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,22 @@
+import tag_label_default from "./tag-label.vue.mjs";
+import { createBlock, defineComponent, openBlock, toRef } from "vue";
+//#region src/components/form-component/field-label/selectTag.vue?vue&type=script&setup=true&lang.ts
+var selectTag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "selectTag",
+	props: { tagWidgetStyle: {} },
+	setup(__props) {
+		const props = __props;
+		const tagWidgetStyle = toRef(() => {
+			if (!props.tagWidgetStyle.tagStyleOpen) return {
+				tagStyleOpen: true,
+				contentFont: props.tagWidgetStyle?.contentFont
+			};
+			else return props.tagWidgetStyle;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(tag_label_default, { "tag-widget-style": tagWidgetStyle.value }, null, 8, ["tag-widget-style"]);
+		};
+	}
+});
+//#endregion
+export { selectTag_vue_vue_type_script_setup_true_lang_default as default };