@gct-paas/core-web 0.1.4-dev.9 → 0.1.5-dev.1

package/es/components/I18nSelect/src/i18n-select-input.vue.d.ts

@@ -0,0 +1,51 @@
+import { InputProps } from 'ant-design-vue';
+import { ButtonSize } from '@gct-paas/core';
+interface Props {
+    attr: string | IObject;
+    inputExtraProps?: InputProps;
+    i18nConfig?: string | Record<string, string>;
+    i18nText?: string;
+    placeholderText?: string;
+    size?: ButtonSize;
+    i18nModalKey?: string;
+    forceUpdate?: boolean;
+    btnHeight?: string;
+    btnWidth?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'i18n-input'?(_: {}): any;
+    };
+    refs: {
+        i18nInputGroup: unknown;
+        inputRef: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    "update:i18nText": (...args: any[]) => void;
+    "update:i18nConfig": (...args: any[]) => void;
+    "on-i18n-select": (...args: any[]) => void;
+    clickOutside: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:i18nText"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:i18nConfig"?: ((...args: any[]) => any) | undefined;
+    "onOn-i18n-select"?: ((...args: any[]) => any) | undefined;
+    onClickOutside?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    i18nInputGroup: unknown;
+    inputRef: unknown;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/I18nSelect/src/i18n-select-input.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import i18n_select_input_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default from "./i18n-select-input.vue_vue_type_script_setup_true_name_i18n-select-input_lang.mjs";
+import './i18n-select-input.vue_vue_type_style_index_0_scoped_b4baf3ec_lang.css';/* empty css                                                                        */
+//#region src/components/I18nSelect/src/i18n-select-input.vue
+var i18n_select_input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(i18n_select_input_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default, [["__scopeId", "data-v-b4baf3ec"]]);
+//#endregion
+export { i18n_select_input_default as default };

package/es/components/I18nSelect/src/i18n-select-input.vue_vue_type_script_setup_true_name_i18n-select-input_lang.mjs

@@ -0,0 +1,124 @@
+import i18n_select_btn_default from "./i18n-select-btn.vue.mjs";
+import { computed, createBlock, createCommentVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, resolveComponent, unref, withCtx } from "vue";
+import { isEmpty, omit } from "lodash-es";
+import { ButtonSize } from "@gct-paas/core";
+import { onClickOutside } from "@vueuse/core";
+//#region src/components/I18nSelect/src/i18n-select-input.vue?vue&type=script&setup=true&name=i18n-select-input&lang.ts
+var i18n_select_input_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "i18n-select-input",
+	props: {
+		attr: {},
+		inputExtraProps: {},
+		i18nConfig: {},
+		i18nText: {},
+		placeholderText: {},
+		size: {},
+		i18nModalKey: {},
+		forceUpdate: { type: Boolean },
+		btnHeight: {},
+		btnWidth: {}
+	},
+	emits: [
+		"update:i18nText",
+		"update:i18nConfig",
+		"on-i18n-select",
+		"clickOutside",
+		"focus",
+		"blur"
+	],
+	setup(__props, { emit: __emit }) {
+		const isApp = computed(() => {
+			return !!_gct.store.appInfo.id;
+		});
+		const props = __props;
+		const emit = __emit;
+		const inputValue = computed({
+			get() {
+				return props.i18nText ?? "";
+			},
+			set(value) {
+				if (value !== props.i18nText) emit("update:i18nText", value);
+			}
+		});
+		const i18nConfigState = computed(() => {
+			if (isEmpty(props.i18nConfig)) return {};
+			if (typeof props.i18nConfig === "string") return JSON.parse(props.i18nConfig) ?? {};
+			return props.i18nConfig ?? {};
+		});
+		const i18nValue = computed(() => {
+			return i18nConfigState.value?.[props.attr] ?? "";
+		});
+		const handleSelectI18n = (params) => {
+			if (params) {
+				if (isEmpty(inputValue.value) || props.forceUpdate === true) emit("update:i18nText", params.i18nTitle);
+				emit("update:i18nConfig", JSON.stringify(isEmpty(params) ? omit(i18nConfigState.value, props.attr) : {
+					...i18nConfigState.value,
+					[props.attr]: params.i18nKey
+				}));
+				emit("on-i18n-select", params);
+			}
+		};
+		const inputRef = ref();
+		const handleFocus = () => {
+			emit("focus", inputRef.value);
+		};
+		const handleBlur = () => {
+			emit("blur", inputRef.value);
+		};
+		const i18nInputGroup = ref();
+		onClickOutside(i18nInputGroup, () => {
+			emit("clickOutside");
+		});
+		return (_ctx, _cache) => {
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_input_group = resolveComponent("a-input-group");
+			return openBlock(), createBlock(_component_a_input_group, {
+				id: "i18nInputGroup",
+				ref_key: "i18nInputGroup",
+				ref: i18nInputGroup,
+				compact: ""
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "i18n-input", {}, () => [createVNode(_component_a_input, mergeProps({
+					ref_key: "inputRef",
+					ref: inputRef
+				}, __props.inputExtraProps, {
+					value: inputValue.value,
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+					valueModifiers: { trim: true },
+					style: {
+						height: __props.btnHeight ? __props.btnHeight : __props.size === unref(ButtonSize).SMALL ? "26px" : "32px",
+						width: !isApp.value ? "100%" : `calc(100% - ${__props.btnWidth ? __props.btnWidth : __props.size === unref(ButtonSize).SMALL ? "26px" : "32px"}`
+					},
+					placeholder: __props.placeholderText,
+					size: __props.size,
+					"allow-clear": "",
+					onFocus: handleFocus,
+					onBlur: handleBlur
+				}), null, 16, [
+					"value",
+					"style",
+					"placeholder",
+					"size"
+				])], true), isApp.value ? (openBlock(), createBlock(i18n_select_btn_default, {
+					key: 0,
+					"btn-height": __props.btnHeight,
+					"btn-width": __props.btnWidth,
+					"i18n-value": i18nValue.value,
+					size: __props.size,
+					"i18n-modal-key": __props.i18nModalKey,
+					onOnSelectI18n: handleSelectI18n,
+					onClosed: _cache[1] || (_cache[1] = ($event) => emit("clickOutside"))
+				}, null, 8, [
+					"btn-height",
+					"btn-width",
+					"i18n-value",
+					"size",
+					"i18n-modal-key"
+				])) : createCommentVNode("", true)]),
+				_: 3
+			}, 512);
+		};
+	}
+});
+//#endregion
+export { i18n_select_input_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default as default };

package/es/components/I18nSelect/src/i18n-select-input.vue_vue_type_style_index_0_scoped_b4baf3ec_lang.css

@@ -0,0 +1,3 @@
+[data-v-b4baf3ec] .ant-form-item-has-error .ant-btn {
+  border-color: var(--ant-error-color) !important;
+}

package/es/components/I18nSelect/src/i18n-select-modal.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    open: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/I18nSelect/src/i18n-select-modal.vue.mjs

@@ -0,0 +1,5 @@
+import i18n_select_modal_vue_vue_type_script_setup_true_lang_default from "./i18n-select-modal.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/I18nSelect/src/i18n-select-modal.vue
+var i18n_select_modal_default = i18n_select_modal_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { i18n_select_modal_default as default };

package/es/components/I18nSelect/src/i18n-select-modal.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,20 @@
+import { useModal } from "../../../modules/global-modal/src/hooks/useModal.mjs";
+import "../../../modules/global-modal/index.mjs";
+import i18n_select_container_default from "./i18n-select-container.vue.mjs";
+import { createBlock, defineComponent, openBlock, unref } from "vue";
+//#region src/components/I18nSelect/src/i18n-select-modal.vue?vue&type=script&setup=true&lang.ts
+var i18n_select_modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "i18n-select-modal",
+	setup(__props, { expose: __expose }) {
+		const [register, { openModal }] = useModal();
+		const open = () => {
+			openModal();
+		};
+		__expose({ open });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(i18n_select_container_default, { onRegister: unref(register) }, null, 8, ["onRegister"]);
+		};
+	}
+});
+//#endregion
+export { i18n_select_modal_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/I18nSelect/src/i18n-select-textarea-form.vue.d.ts

@@ -0,0 +1,15 @@
+import { FormInstance, FormItemProps, InputProps } from 'ant-design-vue';
+interface Props {
+    formItemName: string | string[];
+    fromItemExtraProps?: FormItemProps;
+    inputExtraProps?: InputProps;
+    i18nConfig?: string;
+    text?: string;
+    formRef?: FormInstance;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:text": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:text"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/I18nSelect/src/i18n-select-textarea-form.vue.mjs

@@ -0,0 +1,5 @@
+import i18n_select_textarea_form_vue_vue_type_script_setup_true_name_i18n_select_input_form_lang_default from "./i18n-select-textarea-form.vue_vue_type_script_setup_true_name_i18n-select-input-form_lang.mjs";
+//#region src/components/I18nSelect/src/i18n-select-textarea-form.vue
+var i18n_select_textarea_form_default = i18n_select_textarea_form_vue_vue_type_script_setup_true_name_i18n_select_input_form_lang_default;
+//#endregion
+export { i18n_select_textarea_form_default as default };

package/es/components/I18nSelect/src/i18n-select-textarea-form.vue_vue_type_script_setup_true_name_i18n-select-input-form_lang.mjs

@@ -0,0 +1,56 @@
+import i18n_select_textarea_default from "./i18n-select-textarea.vue.mjs";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, resolveComponent, toDisplayString, withCtx } from "vue";
+//#region src/components/I18nSelect/src/i18n-select-textarea-form.vue?vue&type=script&setup=true&name=i18n-select-input-form&lang.ts
+var i18n_select_textarea_form_vue_vue_type_script_setup_true_name_i18n_select_input_form_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "i18n-select-textarea-form",
+	props: {
+		formItemName: {},
+		fromItemExtraProps: {},
+		inputExtraProps: {},
+		i18nConfig: {},
+		text: {},
+		formRef: {}
+	},
+	emits: ["update:text"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const i18nText = computed({
+			get() {
+				return props.text ?? "";
+			},
+			set(value) {
+				emit("update:text", value);
+				props.formRef?.validateFields([props.formItemName]);
+			}
+		});
+		return (_ctx, _cache) => {
+			const _component_a_form_item = resolveComponent("a-form-item");
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(_component_a_form_item, mergeProps({ name: __props.formItemName }, __props.fromItemExtraProps), {
+				default: withCtx(() => [createVNode(i18n_select_textarea_default, mergeProps(_ctx.$attrs, {
+					"i18n-text": i18nText.value,
+					"onUpdate:i18nText": _cache[0] || (_cache[0] = ($event) => i18nText.value = $event),
+					"placeholder-text": _ctx.$t("sys.inputText"),
+					"input-extra-props": __props.inputExtraProps,
+					"i18n-config": __props.i18nConfig,
+					attr: Array.isArray(__props.formItemName) ? __props.formItemName.join(".") : __props.formItemName
+				}), null, 16, [
+					"i18n-text",
+					"placeholder-text",
+					"input-extra-props",
+					"i18n-config",
+					"attr"
+				])]),
+				_: 1
+			}, 16, ["name"]), createVNode(_component_a_form_item, {
+				name: "i18nConfig",
+				hidden: ""
+			}, {
+				default: withCtx(() => [createElementVNode("span", null, toDisplayString(__props.i18nConfig), 1)]),
+				_: 1
+			})], 64);
+		};
+	}
+});
+//#endregion
+export { i18n_select_textarea_form_vue_vue_type_script_setup_true_name_i18n_select_input_form_lang_default as default };

package/es/components/I18nSelect/src/i18n-select-textarea.vue.d.ts

@@ -0,0 +1,26 @@
+import { InputProps, TextAreaProps } from 'ant-design-vue';
+interface Props {
+    attr: string;
+    inputExtraProps?: InputProps | TextAreaProps;
+    i18nConfig?: string | Record<string, string>;
+    i18nText?: string;
+    placeholderText?: string;
+    rows?: number;
+    style?: object;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (...args: any[]) => void;
+    "update:i18nText": (...args: any[]) => void;
+    "update:i18nConfig": (...args: any[]) => void;
+    "on-i18n-select": (...args: any[]) => void;
+    clickOutside: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:i18nText"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:i18nConfig"?: ((...args: any[]) => any) | undefined;
+    "onOn-i18n-select"?: ((...args: any[]) => any) | undefined;
+    onClickOutside?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: unknown;
+}, HTMLDivElement>;
+export default _default;

package/es/components/I18nSelect/src/i18n-select-textarea.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import i18n_select_textarea_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default from "./i18n-select-textarea.vue_vue_type_script_setup_true_name_i18n-select-input_lang.mjs";
+import './i18n-select-textarea.vue_vue_type_style_index_0_scoped_cd95c416_lang.css';/* empty css                                                                           */
+//#region src/components/I18nSelect/src/i18n-select-textarea.vue
+var i18n_select_textarea_default = /* @__PURE__ */ _plugin_vue_export_helper_default(i18n_select_textarea_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default, [["__scopeId", "data-v-cd95c416"]]);
+//#endregion
+export { i18n_select_textarea_default as default };

package/es/components/I18nSelect/src/i18n-select-textarea.vue_vue_type_script_setup_true_name_i18n-select-input_lang.mjs

@@ -0,0 +1,86 @@
+import i18n_select_btn_default from "./i18n-select-btn.vue.mjs";
+import { computed, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, ref, resolveComponent } from "vue";
+import { isEmpty, omit } from "lodash-es";
+//#region src/components/I18nSelect/src/i18n-select-textarea.vue?vue&type=script&setup=true&name=i18n-select-input&lang.ts
+var _hoisted_1 = { class: "inline-block w100% relative" };
+var i18n_select_textarea_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "i18n-select-textarea",
+	props: {
+		attr: {},
+		inputExtraProps: {},
+		i18nConfig: {},
+		i18nText: {},
+		placeholderText: {},
+		rows: {},
+		style: {}
+	},
+	emits: [
+		"update:i18nText",
+		"update:i18nConfig",
+		"on-i18n-select",
+		"clickOutside",
+		"focus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const inputValue = computed({
+			get() {
+				return props.i18nText ?? "";
+			},
+			set(value) {
+				emit("update:i18nText", value);
+			}
+		});
+		const i18nConfigState = computed(() => {
+			if (isEmpty(props.i18nConfig)) return {};
+			if (typeof props.i18nConfig === "string") return JSON.parse(props.i18nConfig) ?? {};
+			return props.i18nConfig ?? {};
+		});
+		const i18nValue = computed(() => {
+			return i18nConfigState.value?.[props.attr];
+		});
+		const handleSelectI18n = (params) => {
+			if (params) {
+				if (isEmpty(inputValue.value)) emit("update:i18nText", params.i18nTitle);
+				emit("update:i18nConfig", JSON.stringify(isEmpty(params) ? omit(i18nConfigState.value, props.attr) : {
+					...i18nConfigState.value,
+					[props.attr]: params.i18nKey
+				}));
+				emit("on-i18n-select", params);
+			}
+		};
+		const inputRef = ref();
+		const handleFocus = () => {
+			emit("focus", inputRef.value);
+		};
+		return (_ctx, _cache) => {
+			const _component_a_textarea = resolveComponent("a-textarea");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_textarea, mergeProps({
+				ref_key: "inputRef",
+				ref: inputRef,
+				value: inputValue.value,
+				"onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+				placeholder: __props.placeholderText
+			}, __props.inputExtraProps, {
+				style: {
+					resize: "none",
+					...__props.style
+				},
+				onFocus: handleFocus
+			}), null, 16, [
+				"value",
+				"placeholder",
+				"style"
+			]), createVNode(i18n_select_btn_default, {
+				"i18n-value": i18nValue.value,
+				"simple-btn": true,
+				type: "text",
+				onOnSelectI18n: handleSelectI18n,
+				onClosed: _cache[1] || (_cache[1] = ($event) => emit("clickOutside"))
+			}, null, 8, ["i18n-value"])]);
+		};
+	}
+});
+//#endregion
+export { i18n_select_textarea_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default as default };

package/es/components/I18nSelect/src/i18n-select-textarea.vue_vue_type_style_index_0_scoped_cd95c416_lang.css

@@ -0,0 +1,17 @@
+[data-v-cd95c416] .i18n-icon {
+  position: absolute;
+  right: 16px;
+  bottom: 12px;
+  color: #212528;
+  font-size: 16px;
+  cursor: pointer;
+}
+[data-v-cd95c416] 
+  div.ant-input-textarea.ant-input-textarea-show-count.ant-input-textarea-show-count::after
+ {
+  right: 33px;
+}
+[data-v-cd95c416] .ant-input {
+  border: 2px dashed #dbdbdb;
+  background: transparent;
+}

package/es/components/I18nSelect/src/useI18nSelect.d.ts

@@ -0,0 +1,13 @@
+export interface I18nSelectProps {
+    i18nModalKey?: string;
+    saveCallback?: (params: IObject) => void;
+    destroyCallback?: (params: IObject) => void;
+}
+export interface IUseI18nSelectOptions {
+    target?: HTMLElement;
+    props?: Partial<I18nSelectProps>;
+}
+export declare function useI18nSelect(): {
+    open: (params: Partial<I18nSelectProps> | Partial<IUseI18nSelectOptions>) => Promise<void>;
+    close: (callback: unknown) => void;
+};

package/es/components/I18nSelect/src/useI18nSelect.mjs

@@ -0,0 +1,47 @@
+import i18n_select_modal_default from "./i18n-select-modal.vue.mjs";
+import { ref, unref } from "vue";
+import { has } from "lodash-es";
+import { OverlayContainer } from "@gct-paas/core";
+//#region src/components/I18nSelect/src/useI18nSelect.ts
+function useI18nSelect() {
+	let app = null;
+	let instance = null;
+	const i18nModalKey = ref("");
+	async function open(params) {
+		let props;
+		let target = document.body;
+		if (has(params, "target") || has(params, "props")) {
+			const options = params;
+			props = options.props || {};
+			target = options.target || document.body;
+		} else props = params;
+		i18nModalKey.value = props.i18nModalKey || `i18n-select-modal-${Math.random().toString(16).substring(8)}`;
+		const propsData = {
+			...props,
+			destroyCallback: () => close(props?.destroyCallback),
+			i18nModalKey: unref(i18nModalKey)
+		};
+		if (!app) {
+			const container = document.createElement("div");
+			container.id = unref(i18nModalKey);
+			unref(target)?.appendChild(container);
+			app = await OverlayContainer.createVueApp(i18n_select_modal_default, propsData);
+			instance = app.mount(container);
+		}
+		instance?.open();
+	}
+	function close(callback) {
+		if (typeof callback === "function") callback();
+		document.querySelector(`#${unref(i18nModalKey)}`).remove();
+		if (app) {
+			app.unmount();
+			app = null;
+		}
+	}
+	return {
+		open,
+		close
+	};
+}
+//#endregion
+export { useI18nSelect };

package/es/components/UserPick/index.d.ts

@@ -0,0 +1,42 @@
+import { Org, OrgUserResponse } from '@gct-paas/api/platform';
+import { PickType } from './src/constants';
+/**
+ * type:ALL 所有的，APP 应用内部场景 ，ViSIBLE用户组配置可见人员
+ */
+interface PickerParams {
+    fieldKey?: string;
+    modelKey?: string;
+    type?: PickType;
+}
+export declare function useModalPicker({ type, fieldKey, modelKey, }?: PickerParams): {
+    openPickerByUser: ({ userIds, multiple, callback, }: openPickerByUserType) => void;
+    openPicker: ({ userIds, deptIds, callback, }: openPickerType) => void;
+    openPickerByDept: ({ deptIds, multiple, callback, }: openPickerByDeptType) => void;
+    getDeptOptions: ((config?: Partial<import('axios').AxiosRequestConfig>) => Promise<import('@gct-paas/api/platform').OrgResponse[]>) | ((config?: Partial<import('axios').AxiosRequestConfig>) => Promise<import('@gct-paas/api/apaas').PickerOrgDTO[]>) | ((config?: Partial<import('axios').AxiosRequestConfig>) => Promise<import('@gct-paas/api/apaas').PickerOrgDTO[]>);
+    getUserByIds: ((query: import('@gct-paas/api/platform/apis/org-user-picker.service').getTenantManagementUserListByIdsQuery, config?: Partial<import('axios').AxiosRequestConfig>) => Promise<import('@gct-paas/api/platform').PickerUserDTO[]>) | ((params: IObject) => Promise<import('@gct-paas/api/apaas').PickerUserDTO[]>);
+};
+export interface openPickerType {
+    userIds?: string[];
+    deptIds?: string[];
+    callback: openPickerCallback;
+}
+export interface openPickerByUserType {
+    userIds?: string[] | string;
+    multiple?: boolean;
+    callback: openPickerByUserCallback;
+}
+export type openPickerCallback = (value: {
+    userIds: string[];
+    deptIds: string[];
+}, rows: {
+    userMaps: OrgUserResponse[];
+    DeptMaps: Org[];
+}) => void;
+export type openPickerByUserCallback = (value: string[] | string, rows: OrgUserResponse[] | OrgUserResponse) => void;
+export interface openPickerByDeptType {
+    deptIds?: string[];
+    multiple?: boolean;
+    callback: openPickerByDeptCallback;
+}
+export type openPickerByDeptCallback = (value: string[], rows: OrgUserResponse[]) => void;
+export { PickType as UserPickType };

package/es/components/UserPick/index.mjs

@@ -0,0 +1,108 @@
+import { PickType } from "./src/constants/index.mjs";
+import user_pick_default from "./src/user-pick.vue.mjs";
+import { createVNode, render } from "vue";
+//#region src/components/UserPick/index.ts
+function useModalPicker({ type = PickType.ALL, fieldKey, modelKey } = {}) {
+	const { getUserOptions, getUserByIds, getDeptOptions } = getApisByType({
+		type,
+		fieldKey,
+		modelKey
+	});
+	let userRef;
+	const container = document.createDocumentFragment();
+	function readyModal() {
+		const vm = createVNode(user_pick_default, {
+			getUserOptions,
+			getUserByIds,
+			destroyVm,
+			getDeptOptions,
+			type
+		});
+		render(vm, container);
+		userRef = vm.component?.exposed;
+	}
+	function transformSet(values, multiple) {
+		if (!multiple && !(values instanceof Array)) values = [values];
+		return values;
+	}
+	function destroyVm() {
+		setTimeout(() => {
+			render(null, container);
+			userRef = null;
+		}, 300);
+	}
+	/**
+	* 选择人员
+	* @param param0
+	*/
+	function openPickerByUser({ userIds = [], multiple = true, callback }) {
+		readyModal();
+		userIds = transformSet(userIds, multiple);
+		userRef?.openPickerByUser({
+			userIds,
+			multiple,
+			callback
+		});
+	}
+	/**
+	* 选择人员和部门组件
+	* @param param0
+	*/
+	function openPicker({ userIds = [], deptIds = [], callback }) {
+		readyModal();
+		userRef?.openPicker({
+			userIds,
+			deptIds,
+			callback
+		});
+	}
+	/**
+	* 选择部门
+	* @param param0
+	*/
+	function openPickerByDept({ deptIds = [], multiple = true, callback }) {
+		readyModal();
+		deptIds = transformSet(deptIds, multiple);
+		userRef?.openPickerByDept({
+			deptIds,
+			multiple,
+			callback
+		});
+	}
+	return {
+		openPickerByUser,
+		openPicker,
+		openPickerByDept,
+		getDeptOptions,
+		getUserByIds
+	};
+}
+function getApisByType({ type, fieldKey, modelKey }) {
+	return {
+		[PickType.ALL]: {
+			getUserOptions: _api.platform.orgUserPicker.getTenantManagementOrgUserPageList,
+			getUserByIds: _api.platform.orgUserPicker.getTenantManagementUserListByIds,
+			getDeptOptions: _api.platform.tenant.getManagementOrgList
+		},
+		[PickType.APP]: {
+			getUserOptions: (params) => _api.apaas.designerCommon.getGetCanBeUsedOrgUser({
+				fieldKey,
+				modelKey,
+				...params
+			}),
+			getUserByIds: (params) => _api.apaas.designerCommon.getListUserByIds({
+				fieldKey,
+				modelKey,
+				...params
+			}),
+			getDeptOptions: _api.apaas.designerCommon.getGetCanBeUsedOrg
+		},
+		[PickType.ViSIBLE]: {
+			getUserOptions: _api.apaas.designerCommon.getGetVisibleOrgUser,
+			getUserByIds: _api.platform.orgUserPicker.getTenantManagementUserListByIds,
+			getDeptOptions: _api.apaas.designerCommon.getGetVisibleOrg
+		}
+	}[type];
+}
+//#endregion
+export { useModalPicker };