@gct-paas/render-web 0.1.4-dev.9 → 0.1.5-dev.1

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

@@ -0,0 +1,31 @@
+import { EntityFormulaReturnTypeEnum, FIELD_TYPE } from '@gct-paas/core';
+export interface Props {
+    tagWidgetStyle?: IObject;
+    type?: FIELD_TYPE | EntityFormulaReturnTypeEnum | undefined;
+    disabled?: boolean;
+    label?: string | (string | number)[];
+    isDesign?: boolean;
+    closable?: boolean;
+    /** 外部控制是否显示标签样式 */
+    showTagStyle?: boolean;
+    /** 头像 */
+    avatar?: string;
+    iconExtraProps?: Record<string, {
+        icon: string;
+        iconColor: string;
+        textColor: string;
+    }>;
+    iconProps?: {
+        icon: string;
+        iconColor: string;
+        textColor: string;
+    };
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "on-close": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onOn-close"?: ((...args: any[]) => any) | undefined;
+}>, {
+    showTagStyle: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +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_8b3c7ae1_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-8b3c7ae1"]]);
+//#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

@@ -0,0 +1,139 @@
+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, toDisplayString, toRef, unref, withCtx, withModifiers } from "vue";
+import { FIELD_TYPE } from "@gct-paas/core";
+import { IconNext, transformUrl } from "@gct-paas/core-web";
+import { Avatar } from "ant-design-vue";
+import { isString } from "lodash-es";
+//#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" };
+var _hoisted_3 = { key: 0 };
+var tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tag-label",
+	props: {
+		tagWidgetStyle: {},
+		type: {},
+		disabled: { type: Boolean },
+		label: {},
+		isDesign: { type: Boolean },
+		closable: { type: Boolean },
+		showTagStyle: {
+			type: Boolean,
+			default: true
+		},
+		avatar: {},
+		iconExtraProps: {},
+		iconProps: {}
+	},
+	emits: ["on-close"],
+	setup(__props) {
+		const props = __props;
+		const themeSetting = _gct.platformStore.themeSetting;
+		const labelLayout = inject("labelLayout", {});
+		const showLabel = toRef(() => {
+			let showMsg = props.label ?? "";
+			if (props.showTagStyle && props.tagWidgetStyle?.tagStyleOpen || props.type === FIELD_TYPE.ENUM_MULTI || props.type === FIELD_TYPE.ENUM) return showMsg ? isString(showMsg) ? showMsg.split(",") : showMsg : [];
+			else if (showMsg instanceof Array) return showMsg.join("，");
+			else return showMsg + "";
+		});
+		const comStyle = toRef(() => {
+			const contentFont = props.tagWidgetStyle?.contentFont;
+			if (!contentFont) return {};
+			return schemaToStyle(contentFont);
+		});
+		const getMsgColor = (key = "") => {
+			const iconAttrs = props.iconExtraProps?.[key] || {};
+			const color = {};
+			if (iconAttrs?.textColor) Object.assign(color, { color: iconAttrs?.textColor });
+			if (comStyle.value?.color) return comStyle.value;
+			return {
+				wordBreak: "break-all",
+				...comStyle.value,
+				...color
+			};
+		};
+		const iconNode = { render: ({ $attrs }) => {
+			if ($attrs.labelName) {
+				const iconAttrs = props.iconExtraProps?.[$attrs.labelName] || props.iconProps || {};
+				if (!iconAttrs?.icon) return;
+				return h(IconNext, {
+					size: 16,
+					value: iconAttrs?.icon,
+					color: iconAttrs?.iconColor || themeSetting.themeColor,
+					style: "vertical-align: text-bottom; margin-right: 3px"
+				});
+			}
+		} };
+		return (_ctx, _cache) => {
+			return __props.showTagStyle && __props.tagWidgetStyle?.tagStyleOpen ? (openBlock(), createBlock(tag_layout_default, {
+				key: 0,
+				disabled: !!__props.disabled,
+				"label-layout": unref(labelLayout)
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(showLabel.value, (i, index) => {
+					return openBlock(), createBlock(tag_span_default, {
+						key: index,
+						"tag-style": __props.tagWidgetStyle.tagStyle,
+						style: normalizeStyle(getMsgColor(i))
+					}, {
+						default: withCtx(() => [
+							props.avatar ? (openBlock(), createBlock(unref(Avatar), {
+								key: 0,
+								src: unref(transformUrl)(props.avatar),
+								size: 20,
+								style: { "margin-top": "-5px" },
+								class: "mr4px"
+							}, 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(unref(IconNext), {
+								key: 1,
+								size: 15,
+								value: "icon-park:close-small",
+								style: {
+									verticalAlign: "text-bottom",
+									"--color": "rgba(0,0,0,.45)",
+									lineHeight: "1",
+									marginLeft: "2px"
+								},
+								onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("on-close"), ["prevent", "stop"]))
+							})) : createCommentVNode("", true)
+						]),
+						_: 2
+					}, 1032, ["tag-style", "style"]);
+				}), 128))]),
+				_: 1
+			}, 8, ["disabled", "label-layout"])) : __props.type === unref(FIELD_TYPE).ENUM_MULTI || __props.type === unref(FIELD_TYPE).ENUM ? (openBlock(), createBlock(tag_layout_default, {
+				key: 1,
+				disabled: !!__props.disabled,
+				"label-layout": unref(labelLayout)
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(showLabel.value, (i, index) => {
+					return openBlock(), createElementBlock("span", {
+						key: index,
+						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)]),
+				_: 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 ell"
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(showLabel.value || "\xA0"), 1)]),
+				_: 1
+			}, 8, [
+				"style",
+				"disabled",
+				"label-layout"
+			]));
+		};
+	}
+});
+//#endregion
+export { tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default as default };

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

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

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

@@ -0,0 +1,21 @@
+interface Props {
+    labelLayout?: IObject;
+    disabled: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+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/form-component/field-label/tag-layout.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import tag_layout_vue_vue_type_script_setup_true_lang_default from "./tag-layout.vue_vue_type_script_setup_true_lang.mjs";
+import './tag-layout.vue_vue_type_style_index_0_scoped_85e6a8f5_lang.css';/* empty css                                                                 */
+//#region src/components/form-component/field-label/tag-layout.vue
+var tag_layout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tag_layout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-85e6a8f5"]]);
+//#endregion
+export { tag_layout_default as default };

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

@@ -0,0 +1,16 @@
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+//#region src/components/form-component/field-label/tag-layout.vue?vue&type=script&setup=true&lang.ts
+var tag_layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tag-layout",
+	props: {
+		labelLayout: {},
+		disabled: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass([__props.disabled ? "tag-label-disabled" : null, !!__props.labelLayout?.hasLabelWidth && (__props.labelLayout?.layout.label === "left" || __props.labelLayout?.layout == "horizontal") ? __props.labelLayout?.overLabelDisplay == "ellipsis" ? "label-ellipsis" : "label-wrap" : ""]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+		};
+	}
+});
+//#endregion
+export { tag_layout_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,12 @@
+.tag-label-disabled[data-v-85e6a8f5] {
+  opacity: 0.5;
+}
+.label-ellipsis[data-v-85e6a8f5] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.label-wrap[data-v-85e6a8f5] {
+  word-break: break-all;
+  white-space: wrap;
+}

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

@@ -0,0 +1,21 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+type __VLS_Props = {
+    tagStyle?: LowCodeWidget.TagConfigStyle;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+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/form-component/field-label/tag-span.vue.mjs

@@ -0,0 +1,7 @@
+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
+export { tag_span_default as default };

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

@@ -0,0 +1,25 @@
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toRef, useCssVars } from "vue";
+import { TagTypeEnum } from "@gct-paas/core";
+//#region src/components/form-component/field-label/tag-span.vue?vue&type=script&setup=true&lang.ts
+var tag_span_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tag-span",
+	props: { tagStyle: {} },
+	setup(__props) {
+		useCssVars((_ctx) => ({ "v2ae1b805": tagStyleColor.value }));
+		const props = __props;
+		const tagType = toRef(() => {
+			return props.tagStyle?.tagType || TagTypeEnum.RADIUS;
+		});
+		const tagStyleColor = toRef(() => {
+			return props.tagStyle?.color || "#f0f0f0";
+		});
+		const getTagClass = toRef(() => {
+			return `tag-${tagType.value}`;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(["tag cursor-pointer", getTagClass.value]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+		};
+	}
+});
+//#endregion
+export { tag_span_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,31 @@
+.tag[data-v-6c8c4c7a] {
+  padding: 4px 6px;
+  line-height: 1;
+}
+.tag + .tag[data-v-6c8c4c7a] {
+  margin-left: 5px;
+}
+.tag-radius[data-v-6c8c4c7a] {
+  border-radius: 4px;
+  background: var(--v2ae1b805);
+}
+.tag-linear_radius[data-v-6c8c4c7a] {
+  border: 1px solid var(--v2ae1b805);
+  border-radius: 4px;
+}
+.tag-big_radius[data-v-6c8c4c7a] {
+  border-radius: 100px;
+  background: var(--v2ae1b805);
+}
+.tag-linear_big_radius[data-v-6c8c4c7a] {
+  border: 1px solid var(--v2ae1b805);
+  border-radius: 100px;
+}
+.tag-dashed_radius[data-v-6c8c4c7a] {
+  border: 1px dashed var(--v2ae1b805);
+  border-radius: 4px;
+}
+.tag-status[data-v-6c8c4c7a] {
+  border-radius: 14px 4px 4px;
+  background: var(--v2ae1b805);
+}

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

@@ -0,0 +1,21 @@
+/** 与 FieldRadio 传入的 tagStyle 一致，避免依赖 @gct-paas/schema */
+interface TagWidgetStyle {
+    tagStyleOpen?: boolean;
+    contentFont?: unknown;
+    tagStyle?: unknown;
+}
+type __VLS_Props = {
+    isTooltip?: boolean;
+    label?: string | (string | number)[];
+    type?: string;
+    modelValue?: string;
+    tagWidgetStyle?: TagWidgetStyle;
+    disabled?: boolean;
+    iconExtraProps?: Record<string, {
+        icon?: string;
+        iconColor?: string;
+        textColor?: string;
+    }>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/form-component/field-readonly.vue.mjs

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

package/es/components/form-component/field-readonly.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,92 @@
+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 { FIELD_TYPE } from "@gct-paas/core";
+//#region src/components/form-component/field-readonly.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "w100% ell"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "gct-custom-tag ml8px"
+};
+var field_readonly_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "field-readonly",
+	props: {
+		isTooltip: { type: Boolean },
+		label: {},
+		type: {},
+		modelValue: {},
+		tagWidgetStyle: {},
+		disabled: { type: Boolean },
+		iconExtraProps: {}
+	},
+	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;
+		});
+		const { refCardValues, trigger, getCardData, modelKey, refCardId } = useGetRefCard();
+		const FieldLabel = computed(() => {
+			if (refCardValues?.value?.length) return h(ref_card_label_render_default, {
+				values: refCardValues.value,
+				trigger,
+				getCardData,
+				modelKey,
+				refCardId
+			});
+			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"]);
+		};
+	}
+});
+//#endregion
+export { field_readonly_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/form-component/index.css

@@ -0,0 +1,40 @@
+.field-radio-group .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-checked.ant-radio-disabled .ant-radio-inner {
+  border: 1px solid var(--ant-primary-3) !important;
+  background-color: #fff;
+}
+.field-radio-group .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-checked.ant-radio-disabled .ant-radio-inner::after {
+  background: var(--ant-primary-3);
+}
+.field-radio-group--readonly .ant-radio-wrapper {
+  pointer-events: none;
+}
+.field-radio-group--readonly .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
+  border: 1px solid var(--ant-primary-4) !important;
+  background-color: #fff;
+}
+.field-radio-group--readonly .ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
+  background: var(--ant-primary-4);
+}
+.field-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner {
+  border: 1px solid var(--ant-primary-3) !important;
+  background-color: var(--ant-primary-3);
+}
+.field-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner::after {
+  border-color: #fff;
+}
+.field-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-checked.ant-checkbox-disabled::after {
+  border: 1px solid var(--ant-primary-3) !important;
+}
+.field-checkbox-group--readonly .ant-checkbox-wrapper {
+  pointer-events: none;
+}
+.field-checkbox-group--readonly .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
+  border: 1px solid var(--ant-primary-4) !important;
+  background-color: var(--ant-primary-4);
+}
+.field-checkbox-group--readonly .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
+  border-color: #fff;
+}
+.field-checkbox-group--readonly .ant-checkbox-wrapper .ant-checkbox-checked::after {
+  border: 1px solid var(--ant-primary-4) !important;
+}

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

@@ -0,0 +1,10 @@
+import { default as FieldSelect } from './FieldSelect';
+import { default as FieldRadio } from './FieldRadio';
+import { default as FieldCheckbox } from './FieldCheckbox';
+import { default as TagLabel } from './field-label/tag-label.vue';
+import { default as selectTag } from './field-label/selectTag.vue';
+import { default as fieldReadonly } from './field-readonly.vue';
+import { default as refCardLabelRender } from './field-label/ref-card-label-render.vue';
+import { default as Tag } from './field-label/tag-span.vue';
+import { emptyValueDisplay } from './field-empty-value.tsx';
+export { FieldSelect, FieldRadio, FieldCheckbox, selectTag, TagLabel as taglabel, fieldReadonly, refCardLabelRender, Tag, emptyValueDisplay, };

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

@@ -0,0 +1,9 @@
+import "./field-label/tag-span.vue.mjs";
+import "./field-label/tag-label.vue.mjs";
+import "./field-label/selectTag.vue.mjs";
+import "./field-label/ref-card-label-render.vue.mjs";
+import "./field-readonly.vue.mjs";
+import "./FieldSelect.mjs";
+import "./FieldRadio.mjs";
+import "./FieldCheckbox.mjs";
+import "./field-empty-value.mjs";

package/es/components/index.d.ts

@@ -0,0 +1,3 @@
+import { DesignRender } from './design-render/design-render';
+export { DesignRender };
+export * from './form-component/index';

package/es/components/index.mjs

@@ -0,0 +1,11 @@
+import "./design-render/design-render.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 "./form-component/field-label/ref-card-label-render.vue.mjs";
+import "./form-component/field-readonly.vue.mjs";
+import "./form-component/FieldSelect.mjs";
+import "./form-component/FieldRadio.mjs";
+import "./form-component/FieldCheckbox.mjs";
+import "./form-component/field-empty-value.mjs";
+import "./form-component/index.mjs";

package/es/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './refCardList';

package/es/hooks/index.mjs

@@ -0,0 +1 @@
+import "./refCardList.mjs";

package/es/hooks/refCardList.d.ts

@@ -0,0 +1,23 @@
+import { FIELD_TYPE } from '@gct-paas/core';
+import { Select } from '@gct-paas/schema';
+export declare function useRefCardData(props: {
+    widget: Select;
+    modelValue?: string;
+}): void;
+export declare function useGetRefCard(): {
+    refCardValues?: undefined;
+    trigger?: undefined;
+    getCardData?: undefined;
+    modelKey?: undefined;
+    refCardId?: undefined;
+} | {
+    refCardValues: any;
+    trigger: any;
+    getCardData: (...args: any[]) => any;
+    modelKey: any;
+    refCardId: any;
+};
+export declare function getDataByModelType({ fieldType, modelKey }: {
+    fieldType: FIELD_TYPE;
+    modelKey: string;
+}, id: string): Promise<IObject | import('@gct-paas/render').RowData>;

package/es/hooks/refCardList.mjs

@@ -0,0 +1,56 @@
+import { transformDataToDict } from "@gct-paas/render";
+import { inject, provide, toRef } from "vue";
+import { EntityModelCategoryEnum, FIELD_TYPE, gctMemoizeAsync } from "@gct-paas/core";
+//#region src/hooks/refCardList.ts
+/**关联字段信息卡逻辑 */
+function useRefCardData(props) {
+	const { fieldType, refCard, refCardId, readonly } = props.widget.props;
+	if ((fieldType === FIELD_TYPE.REF || fieldType === FIELD_TYPE.REF_MULTI || fieldType === FIELD_TYPE.RDO_REF) && refCard && refCardId && readonly) provide("refCardValues", {
+		refCardValues: toRef(() => {
+			const values = props.modelValue ?? [];
+			if (values instanceof Array) return values;
+			else return values.split(",");
+		}),
+		widget: props.widget
+	});
+}
+function useGetRefCard() {
+	const refCardInfo = inject("refCardValues");
+	if (!refCardInfo) return {};
+	const { fieldType, bindModelKey, refCardId, cardTrigger } = refCardInfo?.widget?.props || {};
+	return {
+		refCardValues: refCardInfo?.refCardValues,
+		trigger: cardTrigger,
+		getCardData: gctMemoizeAsync(getDataByModelType, {
+			fieldType,
+			modelKey: bindModelKey
+		}),
+		modelKey: bindModelKey,
+		refCardId
+	};
+}
+async function getDataByModelType({ fieldType, modelKey }, id) {
+	if (fieldType === FIELD_TYPE.RDO_REF) {
+		const { data = {}, dict = {} } = await _api.apaas.modelComprehensive.postBizServiceGeneralModelCategoryModelKeyBsKey({
+			modelKey,
+			bsKey: "rdoGetVersionByRefId",
+			modelCategory: EntityModelCategoryEnum.ENTITY
+		}, { foreignFields: [] }, {
+			includeDeleted: 1,
+			refId: id
+		});
+		return transformDataToDict(data, dict);
+	} else {
+		const { data = {}, dict = {} } = await _api.apaas.modelComprehensive.postBizServiceGeneralModelCategoryModelKeyBsKey({
+			modelKey,
+			bsKey: "getOne",
+			modelCategory: EntityModelCategoryEnum.ENTITY
+		}, {
+			query: { "id_.eq": id },
+			foreignFields: []
+		}, { includeDeleted: 1 });
+		return transformDataToDict(data, dict);
+	}
+}
+//#endregion
+export { getDataByModelType, useGetRefCard, useRefCardData };

package/es/index.d.ts

@@ -1,2 +1,4 @@
-export { setupPageEvent, usePageEvent, type ContextPcType, } from './Event/EventsPc';
+export { setupPageEvent, usePageEvent, type ContextPcType, type EventsPC, } from './Event/Events';
+export * from './components/index';
+export * from './hooks';
 export declare function run(): void;