@gct-paas/core-web 0.1.6-dev.3 → 0.1.6-dev.30

package/es/components/model-cascader/index.mjs

@@ -0,0 +1,98 @@
+import { getRecursiveModelTreeData, renderColTitle, renderOptionLabel } from "./util.mjs";
+import './style.css';/* empty css            */
+import { createVNode, defineComponent, h, ref, watch } from "vue";
+import { t } from "@gct-paas/core";
+import { Cascader, Spin } from "ant-design-vue";
+import { LoadingOutlined } from "@ant-design/icons-vue";
+//#region src/components/model-cascader/index.tsx
+var indicator = h(LoadingOutlined, {
+	style: { fontSize: "10px" },
+	spin: true
+});
+var ModelCascader = /* @__PURE__ */ defineComponent({
+	name: "ModelCascader",
+	props: {
+		value: {
+			type: String,
+			default: ""
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		expandToLeft: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["change"],
+	setup(props, { emit }) {
+		const visible = ref(false);
+		const isLoading = ref(false);
+		const treeOptions = ref([]);
+		const treeNameMap = ref({});
+		const selectedValue = ref([]);
+		const updateTreeData = async () => {
+			isLoading.value = true;
+			getRecursiveModelTreeData(props.value, 2).then((data) => {
+				const { value: rootValue, label: rootLabel } = props;
+				treeOptions.value = [{
+					label: rootLabel,
+					value: rootValue,
+					children: data.treeOptions
+				}];
+				treeNameMap.value = {
+					[rootValue]: rootLabel,
+					...data.treeNameMap
+				};
+			}).finally(() => {
+				isLoading.value = false;
+			});
+		};
+		watch(() => props.value, () => {
+			if (props.value.split("..")[0] !== selectedValue.value[0]) updateTreeData();
+		}, { immediate: true });
+		const renderOptions = (nodes, col) => {
+			return [col === 1 ? renderColTitle(t("sys.component.fieldTransfer.currentModel"), "current") : renderColTitle(t("sys.component.fieldTransfer.linkModel"), "link"), ...nodes.map((node) => {
+				const { value, children } = node;
+				return {
+					label: renderOptionLabel(node),
+					value,
+					isLeaf: false,
+					disabled: false,
+					children: children?.length ? renderOptions(children, col + 1) : null
+				};
+			})];
+		};
+		return () => {
+			const displayLabel = props.value.split("..").map((val) => treeNameMap.value[val]).join(" / ");
+			const isReadOnly = !treeOptions.value[0]?.children?.length;
+			return createVNode("div", null, [createVNode(Cascader, {
+				"value": selectedValue.value,
+				"onUpdate:value": ($event) => selectedValue.value = $event,
+				"changeOnSelect": true,
+				"expandTrigger": "hover",
+				"placement": "bottomRight",
+				"dropdownClassName": `model-cascader-popup ${props.expandToLeft ? "expand-to-left" : ""}`,
+				"options": renderOptions(treeOptions.value, 1),
+				"open": isReadOnly ? false : visible.value,
+				"onChange": (val) => emit("change", val.join("..")),
+				"onDropdownVisibleChange": (v) => {
+					visible.value = v;
+				}
+			}, { default: () => [createVNode("div", { "class": `flex items-center ${isReadOnly ? "" : "cursor-pointer"}` }, [
+				isLoading.value && createVNode(Spin, {
+					"indicator": indicator,
+					"class": "h-4 flex items-center"
+				}, null),
+				createVNode("div", {
+					"class": "text-xs truncate min-w-0",
+					"title": displayLabel
+				}, [displayLabel]),
+				!isReadOnly && !isLoading.value && createVNode("i", { "class": "shrink-0 ml-1 gct-iconfont icon-zujianziduan-xiajiantou3" }, null)
+			])] })]);
+		};
+	}
+});
+//#endregion
+export { ModelCascader };

package/es/components/model-cascader/style.css

@@ -0,0 +1,54 @@
+.expand-to-left .ant-cascader-menus {
+  direction: rtl;
+}
+.expand-to-left .ant-cascader-menu {
+  direction: ltr;
+  /* 防止文字也反向 */
+}
+.model-cascader-popup {
+  z-index: 3000;
+}
+.model-cascader-popup > div {
+  max-width: 60vw;
+}
+.model-cascader-popup .ant-cascader-menu-item {
+  min-width: 160px;
+  padding: 0 4px;
+  /* stylelint-disable-next-line no-descending-specificity */
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.model-cascader-popup .ant-cascader-menu-item:hover:not(.ant-cascader-menu-item-disabled),
+.model-cascader-popup .ant-cascader-menu-item.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
+  background-color: #F2F5F8;
+}
+.model-cascader-popup .ant-cascader-menu-item.ant-cascader-menu-item-active,
+.model-cascader-popup .ant-cascader-menu-item.ant-cascader-menu-item-active .iconfont {
+  color: var(--ant-primary-color);
+}
+.model-cascader-popup .ant-cascader-menu-item .ant-cascader-menu-item-content {
+  display: flex;
+  align-items: center;
+}
+.model-cascader-popup .ant-cascader-menu-item .model-ops {
+  flex: 1;
+  padding-right: 0;
+  padding-left: 16px;
+  line-height: 32px;
+}
+.model-cascader-popup .ant-cascader-menu-item .model-ops .model-ops-name .model-ops-desc {
+  color: rgba(0, 0, 0, 0.45);
+}
+.model-cascader-popup .ant-cascader-menu-item .iconfont {
+  flex-shrink: 0;
+  padding-right: 8px;
+  padding-left: 4px;
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.45);
+}
+.model-cascader-popup .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon {
+  display: none;
+}
+.model-cascader-popup .ant-cascader-menu-item.ant-cascader-menu-item-disabled {
+  color: #c3c3c3;
+  cursor: default;
+}

package/es/components/model-cascader/util.d.ts

@@ -0,0 +1,27 @@
+export declare const MODEL_SEPARATOR = "..";
+export declare const FIELD_SEPARATOR = ".";
+/**
+ * 示例：`(主)模型KEY .. (主)模型字段.(二级)模型字段ID.(二级)关联模型KEY .. (二级)模型字段.(三级)模型字段ID.(三级)关联模型KEY`
+ * 模型KEY：用于查询字段列表
+ * 模型字段：用于报表数据查询的前缀拼接
+ * 模型字段ID：用于保证 option 唯一性，构成 -> `字段KEY $ 所属模型KEY`
+ */
+export declare const getRootModelKeyFromJointKey: (key: string) => string;
+export declare const getLeafModelKeyFromJointKey: (key: string) => string;
+export declare const getForeignKeyChainFromJointKey: (key: string) => string;
+export interface IModelTreeNode {
+    label: string;
+    value: string;
+    children: IModelTreeNode[];
+}
+export declare const getRecursiveModelTreeData: (modelKey: string, depth: number, cache?: IObject) => Promise<{
+    treeOptions: IModelTreeNode[];
+    treeNameMap: Record<string, string>;
+}>;
+export declare const renderColTitle: (label: string, value: string) => {
+    label: import("vue/jsx-runtime").JSX.Element;
+    value: string;
+    isLeaf: boolean;
+    disabled: boolean;
+};
+export declare const renderOptionLabel: (node: IModelTreeNode) => import("vue/jsx-runtime").JSX.Element;

package/es/components/model-cascader/util.mjs

@@ -0,0 +1,73 @@
+import { Fragment, createVNode } from "vue";
+import { CreateType, FIELD_TYPE } from "@gct-paas/core";
+//#region src/components/model-cascader/util.tsx
+var MODEL_SEPARATOR = "..";
+var FIELD_SEPARATOR = ".";
+/**
+* 示例：`(主)模型KEY .. (主)模型字段.(二级)模型字段ID.(二级)关联模型KEY .. (二级)模型字段.(三级)模型字段ID.(三级)关联模型KEY`
+* 模型KEY：用于查询字段列表
+* 模型字段：用于报表数据查询的前缀拼接
+* 模型字段ID：用于保证 option 唯一性，构成 -> `字段KEY $ 所属模型KEY`
+*/
+var getRootModelKeyFromJointKey = (key) => {
+	return key.split("..")[0];
+};
+var getLeafModelKeyFromJointKey = (key) => {
+	return key.split("..").at(-1).split(".").at(-1);
+};
+var getForeignKeyChainFromJointKey = (key) => {
+	return key.split("..").filter((s) => s.includes(".")).map((s) => s.split(".")[0]).join(".");
+};
+var getRecursiveModelTreeData = async (modelKey, depth, cache) => {
+	const treeOptions = [];
+	const treeNameMap = {};
+	const listCache = { ...cache || {} };
+	let refModelList = [];
+	if (depth === 0) return {
+		treeOptions,
+		treeNameMap
+	};
+	if (listCache[modelKey]) refModelList = listCache[modelKey];
+	else {
+		refModelList = ((await _api.apaas.modelMeta.getDetail({ modelKey }))?.fieldMetaList || []).filter((f) => [FIELD_TYPE.REF, FIELD_TYPE.RDO_REF].includes(f.type) && [CreateType.USER_DEFINED, CreateType.BUILTIN].includes(f.createType));
+		listCache[modelKey] = refModelList;
+	}
+	for (const refModel of refModelList) {
+		const { id, key: relatedFieldKey, name, bindInfo, relationModelName } = refModel;
+		const label = `${name}（${relationModelName}）`;
+		const value = [
+			relatedFieldKey,
+			id,
+			bindInfo
+		].filter(Boolean).join(".");
+		const { treeOptions: children, treeNameMap: subMap } = await getRecursiveModelTreeData(bindInfo, depth - 1, listCache);
+		treeOptions.push({
+			label,
+			value,
+			children
+		});
+		Object.assign(treeNameMap, subMap);
+		treeNameMap[value] = label;
+	}
+	return {
+		treeOptions,
+		treeNameMap
+	};
+};
+var renderColTitle = (label, value) => {
+	return {
+		label: createVNode("div", { "class": "model-ops" }, [createVNode("span", { "class": "model-ops-name" }, [label])]),
+		value,
+		isLeaf: true,
+		disabled: true
+	};
+};
+var renderOptionLabel = (node) => {
+	const arrowVisible = !!node.children?.length;
+	return createVNode(Fragment, null, [createVNode("div", {
+		"class": "model-ops w-52 truncate",
+		"title": node.label
+	}, [createVNode("span", { "class": "model-ops-name" }, [node.label])]), arrowVisible && createVNode("i", { "class": "iconfont icon-a-Rightarrow" }, null)]);
+};
+//#endregion
+export { FIELD_SEPARATOR, MODEL_SEPARATOR, getForeignKeyChainFromJointKey, getLeafModelKeyFromJointKey, getRecursiveModelTreeData, getRootModelKeyFromJointKey, renderColTitle, renderOptionLabel };

package/es/components/monaco-editor/monaco-editor.css

@@ -0,0 +1,70 @@
+@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 */
+.gct-monaco-editor {
+  height: 100%;
+}
+.gct-monaco-editor__editor {
+  height: 100%;
+}

package/es/components/monaco-editor/monaco-editor.d.ts

@@ -0,0 +1,22 @@
+import { PropType } from 'vue';
+import { editor } from 'monaco-editor';
+export declare const MonacoEditor: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
+    options: {
+        type: PropType<editor.IStandaloneEditorConstructionOptions>;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    containerRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
+    options: {
+        type: PropType<editor.IStandaloneEditorConstructionOptions>;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/monaco-editor/monaco-editor.mjs

@@ -0,0 +1,82 @@
+import { monacoLoader } from "../../utils/monaco-loader/monaco-loader.mjs";
+import "../../utils/index.mjs";
+import './monaco-editor.css';/* empty css                    */
+import { computed, createVNode, defineComponent, onMounted, ref, watch } from "vue";
+import { merge } from "lodash-es";
+import { useNamespace } from "@gct-paas/core";
+//#region src/components/monaco-editor/monaco-editor.tsx
+var MonacoEditor = /* @__PURE__ */ defineComponent({
+	name: "MonacoEditor",
+	props: {
+		value: { type: String },
+		options: { type: Object }
+	},
+	emits: ["update:value"],
+	setup(props, { emit }) {
+		const ns = useNamespace("monaco-editor");
+		const containerRef = ref();
+		let editorInst = null;
+		const inst = computed(() => editorInst);
+		watch(() => props.value, (val) => {
+			if (val !== inst.value.getValue()) inst.value.setValue(val || "");
+		});
+		const val = computed({
+			get() {
+				return props.value ?? "";
+			},
+			set(val) {
+				emit("update:value", val);
+			}
+		});
+		let option = {
+			value: val.value ?? "",
+			language: "json",
+			automaticLayout: true,
+			theme: "props.theme",
+			readOnly: false,
+			wordWrap: "on",
+			scrollBeyondLastLine: false,
+			minimap: { enabled: true },
+			tabSize: 2,
+			autoClosingBrackets: "always",
+			autoClosingDelete: "always",
+			autoClosingOvertype: "always",
+			autoClosingQuotes: "always",
+			comments: {
+				ignoreEmptyLines: true,
+				insertSpace: true
+			},
+			columnSelection: false,
+			folding: true,
+			fixedOverflowWidgets: true,
+			hover: {
+				sticky: true,
+				above: false
+			}
+		};
+		if (props.options) option = merge(option, props.options);
+		async function initEditor() {
+			if (!containerRef.value) return;
+			editorInst = (await monacoLoader.loadMonaco()).editor.create(containerRef.value, option);
+			const _ = inst.value;
+			_.onDidChangeModelContent(() => {
+				val.value = _.getValue();
+			});
+		}
+		onMounted(() => {
+			initEditor();
+		});
+		return {
+			ns,
+			containerRef
+		};
+	},
+	render() {
+		return createVNode("div", { "class": this.ns.b() }, [createVNode("div", {
+			"ref": "containerRef",
+			"class": this.ns.e("editor")
+		}, null)]);
+	}
+});
+//#endregion
+export { MonacoEditor };

package/es/components/number-range/number-range.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
 import number_range_vue_vue_type_script_setup_true_lang_default from "./number-range.vue_vue_type_script_setup_true_lang.mjs";
-import './number-range.vue_vue_type_style_index_0_scoped_283a5280_lang.css';/* empty css                                                                   */
+import './number-range.vue_vue_type_style_index_0_scoped_9970d677_lang.css';/* empty css                                                                   */
 //#region src/components/number-range/number-range.vue
-var number_range_default = /* @__PURE__ */ _plugin_vue_export_helper_default(number_range_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-283a5280"]]);
+var number_range_default = /* @__PURE__ */ _plugin_vue_export_helper_default(number_range_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9970d677"]]);
 //#endregion
 export { number_range_default as default };

package/es/components/number-range/number-range.vue_vue_type_script_setup_true_lang.mjs

@@ -69,7 +69,7 @@ var number_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 					"precision",
 					"placeholder"
 				]),
-				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "middle-text", {}, () => [createTextVNode(toDisplayString(_ctx.$t("sys.webRender.to")), 1)], true)]),
+				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "middle-text", {}, () => [createTextVNode(toDisplayString(unref(t)("sys.webRender.to")), 1)], true)]),
 				createVNode(_component_a_input_number, {
 					value: __props.rangeMax,
 					min: 0,

package/es/components/number-range/{number-range.vue_vue_type_style_index_0_scoped_283a5280_lang.css → number-range.vue_vue_type_style_index_0_scoped_9970d677_lang.css}

@@ -1,8 +1,8 @@
-.range-box[data-v-283a5280] {
+.range-box[data-v-9970d677] {
   display: flex;
   align-items: center;
 }
-.range-box .text[data-v-283a5280] {
+.range-box .text[data-v-9970d677] {
   width: 90px;
   text-align: center;
 }

package/es/components/open-select-user-modal/SelectUserContainer.vue.d.ts

@@ -0,0 +1,21 @@
+import { ModalProps } from 'ant-design-vue';
+import { SceneType } from './controller/index.ts';
+type __VLS_Props = {
+    baseProps: {
+        /** 模型key */
+        modelKey: string;
+        /** 勾选的内容 */
+        selectValues: string[];
+        showTabs: string[];
+        multiple: boolean;
+        sceneType?: SceneType;
+        /** 需要额外隐藏的id集合 */
+        hiddenKeys?: string[];
+        readonly?: boolean;
+    };
+    options?: ModalProps;
+    callback?: Fn;
+    destroyVm?: Fn;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/open-select-user-modal/SelectUserContainer.vue.mjs

@@ -0,0 +1,8 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import SelectUserContainer_vue_vue_type_script_setup_true_name_SelectUserContainer_lang_default from "./SelectUserContainer.vue_vue_type_script_setup_true_name_SelectUserContainer_lang.mjs";
+import './SelectUserContainer.vue_vue_type_style_index_1_lang.css';import './SelectUserContainer.vue_vue_type_style_index_0_scoped_1fd02207_lang.css';/* empty css                                                                          */
+/* empty css                                                          */
+//#region src/components/open-select-user-modal/SelectUserContainer.vue
+var SelectUserContainer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(SelectUserContainer_vue_vue_type_script_setup_true_name_SelectUserContainer_lang_default, [["__scopeId", "data-v-1fd02207"]]);
+//#endregion
+export { SelectUserContainer_default as default };