@gct-paas/core-web 0.1.5-dev.6 → 0.1.5-dev.8

package/es/components/serial-number/serial-number-item.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,452 @@
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
+import { omit } from "lodash-es";
+import { PatternEnum, ResetConditionEnum, TypeEnum, t } from "@gct-paas/core";
+import { message } from "ant-design-vue";
+//#region src/components/serial-number/serial-number-item.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "serial-item-container flex" };
+var _hoisted_2 = { class: "tit" };
+var _hoisted_3 = { class: "tit" };
+var _hoisted_4 = { class: "tit" };
+var _hoisted_5 = { class: "tit" };
+var _hoisted_6 = { class: "flex flex-col mr-10px serial-num-no-error" };
+var _hoisted_7 = { class: "tit" };
+var _hoisted_8 = { class: "serial-num-no-error flex items-end" };
+var _hoisted_9 = { class: "tit" };
+var _hoisted_10 = { class: "tit" };
+var _hoisted_11 = { class: "tit" };
+var _hoisted_12 = { class: "tit" };
+var _hoisted_13 = { class: "flex flex-col mr-10px serial-num-no-error" };
+var _hoisted_14 = { class: "tit" };
+var serial_number_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "serial-number-item",
+	props: {
+		fieldName: {},
+		isShow: { type: Boolean },
+		itemConfig: {},
+		modelKey: {},
+		isFeild: { type: Boolean },
+		required: { type: Boolean },
+		serialValiIds: {},
+		haveIncrease: { type: Boolean }
+	},
+	emits: ["del", "update:itemConfig"],
+	setup(__props, { emit: __emit }) {
+		const letters = ref([{
+			value: 0,
+			label: "sys.model.lowercase"
+		}, {
+			value: 1,
+			label: "sys.model.uppercase"
+		}]);
+		const explain = ref([
+			"最小长度：序列号的最小长度。",
+			"起始序号：序列号会从起始序号开始编码。",
+			"填充符：序列号值的长度不够时自动补位。",
+			"步长：下一个序列号在上一个序列号上递增或递减。",
+			"终止序号：序列号会在终止序号处结束。"
+		]);
+		const emit = __emit;
+		const props = __props;
+		const fieldCascaderRef = ref();
+		const filterTypeEnum = computed(() => {
+			if (props.haveIncrease && configValue.value.type !== TypeEnum.INCREASE) return omit(TypeEnum, "INCREASE");
+			return TypeEnum;
+		});
+		const minLength = computed({
+			get() {
+				return props.itemConfig.config.minLength;
+			},
+			set(value) {
+				configValue.value.config.minLength = value || 0;
+				emit("update:itemConfig", configValue.value);
+			}
+		});
+		const from = computed({
+			get() {
+				return props.itemConfig.config.from;
+			},
+			set(value) {
+				configValue.value.config.from = value || 0;
+				emit("update:itemConfig", configValue.value);
+			}
+		});
+		const to = computed({
+			get() {
+				return props.itemConfig.config.to;
+			},
+			set(value) {
+				configValue.value.config.to = value === null ? void 0 : value;
+				emit("update:itemConfig", configValue.value);
+			}
+		});
+		const padding = computed({
+			get() {
+				return props.itemConfig.config.padding;
+			},
+			set(value) {
+				configValue.value.config.padding = value;
+				emit("update:itemConfig", configValue.value);
+			}
+		});
+		const step = computed({
+			get() {
+				return props.itemConfig.config.step;
+			},
+			set(value) {
+				if (value === 0) {
+					message.error("步长不可为0！");
+					return;
+				}
+				configValue.value.config.step = value || 1;
+				emit("update:itemConfig", configValue.value);
+			}
+		});
+		const fixedValue = computed({
+			get() {
+				return props.itemConfig.config.value;
+			},
+			set(value) {
+				configValue.value.config.value = value;
+				emit("update:itemConfig", configValue.value);
+			}
+		});
+		const pattern = computed({
+			get() {
+				return props.itemConfig.config.pattern;
+			},
+			set(value) {
+				configValue.value.config.pattern = value;
+				emit("update:itemConfig", configValue.value);
+			}
+		});
+		const configValue = computed({
+			get() {
+				return props.itemConfig;
+			},
+			set(value) {
+				emit("update:itemConfig", value);
+			}
+		});
+		const handleUpdate = async (value) => {
+			configValue.value.config.modelKey = value;
+			configValue.value.config.descName = fieldCascaderRef.value?.feildCascaderName;
+			emit("update:itemConfig", configValue.value);
+		};
+		const dateSelectStyle = computed(() => {
+			const patternType = configValue.value.config.patternType;
+			const reset = configValue.value.config.reset;
+			let width = 310;
+			if (patternType === "CUSTOM" && reset) width = 98;
+			else if (patternType !== "CUSTOM" && !reset) width = 310;
+			else width = 150;
+			return {
+				width: `${width}px`,
+				marginRight: "8px",
+				background: "#fff"
+			};
+		});
+		const handleDelete = () => {
+			emit("del");
+		};
+		const handleTypeChange = (value) => {
+			if (value === TypeEnum.LETTER) configValue.value.config.upper = 1;
+			if (value === TypeEnum.INCREASE) configValue.value.config = {
+				minLength: 4,
+				from: 1,
+				padding: "0",
+				step: 1
+			};
+			configValue.value.type = value;
+			emit("update:itemConfig", configValue.value);
+		};
+		const changePatternType = (value, option) => {
+			if (value === "CUSTOM") configValue.value.config.pattern = "";
+			else configValue.value.config.pattern = option.key;
+			emit("update:itemConfig", configValue.value);
+		};
+		const handleValChange = () => {
+			emit("update:itemConfig", configValue.value);
+		};
+		return (_ctx, _cache) => {
+			const _component_a_input_number = resolveComponent("a-input-number");
+			const _component_a_form_item_rest = resolveComponent("a-form-item-rest");
+			const _component_a_input = resolveComponent("a-input");
+			const _component_question_circle_outlined = resolveComponent("question-circle-outlined");
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_a_select_option = resolveComponent("a-select-option");
+			const _component_a_select = resolveComponent("a-select");
+			const _component_data_field_cascader = resolveComponent("data-field-cascader");
+			const _component_a_checkbox = resolveComponent("a-checkbox");
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["series-item-wrapper", { "series-disable": !__props.isShow }]) }, [
+				_cache[20] || (_cache[20] = createElementVNode("i", { class: "iconfont icon-drag mover" }, null, -1)),
+				createElementVNode("div", _hoisted_1, [
+					!__props.isFeild && __props.fieldName === unref(TypeEnum).INCREASE ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+						createElementVNode("div", { class: normalizeClass(["flex flex-col mr-8px", { "serial-num-no-error": minLength.value != void 0 && minLength.value != null }]) }, [createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("sys.model.minimumLengthLimit")), 1), createVNode(_component_a_form_item_rest, null, {
+							default: withCtx(() => [createVNode(_component_a_input_number, {
+								value: minLength.value,
+								"onUpdate:value": _cache[0] || (_cache[0] = ($event) => minLength.value = $event),
+								precision: 0
+							}, null, 8, ["value"])]),
+							_: 1
+						})], 2),
+						createElementVNode("div", { class: normalizeClass(["flex flex-col mr-8px", { "serial-num-no-error": from.value != void 0 && from.value != null }]) }, [createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("sys.model.startingSequenceNumber")), 1), createVNode(_component_a_form_item_rest, null, {
+							default: withCtx(() => [createVNode(_component_a_input_number, {
+								value: from.value,
+								"onUpdate:value": _cache[1] || (_cache[1] = ($event) => from.value = $event),
+								precision: 0
+							}, null, 8, ["value"])]),
+							_: 1
+						})], 2),
+						createElementVNode("div", { class: normalizeClass(["flex flex-col mr-8px", { "serial-num-no-error": padding.value }]) }, [createElementVNode("div", _hoisted_4, toDisplayString(unref(t)("sys.model.placeholder")), 1), createVNode(_component_a_form_item_rest, null, {
+							default: withCtx(() => [createVNode(_component_a_input, {
+								value: padding.value,
+								"onUpdate:value": _cache[2] || (_cache[2] = ($event) => padding.value = $event)
+							}, null, 8, ["value"])]),
+							_: 1
+						})], 2),
+						createElementVNode("div", { class: normalizeClass(["flex flex-col mr-8px", { "serial-num-no-error": step.value }]) }, [createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("sys.model.step")), 1), createVNode(_component_a_form_item_rest, null, {
+							default: withCtx(() => [createVNode(_component_a_input_number, {
+								value: step.value,
+								"onUpdate:value": _cache[3] || (_cache[3] = ($event) => step.value = $event),
+								precision: 0
+							}, null, 8, ["value"])]),
+							_: 1
+						})], 2),
+						createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, toDisplayString(unref(t)("sys.model.endSerialNumber")), 1), createVNode(_component_a_form_item_rest, null, {
+							default: withCtx(() => [createVNode(_component_a_input_number, {
+								value: to.value,
+								"onUpdate:value": _cache[4] || (_cache[4] = ($event) => to.value = $event),
+								precision: 0
+							}, null, 8, ["value"])]),
+							_: 1
+						})]),
+						createVNode(_component_a_tooltip, { "overlay-class-name": "serial-increase-tooltip" }, {
+							title: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(explain.value, (str, index) => {
+								return openBlock(), createElementBlock("div", {
+									key: index,
+									class: "tip-item"
+								}, toDisplayString(str), 1);
+							}), 128))]),
+							default: withCtx(() => [createVNode(_component_question_circle_outlined, { style: {
+								"margin-top": "20px",
+								"color": "#c3c3c3",
+								"line-height": "30px"
+							} })]),
+							_: 1
+						})
+					], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+						createElementVNode("div", _hoisted_8, [createVNode(_component_a_form_item_rest, null, {
+							default: withCtx(() => [createVNode(_component_a_select, {
+								value: configValue.value.type,
+								"onUpdate:value": _cache[5] || (_cache[5] = ($event) => configValue.value.type = $event),
+								style: {
+									"width": "100px",
+									"margin-right": "8px"
+								},
+								onChange: handleTypeChange
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(filterTypeEnum.value), (item) => {
+									return openBlock(), createBlock(_component_a_select_option, {
+										key: item,
+										value: unref(TypeEnum)[item]
+									}, {
+										default: withCtx(() => [createTextVNode(toDisplayString(unref(t)(`sys.model.${item}`)), 1)]),
+										_: 2
+									}, 1032, ["value"]);
+								}), 128))]),
+								_: 1
+							}, 8, ["value"])]),
+							_: 1
+						})]),
+						configValue.value.type === unref(TypeEnum).INCREASE ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+							createElementVNode("div", { class: normalizeClass(["flex flex-col mr-8px", { "serial-num-no-error": minLength.value != void 0 && minLength.value != null }]) }, [createElementVNode("div", _hoisted_9, toDisplayString(unref(t)("sys.model.minimumLengthLimit")), 1), createVNode(_component_a_form_item_rest, null, {
+								default: withCtx(() => [createVNode(_component_a_input_number, {
+									value: minLength.value,
+									"onUpdate:value": _cache[6] || (_cache[6] = ($event) => minLength.value = $event),
+									precision: 0
+								}, null, 8, ["value"])]),
+								_: 1
+							})], 2),
+							createElementVNode("div", { class: normalizeClass(["flex flex-col mr-8px", { "serial-num-no-error": from.value != void 0 && from.value != null }]) }, [createElementVNode("div", _hoisted_10, toDisplayString(unref(t)("sys.model.startingSequenceNumber")), 1), createVNode(_component_a_form_item_rest, null, {
+								default: withCtx(() => [createVNode(_component_a_input_number, {
+									value: from.value,
+									"onUpdate:value": _cache[7] || (_cache[7] = ($event) => from.value = $event),
+									precision: 0
+								}, null, 8, ["value"])]),
+								_: 1
+							})], 2),
+							createElementVNode("div", { class: normalizeClass(["flex flex-col mr-8px", { "serial-num-no-error": padding.value }]) }, [createElementVNode("div", _hoisted_11, toDisplayString(unref(t)("sys.model.placeholder")), 1), createVNode(_component_a_form_item_rest, null, {
+								default: withCtx(() => [createVNode(_component_a_input, {
+									value: padding.value,
+									"onUpdate:value": _cache[8] || (_cache[8] = ($event) => padding.value = $event)
+								}, null, 8, ["value"])]),
+								_: 1
+							})], 2),
+							createElementVNode("div", { class: normalizeClass(["flex flex-col mr-8px", { "serial-num-no-error": step.value }]) }, [createElementVNode("div", _hoisted_12, toDisplayString(unref(t)("sys.model.step")), 1), createVNode(_component_a_form_item_rest, null, {
+								default: withCtx(() => [createVNode(_component_a_input_number, {
+									value: step.value,
+									"onUpdate:value": _cache[9] || (_cache[9] = ($event) => step.value = $event),
+									precision: 0
+								}, null, 8, ["value"])]),
+								_: 1
+							})], 2),
+							createElementVNode("div", _hoisted_13, [createElementVNode("div", _hoisted_14, toDisplayString(unref(t)("sys.model.endSerialNumber")), 1), createVNode(_component_a_form_item_rest, null, {
+								default: withCtx(() => [createVNode(_component_a_input_number, {
+									value: to.value,
+									"onUpdate:value": _cache[10] || (_cache[10] = ($event) => to.value = $event),
+									precision: 0
+								}, null, 8, ["value"])]),
+								_: 1
+							})]),
+							createVNode(_component_a_tooltip, { "overlay-class-name": "serial-increase-tooltip" }, {
+								title: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(explain.value, (str, index) => {
+									return openBlock(), createElementBlock("div", {
+										key: index,
+										class: "tip-item"
+									}, toDisplayString(str), 1);
+								}), 128))]),
+								default: withCtx(() => [createVNode(_component_question_circle_outlined, { style: {
+									"margin-top": "20px",
+									"color": "#c3c3c3",
+									"line-height": "30px"
+								} })]),
+								_: 1
+							})
+						], 64)) : createCommentVNode("", true),
+						configValue.value.type === unref(TypeEnum).FIXED ? (openBlock(), createElementBlock("div", {
+							key: 1,
+							class: normalizeClass({ "serial-num-no-error": fixedValue.value || !__props.serialValiIds?.includes(__props.itemConfig.id) })
+						}, [createVNode(_component_a_form_item_rest, null, {
+							default: withCtx(() => [createVNode(_component_a_input, {
+								value: fixedValue.value,
+								"onUpdate:value": _cache[11] || (_cache[11] = ($event) => fixedValue.value = $event),
+								style: { "width": "310px" },
+								placeholder: unref(t)("sys.pageDesigner.inputplaceholder")
+							}, null, 8, ["value", "placeholder"])]),
+							_: 1
+						})], 2)) : createCommentVNode("", true),
+						configValue.value.type === unref(TypeEnum).PLACEHOLDER ? (openBlock(), createBlock(_component_data_field_cascader, {
+							key: 2,
+							ref_key: "fieldCascaderRef",
+							ref: fieldCascaderRef,
+							value: configValue.value.config.modelKey,
+							"onUpdate:value": [_cache[12] || (_cache[12] = ($event) => configValue.value.config.modelKey = $event), handleUpdate],
+							class: normalizeClass({ "serial-num-no-error": configValue.value.config.modelKey || !__props.serialValiIds?.includes(__props.itemConfig.id) }),
+							style: {
+								"width": "310px",
+								"margin-right": "8px"
+							},
+							"model-key": __props.modelKey,
+							"is-feild": __props.isFeild
+						}, null, 8, [
+							"value",
+							"class",
+							"model-key",
+							"is-feild"
+						])) : createCommentVNode("", true),
+						configValue.value.type === unref(TypeEnum).DATE ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [createElementVNode("div", { class: normalizeClass({ "serial-num-no-error": configValue.value.config.patternType || !__props.serialValiIds?.includes(__props.itemConfig.id) }) }, [createVNode(_component_a_form_item_rest, null, {
+							default: withCtx(() => [createVNode(_component_a_select, {
+								value: configValue.value.config.patternType,
+								"onUpdate:value": _cache[13] || (_cache[13] = ($event) => configValue.value.config.patternType = $event),
+								style: normalizeStyle(dateSelectStyle.value),
+								onChange: changePatternType
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(PatternEnum), (_item, key) => {
+									return openBlock(), createBlock(_component_a_select_option, {
+										key,
+										value: key
+									}, {
+										default: withCtx(() => [createTextVNode(toDisplayString(unref(t)(unref(PatternEnum)[key])), 1)]),
+										_: 2
+									}, 1032, ["value"]);
+								}), 128))]),
+								_: 1
+							}, 8, ["value", "style"])]),
+							_: 1
+						})], 2), createElementVNode("div", { class: normalizeClass({ "serial-num-no-error": pattern.value || !__props.serialValiIds?.includes(__props.itemConfig.id) }) }, [createVNode(_component_a_form_item_rest, null, {
+							default: withCtx(() => [withDirectives(createVNode(_component_a_input, {
+								value: pattern.value,
+								"onUpdate:value": _cache[14] || (_cache[14] = ($event) => pattern.value = $event),
+								style: normalizeStyle(dateSelectStyle.value),
+								placeholder: "请输入"
+							}, null, 8, ["value", "style"]), [[vShow, configValue.value.config.patternType === "CUSTOM"]])]),
+							_: 1
+						})], 2)], 64)) : createCommentVNode("", true),
+						configValue.value.type === unref(TypeEnum).LETTER ? (openBlock(), createElementBlock("div", {
+							key: 4,
+							class: normalizeClass({ "serial-num-no-error": configValue.value.config.upper || !__props.serialValiIds?.includes(__props.itemConfig.id) })
+						}, [createVNode(_component_a_form_item_rest, null, {
+							default: withCtx(() => [createVNode(_component_a_select, {
+								value: configValue.value.config.upper,
+								"onUpdate:value": _cache[15] || (_cache[15] = ($event) => configValue.value.config.upper = $event),
+								style: { "width": "310px" },
+								onChange: handleValChange
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(letters.value, (item, _i) => {
+									return openBlock(), createBlock(_component_a_select_option, {
+										key: `${item.value}_${_i}`,
+										value: item.value
+									}, {
+										default: withCtx(() => [createTextVNode(toDisplayString(unref(t)(item.label)), 1)]),
+										_: 2
+									}, 1032, ["value"]);
+								}), 128))]),
+								_: 1
+							}, 8, ["value"])]),
+							_: 1
+						})], 2)) : createCommentVNode("", true)
+					], 64)),
+					configValue.value.type === unref(TypeEnum).DATE && configValue.value.config.reset ? (openBlock(), createElementBlock("div", {
+						key: 2,
+						class: normalizeClass({ "serial-num-no-error": configValue.value.config.condition || !__props.serialValiIds?.includes(__props.itemConfig.id) })
+					}, [createVNode(_component_a_form_item_rest, null, {
+						default: withCtx(() => [createVNode(_component_a_select, {
+							value: configValue.value.config.condition,
+							"onUpdate:value": _cache[16] || (_cache[16] = ($event) => configValue.value.config.condition = $event),
+							style: normalizeStyle(dateSelectStyle.value),
+							onChange: handleValChange
+						}, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(unref(ResetConditionEnum)), (item) => {
+								return openBlock(), createBlock(_component_a_select_option, {
+									key: item,
+									value: unref(ResetConditionEnum)[item]
+								}, {
+									default: withCtx(() => [createTextVNode(toDisplayString(unref(t)(`sys.${item}`)), 1)]),
+									_: 2
+								}, 1032, ["value"]);
+							}), 128))]),
+							_: 1
+						}, 8, ["value", "style"])]),
+						_: 1
+					})], 2)) : createCommentVNode("", true),
+					[unref(TypeEnum).PLACEHOLDER, unref(TypeEnum).DATE].includes(configValue.value.type) ? (openBlock(), createBlock(_component_a_form_item_rest, { key: 3 }, {
+						default: withCtx(() => [createVNode(_component_a_checkbox, {
+							checked: configValue.value.config.reset,
+							"onUpdate:checked": _cache[17] || (_cache[17] = ($event) => configValue.value.config.reset = $event),
+							style: {
+								"width": "70px",
+								"line-height": "30px"
+							},
+							onChange: handleValChange
+						}, {
+							default: withCtx(() => [..._cache[18] || (_cache[18] = [createTextVNode("重置", -1)])]),
+							_: 1
+						}, 8, ["checked"])]),
+						_: 1
+					})) : createCommentVNode("", true)
+				]),
+				__props.isShow && (__props.isFeild || configValue.value.type !== unref(TypeEnum).INCREASE) ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(["action", { "pt18px pl5px": configValue.value.type === unref(TypeEnum).INCREASE }]),
+					onClick: handleDelete
+				}, [createVNode(_component_a_button, null, {
+					icon: withCtx(() => [..._cache[19] || (_cache[19] = [createElementVNode("span", { class: "gct-iconfont icon-icon_shanchu" }, null, -1)])]),
+					_: 1
+				})], 2)) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { serial_number_item_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/serial-number/serial-number-item.vue_vue_type_style_index_0_scoped_7baf8e25_lang.css

@@ -0,0 +1,67 @@
+.series-item-wrapper[data-v-7baf8e25] {
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+  padding: 6px 8px 6px 6px;
+  border-radius: 4px;
+  background: #f2f4f7;
+  user-select: none;
+}
+.series-item-wrapper.series-disable[data-v-7baf8e25] {
+  pointer-events: none;
+}
+.series-item-wrapper .mover[data-v-7baf8e25] {
+  position: absolute;
+  bottom: 10px;
+  left: 6px;
+  color: #96a0b5;
+  font-size: 16px;
+  cursor: pointer;
+}
+.series-item-wrapper .field-name[data-v-7baf8e25] {
+  padding-left: 20px;
+  color: #333;
+}
+.series-item-wrapper .serial-item-container[data-v-7baf8e25] {
+  width: 100%;
+  padding-left: 24px;
+}
+.series-item-wrapper .serial-item-container .tit[data-v-7baf8e25] {
+  padding-left: 6px;
+  color: #c3c3c3;
+  font-size: 12px;
+  line-height: 18px;
+}
+.series-item-wrapper .serial-item-container .tip[data-v-7baf8e25] {
+  color: #c3c3c3;
+}
+.series-item-wrapper .action[data-v-7baf8e25] {
+  margin-right: 2px;
+}
+.series-item-wrapper .action[data-v-7baf8e25] .ant-btn {
+  border: none;
+  background-color: transparent;
+  color: #8b8b8b;
+}
+.series-item-wrapper .action[data-v-7baf8e25] .ant-btn:hover {
+  background-color: #e8eaee;
+  color: #000;
+}
+.series-item-wrapper[data-v-7baf8e25]:hover {
+  border-color: var(--ant-primary-color);
+}
+.series-item-wrapper:hover .field-name[data-v-7baf8e25],
+.series-item-wrapper:hover .mover[data-v-7baf8e25] {
+  color: var(--ant-primary-color);
+}
+[data-v-7baf8e25] .ant-input-number {
+  background: #fff !important;
+}
+[data-v-7baf8e25] .ant-input-affix-wrapper {
+  background: #fff !important;
+}
+[data-v-7baf8e25] .ant-select .ant-select-selector {
+  background: #fff !important;
+}

package/es/components/serial-number/serial-number-item.vue_vue_type_style_index_1_lang.css

@@ -0,0 +1,51 @@
+.serial-increase-tooltip {
+  max-width: 320px;
+}
+.serial-increase-tooltip .ant-tooltip-arrow .ant-tooltip-arrow-content {
+  background: #fff;
+}
+.serial-increase-tooltip .ant-tooltip-inner {
+  padding: 12px;
+  background: #fff;
+  color: inherit;
+}
+.serial-increase-tooltip .tip-item {
+  position: relative;
+  margin-bottom: 8px;
+  padding-left: 12px;
+  color: #797a7d;
+  font-size: 12px;
+  line-height: 18px;
+}
+.serial-increase-tooltip .tip-item::before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 4px;
+  height: 4px;
+  transform: translate(0, -50%);
+  border-radius: 2px;
+  background: var(--ant-primary-color);
+}
+.serial-increase-tooltip .tip-item:last-child {
+  margin-bottom: 0;
+}
+.ant-form-item-has-error .serial-num-no-error .ant-input-number,
+.ant-form-item-has-error .serial-num-no-error .ant-input-affix-wrapper,
+.ant-form-item-has-error .serial-num-no-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
+  border-color: #e8ebf0 !important;
+}
+.ant-form-item-has-error .serial-num-no-error .ant-input-number-focused,
+.ant-form-item-has-error .serial-num-no-error .ant-input-number:focus,
+.ant-form-item-has-error .serial-num-no-error .ant-input-affix-wrapper-focused,
+.ant-form-item-has-error .serial-num-no-error .ant-input-affix-wrapper:focus,
+.ant-form-item-has-error .serial-num-no-error .ant-select:not(.ant-select-disabled):not(
+        .ant-select-customize-input
+      ).ant-select-focused .ant-select-selector,
+.ant-form-item-has-error .serial-num-no-error .ant-select:not(.ant-select-disabled):not(
+        .ant-select-customize-input
+      ).ant-select-open .ant-select-selector {
+  border-color: var(--ant-primary-color) !important;
+  box-shadow: none;
+}

package/es/create-app-vue.mjs

@@ -1,14 +1,15 @@
 import gct_form_default from "./modules/gct-form/index.mjs";
 import gct_table_default from "./modules/gct-table/index.mjs";
+import color_editor_default from "./modules/color-picker/src/color-editor.vue.mjs";
 import ColorPicker_default from "./modules/color-picker/src/ColorPicker.vue.mjs";
 import "./modules/color-picker/index.mjs";
 import { BasicModal } from "./modules/global-modal/index.mjs";
 import components_default from "./components/index.mjs";
+import { GctOverlayScrollbars } from "./components/overlay-scrollbars/gct-overlay-scrollbars.mjs";
 import { setupDirectives } from "./directives/index.mjs";
-import { coreComponentsCreateAppVue } from "@gct-paas/core-components";
 import Antdv from "ant-design-vue";
+import { coreComponentsCreateAppVue } from "@gct-paas/core-components";
 import * as Icons from "@ant-design/icons-vue";
-import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
 import "overlayscrollbars/overlayscrollbars.css";
 //#region src/create-app-vue.ts
 /**
@@ -26,7 +27,8 @@ async function coreWebCreateAppVue(app) {
 		app.component(key, component);
 	});
 	app.component(ColorPicker_default.name, ColorPicker_default);
-	app.component(OverlayScrollbarsComponent.__name, OverlayScrollbarsComponent);
+	app.component(color_editor_default.name, color_editor_default);
+	app.component("OverlayScrollbarsComponent", GctOverlayScrollbars);
 	await coreComponentsCreateAppVue(app);
 	app.use(gct_form_default);
 	app.use(gct_table_default);

package/es/index.mjs

@@ -11,6 +11,8 @@ import { FormEditItemState } from "./modules/gct-form/state/form-edit-item/form-
 import { FormGroupState } from "./modules/gct-form/state/form-group/form-group.state.mjs";
 import { FormItemState } from "./modules/gct-form/state/form-item/form-item.state.mjs";
 import { FormLineState } from "./modules/gct-form/state/form-line/form-line.state.mjs";
+import { widthEditorInstall } from "./modules/gct-form/utils/width-install/width-install.mjs";
+import { getValue, setValue } from "./modules/gct-form/utils/index.mjs";
 import { GctFormController } from "./modules/gct-form/controller/gct-form/gct-form.controller.mjs";
 import { EditFormController, useEditFormController } from "./modules/gct-form/controller/edit-form/edit-form.controller.mjs";
 import { EditorController } from "./modules/gct-form/controller/editor-item/editor-item.controller.mjs";
@@ -29,6 +31,15 @@ import { useGctFormValue, useGctFormValueByText } from "./modules/gct-form/hooks
 import { gctFormItemEditorProps } from "./modules/gct-form/props/gct-form-item/gct-form-item.props.mjs";
 import { EditorRegister } from "./modules/gct-form/register/editor-register/editor-register.mjs";
 import { FormItemRegister } from "./modules/gct-form/register/form-item-register/form-item-register.mjs";
+import { GctFormCollapsePaneModel } from "./modules/gct-form/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.model.mjs";
+import { GctFormCollapseModel } from "./modules/gct-form/widgets/gct-form/gct-form-collapse/gct-form-collapse.model.mjs";
+import { GctFormGroupModel } from "./modules/gct-form/widgets/gct-form/gct-form-group/gct-form-group.model.mjs";
+import { GctFormLineModel } from "./modules/gct-form/widgets/gct-form/gct-form-line/gct-form-line.model.mjs";
+import { GctFormTabModel } from "./modules/gct-form/widgets/gct-form/gct-form-tab/gct-form-tab.model.mjs";
+import { GctFormTabPaneModel } from "./modules/gct-form/widgets/gct-form/gct-form-tab-pane/gct-form-tab-pane.model.mjs";
+import { GctFormTitleGroupModel } from "./modules/gct-form/widgets/gct-form/gct-form-title-group/gct-form-title-group.model.mjs";
+import { GctFormHiddenItemModel } from "./modules/gct-form/widgets/gct-form/gct-form-hidden-item/gct-form-hidden-item.model.mjs";
+import { GctFormItemModel } from "./modules/gct-form/widgets/gct-form/gct-form-item/gct-form-item.model.mjs";
 import { WUJIE_FORMULA_EVENTS } from "./modules/formula-editor/constants/index.mjs";
 import { openFormulaEditor } from "./modules/formula-editor/formula-editor.mjs";
 import "./modules/formula-editor/index.mjs";
@@ -58,6 +69,7 @@ import "./utils/index.mjs";
 import { useEditorConsole, useEditorConsoleInner } from "./modules/code-editor/useEditorConsole.mjs";
 import { Lang, Prop, Theme } from "./modules/code-editor/useMonacoEditor.mjs";
 import { MonacoEditor } from "./modules/code-editor/index.mjs";
+import color_editor_default from "./modules/color-picker/src/color-editor.vue.mjs";
 import ColorPicker_default from "./modules/color-picker/src/ColorPicker.vue.mjs";
 import "./modules/color-picker/index.mjs";
 import { GCT_DND_INSERT_POS } from "./modules/gct-dnd/constants/index.mjs";
@@ -85,9 +97,11 @@ import copy_module_key_default from "./components/copy-module-key/copy-module-ke
 import { ImageUpload } from "./components/image-upload/index.mjs";
 import { FieldUpload } from "./components/field-upload/index.mjs";
 import paas_bpmn_log_default from "./components/paas-bpmn-log/paas-bpmn-log.vue.mjs";
+import full_screen_default from "./components/FullScreen/full-screen.vue.mjs";
 import { CodeEditor } from "./components/code-editor/code-editor.mjs";
 import { ViewContainer } from "./components/layout/view-container/view-container.mjs";
 import { Vue3GridDndItem } from "./components/vue3-grid-dnd-item/vue3-grid-dnd-item.mjs";
+import FieldCascader_default from "./components/field-cascader/src/FieldCascader.vue.mjs";
 import { PickType } from "./components/UserPick/src/constants/index.mjs";
 import { useModalPicker } from "./components/UserPick/index.mjs";
 import paas_bpmn_runtime_default from "./components/BpmnRuntime/paas/paas-bpmn-runtime.vue.mjs";
@@ -98,6 +112,8 @@ import i18n_select_input_default from "./components/I18nSelect/src/i18n-select-i
 import i18n_select_input_form_default from "./components/I18nSelect/src/i18n-select-input-form.vue.mjs";
 import i18n_select_textarea_default from "./components/I18nSelect/src/i18n-select-textarea.vue.mjs";
 import i18n_select_textarea_form_default from "./components/I18nSelect/src/i18n-select-textarea-form.vue.mjs";
+import serial_number_container_default from "./components/serial-number/serial-number-container.vue.mjs";
+import { gctFieldSortPopover, gctFieldTreeSelect } from "./components/field-tree-select/index.mjs";
 import number_range_default from "./components/number-range/number-range.vue.mjs";
 import "./components/index.mjs";
 import { coreWebCreateAppVue } from "./create-app-vue.mjs";
@@ -112,4 +128,4 @@ function onInit() {
 }
 onInit();
 //#endregion
-export { base_button_default as BaseButton, basic_button_default as BasicButton, BasicModal, CodeEditor, ColorPicker_default as ColorPicker, CopperFreeModal_default as CopperFreeModal, CopperModal_default as CopperModal, copy_module_key_default as CopyModuleKey, CropperAvatar_default as CropperAvatar, CropperFree_default as CropperFree, Cropper_default as CropperImage, double_input_default as DoubleInput, EditFormController, EditorController, EditorRegister, EditorRegisterConst, EditorType, FORM_CONTROLLER_INJECT_TAG, FieldUpload, FormCollapseController, FormCollapsePaneController, FormCollapsePaneState, FormCollapseState, FormEditItemController, FormEditItemState, FormGroupController, FormGroupState, FormHiddenItemController, FormItemBasicController, FormItemBasicState, FormItemController, FormItemRegister, FormItemState, FormLineController, FormLineState, FormState, FormTabController, FormTabPaneController, FormTabPaneState, FormTabState, GCT_DND_INSERT_POS, GctDndContainer, GctDndDropLine, GctDndItem, GctFormController, GctTableController, 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, picture_preview_default as ImagePreview, ImageUpload, Lang, MessageUtil, MonacoEditor, number_range_default as NumberRange, OverlayController, paas_bpmn_log_default as PaasBpmnLog, paas_bpmn_runtime_default as PaasBpmnRuntime, Prop, TableActionItemController, TableEditItemController, TableEditItemState, TableEditorRegister, TableITemState, TableItemController, TableRowController, TableRowState, TableState, Theme, UseDragByLine, PickType as UserPickType, ViewContainer, Vue3GridDndItem, WUJIE_FORMULA_EVENTS, coreWebCreateAppVue, coreWebSetupApp, createImgPreview, gctFormItemEditorProps, monacoLoader, openFormulaEditor, overlay, useAntTableScrollHeight, useEditFormController, useEditorConsole, useEditorConsoleInner, useForm, useFormItemController, useGctFormValue, useGctFormValueByText, useI18nSelect, useLocale, useModal, useModalContext, useModalDragMove, useModalInner, useModalPicker, useTableController, useTheme, validateFieldDefaultForLength, validateFieldDefaultForValue, validateLengthRange, withInstall };
+export { base_button_default as BaseButton, basic_button_default as BasicButton, BasicModal, CodeEditor, color_editor_default as ColorEditor, ColorPicker_default as ColorPicker, CopperFreeModal_default as CopperFreeModal, CopperModal_default as CopperModal, copy_module_key_default as CopyModuleKey, CropperAvatar_default as CropperAvatar, CropperFree_default as CropperFree, Cropper_default as CropperImage, double_input_default as DoubleInput, EditFormController, EditorController, EditorRegister, EditorRegisterConst, EditorType, FORM_CONTROLLER_INJECT_TAG, FieldCascader_default as FieldCascader, FieldUpload, FormCollapseController, FormCollapsePaneController, FormCollapsePaneState, FormCollapseState, FormEditItemController, FormEditItemState, FormGroupController, FormGroupState, FormHiddenItemController, FormItemBasicController, FormItemBasicState, FormItemController, FormItemRegister, FormItemState, FormLineController, FormLineState, FormState, FormTabController, FormTabPaneController, FormTabPaneState, FormTabState, full_screen_default as FullScreen, GCT_DND_INSERT_POS, GctDndContainer, GctDndDropLine, GctDndItem, GctFormCollapseModel, GctFormCollapsePaneModel, GctFormController, GctFormGroupModel, GctFormHiddenItemModel, GctFormItemModel, GctFormLineModel, GctFormTabModel, GctFormTabPaneModel, GctFormTitleGroupModel, GctTableController, 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, picture_preview_default as ImagePreview, ImageUpload, Lang, MessageUtil, MonacoEditor, number_range_default as NumberRange, OverlayController, paas_bpmn_log_default as PaasBpmnLog, paas_bpmn_runtime_default as PaasBpmnRuntime, Prop, serial_number_container_default as SerialNumberContainer, TableActionItemController, TableEditItemController, TableEditItemState, TableEditorRegister, TableITemState, TableItemController, TableRowController, TableRowState, TableState, Theme, UseDragByLine, PickType as UserPickType, ViewContainer, Vue3GridDndItem, WUJIE_FORMULA_EVENTS, coreWebCreateAppVue, coreWebSetupApp, createImgPreview, gctFieldSortPopover, gctFieldTreeSelect, gctFormItemEditorProps, getValue, monacoLoader, openFormulaEditor, overlay, setValue, useAntTableScrollHeight, useEditFormController, useEditorConsole, useEditorConsoleInner, useForm, useFormItemController, useGctFormValue, useGctFormValueByText, useI18nSelect, useLocale, useModal, useModalContext, useModalDragMove, useModalInner, useModalPicker, useTableController, useTheme, validateFieldDefaultForLength, validateFieldDefaultForValue, validateLengthRange, widthEditorInstall, withInstall };