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

package/es/components/overlay-scrollbars/gct-overlay-scrollbars.mjs

@@ -0,0 +1,87 @@
+import './gct-overlay-scrollbars.css';/* empty css                             */
+import { computed, createVNode, defineComponent, mergeProps, ref } from "vue";
+import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
+//#region src/components/overlay-scrollbars/gct-overlay-scrollbars.tsx
+/**
+* GctOverlayScrollbars - OverlayScrollbars 全局默认配置封装组件
+*
+* 封装 OverlayScrollbarsComponent，统一注入公共默认配置：
+* - 鼠标在容器内移动时显示滚动条，鼠标离开容器时隐藏滚动条（autoHide: 'leave'）
+* - 默认使用深色主题（os-theme-dark）
+* - 显隐过渡时间延长至 0.3s ease，使动画更平滑
+*
+* 注意：通过 options prop 传入的 scrollbars 配置会与默认配置合并，用户配置优先级更高
+*/
+/** OverlayScrollbars 组件 scrollbars 子选项类型 */
+/** OverlayScrollbars 组件 options prop 的类型（与组件 prop 兼容） */
+/** 全局默认滚动条配置 */
+var DEFAULT_OPTIONS = { scrollbars: {
+	autoHide: "leave",
+	autoHideDelay: 100,
+	theme: "os-theme-dark"
+} };
+var GctOverlayScrollbars = /* @__PURE__ */ defineComponent({
+	name: "GctOverlayScrollbars",
+	inheritAttrs: false,
+	props: {
+		options: {
+			type: [Object, Boolean],
+			default: null
+		},
+		handleColor: {
+			type: String,
+			default: "rgba(144, 147, 153, 0.3)"
+		}
+	},
+	setup(props, { expose }) {
+		/** 内部 OverlayScrollbarsComponent 实例引用，用于向外暴露组件方法 */
+		const osRef = ref();
+		/**
+		* 将默认配置与用户传入配置合并
+		* scrollbars 子级单独合并，避免用户部分覆盖时丢失其他默认项
+		*/
+		const mergedOptions = computed(() => {
+			if (props.options === false) return false;
+			const userOptions = props.options ?? {};
+			const userScrollbars = userOptions.scrollbars ?? {};
+			return {
+				...DEFAULT_OPTIONS,
+				...userOptions,
+				scrollbars: {
+					...DEFAULT_OPTIONS.scrollbars,
+					...userScrollbars
+				}
+			};
+		});
+		const colorStyle = computed(() => props.handleColor ? { "--gct-h-bg": props.handleColor } : void 0);
+		/**
+		* 向外暴露与 OverlayScrollbarsComponent 相同的实例方法
+		* 使调用方可通过 ref 获取 OverlayScrollbars 实例或根元素
+		*/
+		expose({
+			osInstance: () => osRef.value?.osInstance() ?? null,
+			getElement: () => osRef.value?.getElement() ?? null
+		});
+		/** 回调式 ref，将内部实例赋値给 osRef */
+		const setOsRef = (el) => {
+			osRef.value = el;
+		};
+		return {
+			mergedOptions,
+			colorStyle,
+			setOsRef
+		};
+	},
+	render() {
+		return createVNode(OverlayScrollbarsComponent, mergeProps({
+			"ref": this.setOsRef,
+			"options": this.mergedOptions
+		}, this.$attrs, {
+			"data-gct-os": "",
+			"data-gct-color": this.handleColor ? "" : void 0,
+			"style": this.colorStyle
+		}), { default: () => [this.$slots.default?.()] });
+	}
+});
+//#endregion
+export { GctOverlayScrollbars };

package/es/components/serial-number/index.d.ts

@@ -0,0 +1,2 @@
+import { default as SerialNumberContainer } from './serial-number-container.vue';
+export { SerialNumberContainer };

package/es/components/serial-number/index.mjs

@@ -0,0 +1 @@
+import "./serial-number-container.vue.mjs";

package/es/components/serial-number/serial-number-container.vue.d.ts

@@ -0,0 +1,23 @@
+import { SerialListType } from '@gct-paas/core';
+type __VLS_Props = {
+    serialConfigValue: {
+        modelKey: string;
+        ruleConfig: SerialListType[];
+    };
+    disabled?: boolean;
+    readonly?: boolean;
+    field: string;
+    isFeild: boolean;
+    required?: boolean;
+    serialValiIds?: string[];
+    increaseHidden?: boolean;
+    isDesign?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    serialRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/es/components/serial-number/serial-number-container.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import serial_number_container_vue_vue_type_script_setup_true_name_serial_number_container_lang_default from "./serial-number-container.vue_vue_type_script_setup_true_name_serial-number-container_lang.mjs";
+import './serial-number-container.vue_vue_type_style_index_0_scoped_35a73b4c_lang.css';/* empty css                                                                              */
+//#region src/components/serial-number/serial-number-container.vue
+var serial_number_container_default = /* @__PURE__ */ _plugin_vue_export_helper_default(serial_number_container_vue_vue_type_script_setup_true_name_serial_number_container_lang_default, [["__scopeId", "data-v-35a73b4c"]]);
+//#endregion
+export { serial_number_container_default as default };

package/es/components/serial-number/serial-number-container.vue_vue_type_script_setup_true_name_serial-number-container_lang.mjs

@@ -0,0 +1,219 @@
+import serial_number_item_default from "./serial-number-item.vue.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, onMounted, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { cloneDeep } from "lodash-es";
+import { ResetConditionEnum, TypeEnum, buildShortUUID, deleteAndInsertArr, t } from "@gct-paas/core";
+import { watchDebounced } from "@vueuse/core";
+import SortableJs from "sortablejs";
+//#region src/components/serial-number/serial-number-container.vue?vue&type=script&setup=true&name=serial-number-container&lang.ts
+var _hoisted_1 = { class: "serial-number-container-wrapper" };
+var _hoisted_2 = { class: "serial-number-container-preview" };
+var _hoisted_3 = { class: "preview-title" };
+var _hoisted_4 = { class: "preview-box" };
+var _hoisted_5 = ["innerHTML"];
+var serial_number_container_vue_vue_type_script_setup_true_name_serial_number_container_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "serial-number-container",
+	props: {
+		serialConfigValue: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		field: {},
+		isFeild: { type: Boolean },
+		required: { type: Boolean },
+		serialValiIds: {},
+		increaseHidden: { type: Boolean },
+		isDesign: { type: Boolean }
+	},
+	emits: ["update:value"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const serialRef = ref();
+		const bindModelKey = ref();
+		const serialData = ref([]);
+		const value = computed({
+			get() {
+				const ruleConfig = [{
+					id: buildShortUUID(),
+					type: TypeEnum.INCREASE,
+					config: {
+						minLength: 4,
+						from: 1,
+						padding: "0",
+						step: 1
+					}
+				}];
+				return props.serialConfigValue ? props.serialConfigValue : {
+					modelKey: "",
+					ruleConfig: props.increaseHidden && !props.isDesign ? [] : ruleConfig
+				};
+			},
+			set(value) {
+				emit("update:value", value);
+			}
+		});
+		const ruleConfigData = computed(() => {
+			const { ruleConfig } = unref(value);
+			return ruleConfig;
+		});
+		const haveIncrease = computed(() => {
+			return !!ruleConfigData.value.find((i) => i.type === TypeEnum.INCREASE);
+		});
+		watchDebounced(value, async () => {
+			preview();
+		}, { debounce: 500 });
+		onMounted(() => {
+			nextTick(() => {
+				if (props.disabled) return;
+				if (props.serialConfigValue) {
+					const { modelKey } = props.serialConfigValue;
+					bindModelKey.value = modelKey;
+				}
+				SortableJs.create(serialRef.value, {
+					animation: 150,
+					onEnd(event) {
+						const { modelKey } = unref(value);
+						const temp = cloneDeep(ruleConfigData.value);
+						deleteAndInsertArr(temp, event.oldIndex, event.newIndex);
+						value.value = {
+							modelKey,
+							ruleConfig: temp
+						};
+					}
+				});
+				if (!props.serialConfigValue && value.value) {
+					emit("update:value", value.value);
+					preview();
+				}
+			});
+		});
+		const handleUpdate = (val) => {
+			let newModelKey = "";
+			const { modelKey } = unref(value);
+			const ruleConfig = cloneDeep(ruleConfigData.value);
+			if (ruleConfig.map((i) => i.id).includes(val.id)) {
+				ruleConfig.forEach((item) => {
+					if (item.id === val.id) {
+						item.type = val.type;
+						item.config = val.config;
+						if (item.type === TypeEnum.PLACEHOLDER) newModelKey = val.config.modelKey?.split(".")[0];
+					}
+				});
+				value.value = {
+					modelKey: newModelKey || modelKey,
+					ruleConfig
+				};
+			}
+		};
+		const serialItemDel = (index) => {
+			if (props.disabled) return;
+			const { modelKey } = unref(value);
+			const arr = cloneDeep(ruleConfigData.value);
+			arr.splice(index, 1);
+			value.value = {
+				modelKey,
+				ruleConfig: arr
+			};
+		};
+		const handleAdd = () => {
+			const { modelKey } = unref(value);
+			const ruleConfig = cloneDeep(ruleConfigData.value);
+			const newConfig = {
+				id: buildShortUUID(),
+				type: TypeEnum.FIXED,
+				config: {
+					value: "",
+					modelKey: "",
+					pattern: "yyyyMMdd",
+					patternType: "yyyyMMdd",
+					condition: ResetConditionEnum.YEAR,
+					minLength: 0,
+					from: 0,
+					padding: "",
+					reset: false,
+					step: 1,
+					to: 0,
+					descName: ""
+				}
+			};
+			value.value = {
+				modelKey,
+				ruleConfig: [...ruleConfig, newConfig]
+			};
+		};
+		const preview = async () => {
+			if (!props.field) return;
+			const ruleConfig = cloneDeep(ruleConfigData.value);
+			const placeHolders = {};
+			const list = ruleConfig.filter((rule) => {
+				return rule.type === TypeEnum.PLACEHOLDER && rule.config.modelKey;
+			})?.map((d) => {
+				return {
+					key: d.config.modelKey,
+					value: "${" + d.config.descName + "}"
+				};
+			});
+			list.length && list.forEach((holder) => {
+				placeHolders[holder.key] = holder.value;
+			});
+			serialData.value = (await _api.apaas.fieldMeta.postPreview({
+				ruleJson: JSON.stringify(ruleConfig),
+				placeHolders
+			}) || []).map((item) => {
+				return item.replace(/\$\{/g, "<span>${").replace(/\}/g, "}</span>");
+			});
+		};
+		return (_ctx, _cache) => {
+			const _component_plus_outlined = resolveComponent("plus-outlined");
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("div", {
+					ref_key: "serialRef",
+					ref: serialRef,
+					class: normalizeClass(["serial-num-item-box", { "serial-disabled": __props.disabled }])
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(ruleConfigData.value, (item, index) => {
+					return openBlock(), createBlock(serial_number_item_default, {
+						key: item.id,
+						class: normalizeClass(item.type === unref(TypeEnum).INCREASE && index === 0 ? "increase-mt" : ""),
+						"field-name": item.type,
+						"item-config": item,
+						"is-show": !(__props.readonly || __props.disabled),
+						"model-key": item.type === unref(TypeEnum).PLACEHOLDER ? value.value.modelKey : "",
+						"is-feild": __props.isFeild,
+						required: __props.required,
+						"serial-vali-ids": __props.serialValiIds,
+						"have-increase": haveIncrease.value,
+						onDel: ($event) => serialItemDel(index),
+						"onUpdate:itemConfig": handleUpdate
+					}, null, 8, [
+						"class",
+						"field-name",
+						"item-config",
+						"is-show",
+						"model-key",
+						"is-feild",
+						"required",
+						"serial-vali-ids",
+						"have-increase",
+						"onDel"
+					]);
+				}), 128))], 2),
+				!(__props.readonly || __props.disabled) ? (openBlock(), createBlock(_component_a_button, {
+					key: 0,
+					type: "dashed",
+					onClick: handleAdd
+				}, {
+					default: withCtx(() => [createVNode(_component_plus_outlined), createTextVNode(" " + toDisplayString(unref(t)("sys.model.addMoreRule")), 1)]),
+					_: 1
+				})) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("sys.preview") + "："), 1), createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(serialData.value, (serial, index) => {
+					return openBlock(), createElementBlock("p", {
+						key: index,
+						innerHTML: serial
+					}, null, 8, _hoisted_5);
+				}), 128))])])
+			]);
+		};
+	}
+});
+//#endregion
+export { serial_number_container_vue_vue_type_script_setup_true_name_serial_number_container_lang_default as default };

package/es/components/serial-number/serial-number-container.vue_vue_type_style_index_0_scoped_35a73b4c_lang.css

@@ -0,0 +1,30 @@
+[data-v-35a73b4c] .ant-btn {
+  border-color: var(--ant-primary-color);
+  color: var(--ant-primary-color);
+}
+.serial-number-container-wrapper .preview-box[data-v-35a73b4c] {
+  min-height: 80px;
+  padding: 8px 8px 4px;
+  overflow-y: scroll;
+  border-radius: 8px;
+  background: #fbfbfc;
+}
+.serial-number-container-wrapper .preview-box[data-v-35a73b4c] p {
+  margin-bottom: 4px;
+  line-height: 20px;
+}
+.serial-number-container-wrapper .preview-box[data-v-35a73b4c] p span {
+  color: var(--ant-primary-color);
+}
+.serial-number-container-wrapper .serial-number-container-preview[data-v-35a73b4c] {
+  display: flex;
+  margin-top: 12px;
+}
+.serial-number-container-wrapper .serial-number-container-preview .preview-title[data-v-35a73b4c] {
+  padding-top: 10px;
+  padding-right: 8px;
+  color: #797a7d;
+}
+.serial-number-container-wrapper .serial-number-container-preview .preview-box[data-v-35a73b4c] {
+  flex: 1;
+}

package/es/components/serial-number/serial-number-item.vue.d.ts

@@ -0,0 +1,22 @@
+import { SerialListType } from '@gct-paas/core';
+type __VLS_Props = {
+    fieldName: string;
+    isShow: boolean;
+    itemConfig: SerialListType;
+    modelKey?: string;
+    isFeild: boolean;
+    required?: boolean;
+    serialValiIds?: string[];
+    /**是否存在自增 */
+    haveIncrease?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    del: (...args: any[]) => void;
+    "update:itemConfig": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:itemConfig"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    fieldCascaderRef: unknown;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,8 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import serial_number_item_vue_vue_type_script_setup_true_lang_default from "./serial-number-item.vue_vue_type_script_setup_true_lang.mjs";
+import './serial-number-item.vue_vue_type_style_index_1_lang.css';import './serial-number-item.vue_vue_type_style_index_0_scoped_7baf8e25_lang.css';/* empty css                                                                         */
+/* empty css                                                         */
+//#region src/components/serial-number/serial-number-item.vue
+var serial_number_item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(serial_number_item_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7baf8e25"]]);
+//#endregion
+export { serial_number_item_default as default };