@gct-paas/design-web 0.1.4-dev.13 → 0.1.4-dev.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/index.min.css +1 -1
  2. package/dist/loader.esm.min.js +1 -778
  3. package/es/components/I18nSelect/src/i18n-select-input.vue.mjs +2 -2
  4. package/es/components/I18nSelect/src/i18n-select-input.vue_vue_type_script_setup_true_name_i18n-select-input_lang.mjs +1 -1
  5. package/es/components/I18nSelect/src/i18n-select-input.vue_vue_type_style_index_0_scoped_64c5221c_lang.css +3 -0
  6. package/es/components/form-component/FieldCheckbox.d.ts +38 -0
  7. package/es/components/form-component/FieldCheckbox.mjs +71 -0
  8. package/es/components/form-component/FieldRadio.d.ts +38 -0
  9. package/es/components/form-component/FieldRadio.mjs +64 -0
  10. package/es/components/form-component/FieldSelect.d.ts +82 -0
  11. package/es/components/form-component/FieldSelect.mjs +174 -0
  12. package/es/components/form-component/field-emptyValue.d.ts +6 -0
  13. package/es/components/form-component/field-label/selectTag.vue.d.ts +10 -0
  14. package/es/components/form-component/field-label/selectTag.vue.mjs +5 -0
  15. package/es/components/form-component/field-label/selectTag.vue_vue_type_script_setup_true_lang.mjs +22 -0
  16. package/es/components/form-component/field-label/tag-label.vue.d.ts +36 -0
  17. package/es/components/form-component/field-label/tag-label.vue.mjs +7 -0
  18. package/es/components/form-component/field-label/tag-label.vue_vue_type_script_setup_true_lang.mjs +143 -0
  19. package/es/components/form-component/field-label/tag-label.vue_vue_type_style_index_0_scoped_a1ded441_lang.css +15 -0
  20. package/es/components/form-component/field-label/tag-layout.vue.d.ts +21 -0
  21. package/es/components/form-component/field-label/tag-layout.vue.mjs +7 -0
  22. package/es/components/form-component/field-label/tag-layout.vue_vue_type_script_setup_true_lang.mjs +16 -0
  23. package/es/components/form-component/field-label/tag-layout.vue_vue_type_style_index_0_scoped_85e6a8f5_lang.css +12 -0
  24. package/es/components/form-component/field-label/tag-span.vue.d.ts +21 -0
  25. package/es/components/form-component/field-label/tag-span.vue.mjs +7 -0
  26. package/es/components/form-component/field-label/tag-span.vue_vue_type_script_setup_true_lang.mjs +25 -0
  27. package/es/components/form-component/field-label/tag-span.vue_vue_type_style_index_0_scoped_3bf855f6_lang.css +31 -0
  28. package/es/components/form-component/field-readonly.vue.d.ts +22 -0
  29. package/es/components/form-component/field-readonly.vue.mjs +5 -0
  30. package/es/components/form-component/field-readonly.vue_vue_type_script_setup_true_lang.mjs +82 -0
  31. package/es/components/form-component/index.css +40 -0
  32. package/es/components/form-component/index.d.ts +7 -0
  33. package/es/components/form-component/index.mjs +6 -0
  34. package/es/components/index.d.ts +1 -0
  35. package/es/components/index.mjs +7 -0
  36. package/es/index.mjs +7 -1
  37. package/package.json +8 -12
  38. package/es/components/I18nSelect/src/i18n-select-input.vue_vue_type_style_index_0_scoped_412e1309_lang.css +0 -3
@@ -0,0 +1,143 @@
1
+ import tag_span_default from "./tag-span.vue.mjs";
2
+ import tag_layout_default from "./tag-layout.vue.mjs";
3
+ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, inject, normalizeStyle, openBlock, renderList, toDisplayString, toRef, unref, withCtx, withModifiers } from "vue";
4
+ import { isString } from "lodash-es";
5
+ import { IconNext, transformUrl } from "@gct-paas/core-web";
6
+ import { FIELD_TYPE, t } from "@gct-paas/core";
7
+ import { Avatar } from "ant-design-vue";
8
+ import { schemaToStyle, transformField2Component } from "@gct-paas/design";
9
+ //#region src/components/form-component/field-label/tag-label.vue?vue&type=script&setup=true&lang.ts
10
+ var _hoisted_1 = { class: "select-text" };
11
+ var _hoisted_2 = { class: "select-text" };
12
+ var _hoisted_3 = { key: 0 };
13
+ var tag_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
14
+ __name: "tag-label",
15
+ props: {
16
+ tagWidgetStyle: {},
17
+ type: {},
18
+ disabled: { type: Boolean },
19
+ label: {},
20
+ isDesign: { type: Boolean },
21
+ closable: { type: Boolean },
22
+ showTagStyle: {
23
+ type: Boolean,
24
+ default: true
25
+ },
26
+ avatar: {},
27
+ iconExtraProps: {},
28
+ iconProps: {}
29
+ },
30
+ emits: ["on-close"],
31
+ setup(__props) {
32
+ const props = __props;
33
+ const themeSetting = _gct.platformStore.themeSetting;
34
+ const labelLayout = inject("labelLayout", {});
35
+ const showLabel = computed(() => {
36
+ let showMsg = props.label ?? "";
37
+ if ((!showMsg || showMsg.length <= 0) && props.isDesign) {
38
+ const example = props.type ? transformField2Component(props.type)?.example || "" : "";
39
+ showMsg = example ? isString(example) ? t(example) : example.map((e) => t(e)) : "";
40
+ }
41
+ if (props.showTagStyle && props.tagWidgetStyle?.tagStyleOpen || props.type === FIELD_TYPE.ENUM_MULTI || props.type === FIELD_TYPE.ENUM) return showMsg ? isString(showMsg) ? showMsg.split(",") : showMsg : [];
42
+ else if (showMsg instanceof Array) return showMsg.join(",");
43
+ else return showMsg + "";
44
+ });
45
+ const comStyle = toRef(() => {
46
+ const contentFont = props.tagWidgetStyle?.contentFont;
47
+ if (!contentFont) return {};
48
+ return schemaToStyle(contentFont);
49
+ });
50
+ const getMsgColor = (key = "") => {
51
+ const iconAttrs = props.iconExtraProps?.[key] || {};
52
+ const color = {};
53
+ if (iconAttrs?.textColor) Object.assign(color, { color: iconAttrs?.textColor });
54
+ if (comStyle.value?.color) return comStyle.value;
55
+ return {
56
+ wordBreak: "break-all",
57
+ ...comStyle.value,
58
+ ...color
59
+ };
60
+ };
61
+ const iconNode = { render: ({ $attrs }) => {
62
+ if ($attrs.labelName) {
63
+ const iconAttrs = props.iconExtraProps?.[$attrs.labelName] || props.iconProps || {};
64
+ if (!iconAttrs?.icon) return;
65
+ return h(IconNext, {
66
+ size: 16,
67
+ value: iconAttrs?.icon,
68
+ color: iconAttrs?.iconColor || themeSetting.themeColor,
69
+ style: "vertical-align: text-bottom; margin-right: 3px"
70
+ });
71
+ }
72
+ } };
73
+ return (_ctx, _cache) => {
74
+ return __props.showTagStyle && __props.tagWidgetStyle?.tagStyleOpen ? (openBlock(), createBlock(tag_layout_default, {
75
+ key: 0,
76
+ disabled: !!__props.disabled,
77
+ "label-layout": unref(labelLayout)
78
+ }, {
79
+ default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(showLabel.value, (i, index) => {
80
+ return openBlock(), createBlock(tag_span_default, {
81
+ key: index,
82
+ "tag-style": __props.tagWidgetStyle.tagStyle,
83
+ style: normalizeStyle(getMsgColor(i))
84
+ }, {
85
+ default: withCtx(() => [
86
+ props.avatar ? (openBlock(), createBlock(unref(Avatar), {
87
+ key: 0,
88
+ src: unref(transformUrl)(props.avatar),
89
+ size: 20,
90
+ style: { "margin-top": "-5px" },
91
+ class: "mr4px"
92
+ }, null, 8, ["src"])) : createCommentVNode("", true),
93
+ createVNode(iconNode, { "label-name": i }, null, 8, ["label-name"]),
94
+ createElementVNode("span", _hoisted_1, toDisplayString(i), 1),
95
+ __props.closable ? (openBlock(), createBlock(unref(IconNext), {
96
+ key: 1,
97
+ size: 15,
98
+ value: "icon-park:close-small",
99
+ style: {
100
+ verticalAlign: "text-bottom",
101
+ "--color": "rgba(0,0,0,.45)",
102
+ lineHeight: "1",
103
+ marginLeft: "2px"
104
+ },
105
+ onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("on-close"), ["prevent", "stop"]))
106
+ })) : createCommentVNode("", true)
107
+ ]),
108
+ _: 2
109
+ }, 1032, ["tag-style", "style"]);
110
+ }), 128))]),
111
+ _: 1
112
+ }, 8, ["disabled", "label-layout"])) : __props.type === unref(FIELD_TYPE).ENUM_MULTI || __props.type === unref(FIELD_TYPE).ENUM ? (openBlock(), createBlock(tag_layout_default, {
113
+ key: 1,
114
+ disabled: !!__props.disabled,
115
+ "label-layout": unref(labelLayout)
116
+ }, {
117
+ default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(showLabel.value, (i, index) => {
118
+ return openBlock(), createElementBlock("span", {
119
+ key: index,
120
+ style: normalizeStyle(getMsgColor(i)),
121
+ class: "mr-5px"
122
+ }, [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);
123
+ }), 128)), !showLabel.value.length ? (openBlock(), createElementBlock("span", _hoisted_3, "\xA0")) : createCommentVNode("", true)]),
124
+ _: 1
125
+ }, 8, ["disabled", "label-layout"])) : (openBlock(), createBlock(tag_layout_default, {
126
+ key: 2,
127
+ style: normalizeStyle(getMsgColor(showLabel.value)),
128
+ disabled: !!__props.disabled,
129
+ "label-layout": unref(labelLayout),
130
+ class: "select-text leading-none ell"
131
+ }, {
132
+ default: withCtx(() => [createTextVNode(toDisplayString(showLabel.value || "\xA0"), 1)]),
133
+ _: 1
134
+ }, 8, [
135
+ "style",
136
+ "disabled",
137
+ "label-layout"
138
+ ]));
139
+ };
140
+ }
141
+ });
142
+ //#endregion
143
+ export { tag_label_vue_vue_type_script_setup_true_lang_default as default };
@@ -0,0 +1,15 @@
1
+ .tag-label-disabled[data-v-a1ded441] {
2
+ opacity: 0.5;
3
+ }
4
+ .label-ellipsis[data-v-a1ded441] {
5
+ overflow: hidden;
6
+ text-overflow: ellipsis;
7
+ white-space: nowrap;
8
+ }
9
+ .label-wrap[data-v-a1ded441] {
10
+ word-break: break-all;
11
+ white-space: wrap;
12
+ }
13
+ .select-text[data-v-a1ded441] {
14
+ min-width: 16px;
15
+ }
@@ -0,0 +1,21 @@
1
+ interface Props {
2
+ labelLayout?: IObject;
3
+ disabled: boolean;
4
+ }
5
+ declare function __VLS_template(): {
6
+ attrs: Partial<{}>;
7
+ slots: {
8
+ default?(_: {}): any;
9
+ };
10
+ refs: {};
11
+ rootEl: HTMLSpanElement;
12
+ };
13
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
14
+ 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>;
15
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
16
+ export default _default;
17
+ type __VLS_WithTemplateSlots<T, S> = T & {
18
+ new (): {
19
+ $slots: S;
20
+ };
21
+ };
@@ -0,0 +1,7 @@
1
+ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
2
+ import tag_layout_vue_vue_type_script_setup_true_lang_default from "./tag-layout.vue_vue_type_script_setup_true_lang.mjs";
3
+ import './tag-layout.vue_vue_type_style_index_0_scoped_85e6a8f5_lang.css';/* empty css */
4
+ //#region src/components/form-component/field-label/tag-layout.vue
5
+ var tag_layout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tag_layout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-85e6a8f5"]]);
6
+ //#endregion
7
+ export { tag_layout_default as default };
@@ -0,0 +1,16 @@
1
+ import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
2
+ //#region src/components/form-component/field-label/tag-layout.vue?vue&type=script&setup=true&lang.ts
3
+ var tag_layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
4
+ __name: "tag-layout",
5
+ props: {
6
+ labelLayout: {},
7
+ disabled: { type: Boolean }
8
+ },
9
+ setup(__props) {
10
+ return (_ctx, _cache) => {
11
+ 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);
12
+ };
13
+ }
14
+ });
15
+ //#endregion
16
+ export { tag_layout_vue_vue_type_script_setup_true_lang_default as default };
@@ -0,0 +1,12 @@
1
+ .tag-label-disabled[data-v-85e6a8f5] {
2
+ opacity: 0.5;
3
+ }
4
+ .label-ellipsis[data-v-85e6a8f5] {
5
+ overflow: hidden;
6
+ text-overflow: ellipsis;
7
+ white-space: nowrap;
8
+ }
9
+ .label-wrap[data-v-85e6a8f5] {
10
+ word-break: break-all;
11
+ white-space: wrap;
12
+ }
@@ -0,0 +1,21 @@
1
+ import { LowCodeWidget } from '@gct-paas/schema';
2
+ type __VLS_Props = {
3
+ tagStyle?: LowCodeWidget.TagConfigStyle;
4
+ };
5
+ declare function __VLS_template(): {
6
+ attrs: Partial<{}>;
7
+ slots: {
8
+ default?(_: {}): any;
9
+ };
10
+ refs: {};
11
+ rootEl: HTMLSpanElement;
12
+ };
13
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
14
+ 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>;
15
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
16
+ export default _default;
17
+ type __VLS_WithTemplateSlots<T, S> = T & {
18
+ new (): {
19
+ $slots: S;
20
+ };
21
+ };
@@ -0,0 +1,7 @@
1
+ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
2
+ import tag_span_vue_vue_type_script_setup_true_lang_default from "./tag-span.vue_vue_type_script_setup_true_lang.mjs";
3
+ import './tag-span.vue_vue_type_style_index_0_scoped_3bf855f6_lang.css';/* empty css */
4
+ //#region src/components/form-component/field-label/tag-span.vue
5
+ var tag_span_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tag_span_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3bf855f6"]]);
6
+ //#endregion
7
+ export { tag_span_default as default };
@@ -0,0 +1,25 @@
1
+ import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toRef, useCssVars } from "vue";
2
+ import { TagTypeEnum } from "@gct-paas/core";
3
+ //#region src/components/form-component/field-label/tag-span.vue?vue&type=script&setup=true&lang.ts
4
+ var tag_span_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
5
+ __name: "tag-span",
6
+ props: { tagStyle: {} },
7
+ setup(__props) {
8
+ useCssVars((_ctx) => ({ "v650d3ac5": tagStyleColor.value }));
9
+ const props = __props;
10
+ const tagType = toRef(() => {
11
+ return props.tagStyle?.tagType || TagTypeEnum.RADIUS;
12
+ });
13
+ const tagStyleColor = toRef(() => {
14
+ return props.tagStyle?.color || "#f0f0f0";
15
+ });
16
+ const getTagClass = toRef(() => {
17
+ return `tag-${tagType.value}`;
18
+ });
19
+ return (_ctx, _cache) => {
20
+ return openBlock(), createElementBlock("span", { class: normalizeClass(["tag cursor-pointer", getTagClass.value]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
21
+ };
22
+ }
23
+ });
24
+ //#endregion
25
+ export { tag_span_vue_vue_type_script_setup_true_lang_default as default };
@@ -0,0 +1,31 @@
1
+ .tag[data-v-3bf855f6] {
2
+ padding: 4px 6px;
3
+ line-height: 1;
4
+ }
5
+ .tag + .tag[data-v-3bf855f6] {
6
+ margin-left: 5px;
7
+ }
8
+ .tag-radius[data-v-3bf855f6] {
9
+ border-radius: 4px;
10
+ background: var(--v650d3ac5);
11
+ }
12
+ .tag-linear_radius[data-v-3bf855f6] {
13
+ border: 1px solid var(--v650d3ac5);
14
+ border-radius: 4px;
15
+ }
16
+ .tag-big_radius[data-v-3bf855f6] {
17
+ border-radius: 100px;
18
+ background: var(--v650d3ac5);
19
+ }
20
+ .tag-linear_big_radius[data-v-3bf855f6] {
21
+ border: 1px solid var(--v650d3ac5);
22
+ border-radius: 100px;
23
+ }
24
+ .tag-dashed_radius[data-v-3bf855f6] {
25
+ border: 1px dashed var(--v650d3ac5);
26
+ border-radius: 4px;
27
+ }
28
+ .tag-status[data-v-3bf855f6] {
29
+ border-radius: 14px 4px 4px;
30
+ background: var(--v650d3ac5);
31
+ }
@@ -0,0 +1,22 @@
1
+ import { LowCodeWidget } from '@gct-paas/schema';
2
+ /** 与 FieldRadio 传入的 tagStyle 一致,避免依赖 @gct-paas/schema */
3
+ interface TagWidgetStyle {
4
+ tagStyleOpen?: boolean;
5
+ contentFont?: LowCodeWidget.FontStyle;
6
+ tagStyle?: LowCodeWidget.TagConfigStyle;
7
+ }
8
+ type __VLS_Props = {
9
+ isTooltip?: boolean;
10
+ label?: string | (string | number)[];
11
+ type?: string;
12
+ modelValue?: string;
13
+ tagWidgetStyle?: TagWidgetStyle;
14
+ disabled?: boolean;
15
+ iconExtraProps?: Record<string, {
16
+ icon?: string;
17
+ iconColor?: string;
18
+ textColor?: string;
19
+ }>;
20
+ };
21
+ 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>;
22
+ export default _default;
@@ -0,0 +1,5 @@
1
+ import field_readonly_vue_vue_type_script_setup_true_lang_default from "./field-readonly.vue_vue_type_script_setup_true_lang.mjs";
2
+ //#region src/components/form-component/field-readonly.vue
3
+ var field_readonly_default = field_readonly_vue_vue_type_script_setup_true_lang_default;
4
+ //#endregion
5
+ export { field_readonly_default as default };
@@ -0,0 +1,82 @@
1
+ import tag_label_default from "./field-label/tag-label.vue.mjs";
2
+ import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, ref, resolveComponent, toDisplayString, unref, withCtx } from "vue";
3
+ import { FIELD_TYPE } from "@gct-paas/core";
4
+ //#region src/components/form-component/field-readonly.vue?vue&type=script&setup=true&lang.ts
5
+ var _hoisted_1 = {
6
+ key: 0,
7
+ class: "w100% ell"
8
+ };
9
+ var _hoisted_2 = {
10
+ key: 0,
11
+ class: "gct-custom-tag ml8px"
12
+ };
13
+ var field_readonly_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
14
+ __name: "field-readonly",
15
+ props: {
16
+ isTooltip: { type: Boolean },
17
+ label: {},
18
+ type: {},
19
+ modelValue: {},
20
+ tagWidgetStyle: {},
21
+ disabled: { type: Boolean },
22
+ iconExtraProps: {}
23
+ },
24
+ setup(__props) {
25
+ const props = __props;
26
+ const visible = ref(false);
27
+ const showLabel = computed(() => {
28
+ if (Array.isArray(props.label)) return props.label.join(",");
29
+ else return props.label;
30
+ });
31
+ const FieldLabel = computed(() => {
32
+ return tag_label_default;
33
+ });
34
+ /**超出内容出现tip显示全部 */
35
+ function onMouseenter(e) {
36
+ if (!props.isTooltip) return;
37
+ const el = e.target?.parentNode;
38
+ console.log();
39
+ if (el.scrollWidth > el.clientWidth) visible.value = true;
40
+ }
41
+ function onMouseleave() {
42
+ visible.value = false;
43
+ }
44
+ return (_ctx, _cache) => {
45
+ const _component_a_tooltip = resolveComponent("a-tooltip");
46
+ return openBlock(), createBlock(_component_a_tooltip, {
47
+ placement: "topLeft",
48
+ visible: visible.value
49
+ }, {
50
+ title: withCtx(() => [createTextVNode(toDisplayString(showLabel.value), 1)]),
51
+ default: withCtx(() => [props.type === unref(FIELD_TYPE).RDO_REF ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(FieldLabel), mergeProps(_ctx.$attrs, {
52
+ label: __props.label,
53
+ "tag-widget-style": props.tagWidgetStyle,
54
+ disabled: props.disabled,
55
+ "icon-extra-props": props.iconExtraProps,
56
+ onMouseenter,
57
+ onMouseleave
58
+ }), null, 16, [
59
+ "label",
60
+ "tag-widget-style",
61
+ "disabled",
62
+ "icon-extra-props"
63
+ ]), 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, {
64
+ label: __props.label,
65
+ "tag-widget-style": props.tagWidgetStyle,
66
+ disabled: props.disabled,
67
+ "icon-extra-props": props.iconExtraProps,
68
+ onMouseenter,
69
+ onMouseleave
70
+ }), null, 16, [
71
+ "label",
72
+ "tag-widget-style",
73
+ "disabled",
74
+ "icon-extra-props"
75
+ ]))]),
76
+ _: 1
77
+ }, 8, ["visible"]);
78
+ };
79
+ }
80
+ });
81
+ //#endregion
82
+ export { field_readonly_vue_vue_type_script_setup_true_lang_default as default };
@@ -0,0 +1,40 @@
1
+ .field-radio-group .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-checked.ant-radio-disabled .ant-radio-inner {
2
+ border: 1px solid var(--ant-primary-3) !important;
3
+ background-color: #fff;
4
+ }
5
+ .field-radio-group .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-checked.ant-radio-disabled .ant-radio-inner::after {
6
+ background: var(--ant-primary-3);
7
+ }
8
+ .field-radio-group--readonly .ant-radio-wrapper {
9
+ pointer-events: none;
10
+ }
11
+ .field-radio-group--readonly .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
12
+ border: 1px solid var(--ant-primary-4) !important;
13
+ background-color: #fff;
14
+ }
15
+ .field-radio-group--readonly .ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
16
+ background: var(--ant-primary-4);
17
+ }
18
+ .field-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner {
19
+ border: 1px solid var(--ant-primary-3) !important;
20
+ background-color: var(--ant-primary-3);
21
+ }
22
+ .field-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner::after {
23
+ border-color: #fff;
24
+ }
25
+ .field-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-checked.ant-checkbox-disabled::after {
26
+ border: 1px solid var(--ant-primary-3) !important;
27
+ }
28
+ .field-checkbox-group--readonly .ant-checkbox-wrapper {
29
+ pointer-events: none;
30
+ }
31
+ .field-checkbox-group--readonly .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
32
+ border: 1px solid var(--ant-primary-4) !important;
33
+ background-color: var(--ant-primary-4);
34
+ }
35
+ .field-checkbox-group--readonly .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
36
+ border-color: #fff;
37
+ }
38
+ .field-checkbox-group--readonly .ant-checkbox-wrapper .ant-checkbox-checked::after {
39
+ border: 1px solid var(--ant-primary-4) !important;
40
+ }
@@ -0,0 +1,7 @@
1
+ import { default as FieldSelect } from './FieldSelect';
2
+ import { default as FieldRadio } from './FieldRadio';
3
+ import { default as FieldCheckbox } from './FieldCheckbox';
4
+ import { default as TagLabel } from './field-label/tag-label.vue';
5
+ import { default as selectTag } from './field-label/selectTag.vue';
6
+ import { default as fieldReadonly } from './field-readonly.vue';
7
+ export { FieldSelect, FieldRadio, FieldCheckbox, selectTag, TagLabel as taglabel, fieldReadonly, };
@@ -0,0 +1,6 @@
1
+ import "./field-label/tag-label.vue.mjs";
2
+ import "./field-readonly.vue.mjs";
3
+ import "./field-label/selectTag.vue.mjs";
4
+ import "./FieldSelect.mjs";
5
+ import "./FieldRadio.mjs";
6
+ import "./FieldCheckbox.mjs";
@@ -1 +1,2 @@
1
1
  export * from './I18nSelect/index';
2
+ export * from './form-component/index';
@@ -6,3 +6,10 @@ import "./I18nSelect/src/i18n-select-input-form.vue.mjs";
6
6
  import "./I18nSelect/src/i18n-select-textarea.vue.mjs";
7
7
  import "./I18nSelect/src/i18n-select-textarea-form.vue.mjs";
8
8
  import "./I18nSelect/index.mjs";
9
+ import "./form-component/field-label/tag-label.vue.mjs";
10
+ import "./form-component/field-readonly.vue.mjs";
11
+ import "./form-component/field-label/selectTag.vue.mjs";
12
+ import "./form-component/FieldSelect.mjs";
13
+ import "./form-component/FieldRadio.mjs";
14
+ import "./form-component/FieldCheckbox.mjs";
15
+ import "./form-component/index.mjs";
package/es/index.mjs CHANGED
@@ -5,10 +5,16 @@ import i18n_select_input_default from "./components/I18nSelect/src/i18n-select-i
5
5
  import i18n_select_input_form_default from "./components/I18nSelect/src/i18n-select-input-form.vue.mjs";
6
6
  import i18n_select_textarea_default from "./components/I18nSelect/src/i18n-select-textarea.vue.mjs";
7
7
  import i18n_select_textarea_form_default from "./components/I18nSelect/src/i18n-select-textarea-form.vue.mjs";
8
+ import tag_label_default from "./components/form-component/field-label/tag-label.vue.mjs";
9
+ import field_readonly_default from "./components/form-component/field-readonly.vue.mjs";
10
+ import selectTag_default from "./components/form-component/field-label/selectTag.vue.mjs";
11
+ import FieldSelect_default from "./components/form-component/FieldSelect.mjs";
12
+ import FieldRadio_default from "./components/form-component/FieldRadio.mjs";
13
+ import FieldCheckbox_default from "./components/form-component/FieldCheckbox.mjs";
8
14
  import "./components/index.mjs";
9
15
  //#region src/index.ts
10
16
  var src_default = { install(app) {
11
17
  console.log("Design Web install", app);
12
18
  } };
13
19
  //#endregion
14
- export { i18n_modal_default as I18Modal, i18n_select_btn_default as I18nSelectBtn, i18n_select_input_default as I18nSelectInput, i18n_select_input_form_default as I18nSelectInputForm, i18n_select_textarea_default as I18nSelectTextarea, i18n_select_textarea_form_default as I18nSelectTextareaForm, src_default as default, useI18nSelect };
20
+ export { FieldCheckbox_default as FieldCheckbox, FieldRadio_default as FieldRadio, FieldSelect_default as FieldSelect, i18n_modal_default as I18Modal, i18n_select_btn_default as I18nSelectBtn, i18n_select_input_default as I18nSelectInput, i18n_select_input_form_default as I18nSelectInputForm, i18n_select_textarea_default as I18nSelectTextarea, i18n_select_textarea_form_default as I18nSelectTextareaForm, src_default as default, field_readonly_default as fieldReadonly, selectTag_default as selectTag, tag_label_default as taglabel, useI18nSelect };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gct-paas/design-web",
3
- "version": "0.1.4-dev.13",
3
+ "version": "0.1.4-dev.14",
4
4
  "type": "module",
5
5
  "description": "paas 平台设计界面移动端底包",
6
6
  "main": "dist/index.min.cjs",
@@ -44,18 +44,14 @@
44
44
  "dependencies": {
45
45
  "@ant-design/icons-vue": "^6.1.0",
46
46
  "@gct-paas/api": "^0.1.1",
47
- "@gct-paas/core": "0.1.4-dev.13",
48
- "@gct-paas/core-web": "0.1.4-dev.13",
49
- "@gct-paas/design": "0.1.4-dev.13",
50
- "@gct-paas/schema": "0.1.4-dev.13",
51
- "@gct-paas/scss": "0.1.4-dev.13",
47
+ "@gct-paas/core": "0.1.4-dev.14",
48
+ "@gct-paas/core-web": "0.1.4-dev.14",
49
+ "@gct-paas/design": "0.1.4-dev.14",
50
+ "@gct-paas/schema": "0.1.4-dev.14",
51
+ "@gct-paas/scss": "0.1.4-dev.14",
52
52
  "@vueuse/core": "^14.1.0",
53
- "ant-design-vue": "3.2.20",
53
+ "ant-design-vue": "~3.2.20",
54
54
  "vue": "^3.5.30"
55
55
  },
56
- "devDependencies": {
57
- "@gct-paas/build": "^0.1.6-dev.4",
58
- "sass": "^1.97.3"
59
- },
60
- "gitHead": "730343d424ac98e1cd00b6f4cddf8a9823a48357"
56
+ "gitHead": "d03e6d5c7bd1c3edf73777ce40e0c0ed4982622f"
61
57
  }
@@ -1,3 +0,0 @@
1
- [data-v-412e1309] .ant-form-item-has-error .ant-btn {
2
- border-color: var(--ant-error-color) !important;
3
- }