@gct-paas/core-web 0.1.6-dev.9 → 6.0.0-dev.1

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,74 @@
+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;
+		let label = name;
+		if (relationModelName) 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 };