@gct-paas/core-web 0.1.5-test.2 → 0.1.6-dev.1

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

@@ -0,0 +1,72 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+[data-gct-os] .os-scrollbar {
+  transition: opacity 0.3s ease, visibility 0.3s ease;
+}
+[data-gct-os][data-gct-color] .os-scrollbar {
+  --os-handle-bg: var(--gct-h-bg);
+  --os-handle-bg-hover: color-mix(in srgb, var(--gct-h-bg) 80%, #000);
+  --os-handle-bg-active: color-mix(in srgb, var(--gct-h-bg) 60%, #000);
+}

package/es/components/overlay-scrollbars/gct-overlay-scrollbars.d.ts

@@ -0,0 +1,75 @@
+import { CSSProperties, PropType } from 'vue';
+import { ScrollbarsAutoHideBehavior } from 'overlayscrollbars';
+/** OverlayScrollbars 组件 scrollbars 子选项类型 */
+interface IOsScrollbarsOptions {
+    /** 滚动条主题（CSS 类名），内置值：os-theme-dark | os-theme-light */
+    theme?: string | null;
+    /** 滚动条自动隐藏行为 */
+    autoHide?: ScrollbarsAutoHideBehavior;
+    /** 自动隐藏延迟时间 (ms) */
+    autoHideDelay?: number;
+    /** 是否在自动隐藏期间挂起 */
+    autoHideSuspend?: boolean;
+    /** 是否支持拖拽滚动 */
+    dragScroll?: boolean;
+    /** 是否支持点击滚动 */
+    clickScroll?: boolean;
+    /** 允许触发滚动的指针类型列表 */
+    pointers?: string[] | null;
+}
+/** OverlayScrollbars 组件 options prop 的类型（与组件 prop 兼容） */
+interface IOsOptions {
+    /** 是否使用绝对定位的内边距 */
+    paddingAbsolute?: boolean;
+    /** 是否显示原生叠加滚动条 */
+    showNativeOverlaidScrollbars?: boolean;
+    /** 滚动条相关配置 */
+    scrollbars?: IOsScrollbarsOptions;
+}
+export declare const GctOverlayScrollbars: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * OverlayScrollbars 选项，与默认配置深合并，用户传入的 scrollbars 子项优先级更高
+     * 传入 false 时完全禁用默认配置
+     */
+    options: {
+        type: PropType<IOsOptions | false | null>;
+        default: null;
+    };
+    /**
+     * 滚动条把手颜色，传入任意 CSS 颜色值后覆盖主题内置颜色
+     * hover 态自动加深 20%，active 态加深 40%
+     * 例如：'#1677ff'、'rgba(22,119,255,0.6)'
+     * 不传时使用主题默认颜色
+     */
+    handleColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    mergedOptions: import('vue').ComputedRef<false | IOsOptions>;
+    colorStyle: import('vue').ComputedRef<CSSProperties | undefined>;
+    setOsRef: (el: unknown) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * OverlayScrollbars 选项，与默认配置深合并，用户传入的 scrollbars 子项优先级更高
+     * 传入 false 时完全禁用默认配置
+     */
+    options: {
+        type: PropType<IOsOptions | false | null>;
+        default: null;
+    };
+    /**
+     * 滚动条把手颜色，传入任意 CSS 颜色值后覆盖主题内置颜色
+     * hover 态自动加深 20%，active 态加深 40%
+     * 例如：'#1677ff'、'rgba(22,119,255,0.6)'
+     * 不传时使用主题默认颜色
+     */
+    handleColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    options: false | IOsOptions | null;
+    handleColor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export {};

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 };