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

package/es/modules/gct-form/editor/gct-form-info/gct-form-info.css

@@ -0,0 +1,85 @@
+@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-gct-form-info {
+  color: var(--gct-color-text-5);
+  display: flex;
+  align-items: center;
+}
+.gct-gct-form-info__icon {
+  margin-right: 3px;
+  vertical-align: -1px;
+}
+
+.gct-gct-form-info__content {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.gct-gct-form-info--small {
+  font-size: 12px;
+  line-height: 16px;
+}

package/es/{editor → modules/gct-form/editor}/gct-form-info/gct-form-info.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { IInfoEditor } from '@gct-paas/core';
+import { IInfoEditor } from '../../interface';
 export declare const GctFormInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     value: {
         type: StringConstructor;
@@ -9,6 +9,13 @@ export declare const GctFormInfo: import('vue').DefineComponent<import('vue').Ex
         type: PropType<IInfoEditor>;
         required: true;
     };
+    size: {
+        type: StringConstructor;
+    };
+    isEmptyText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     ns: import('@gct-paas/core').Namespace;
     val: import('vue').WritableComputedRef<any, any>;
@@ -21,8 +28,16 @@ export declare const GctFormInfo: import('vue').DefineComponent<import('vue').Ex
         type: PropType<IInfoEditor>;
         required: true;
     };
+    size: {
+        type: StringConstructor;
+    };
+    isEmptyText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
     value: string;
+    isEmptyText: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/modules/gct-form/editor/gct-form-info/gct-form-info.mjs

@@ -0,0 +1,41 @@
+import { useGctFormValue } from "../../hooks/use-gct-form-value/use-gct-form-value.mjs";
+import "../../hooks/index.mjs";
+import './gct-form-info.css';/* empty css                    */
+import { createVNode, defineComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-info/gct-form-info.tsx
+var GctFormInfo = /* @__PURE__ */ defineComponent({
+	name: "GctFormInfo",
+	props: {
+		value: {
+			type: String,
+			default: ""
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		size: { type: String },
+		isEmptyText: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:value"],
+	setup() {
+		return {
+			ns: useNamespace("gct-form-info"),
+			val: useGctFormValue()
+		};
+	},
+	render() {
+		let info = this.val || this.model.content;
+		if (!this.val && this.isEmptyText === true) info = _gct.store.getEmptyDisplay;
+		return createVNode("div", { "class": [this.ns.b(), this.size ? this.ns.m(this.size) : null] }, [this.model.icon ? createVNode("span", { "class": this.ns.e("icon") }, [createVNode("i", { "class": `iconfont ${this.model.icon}` }, null)]) : null, createVNode("span", {
+			"class": this.ns.e("content"),
+			"title": info
+		}, [info])]);
+	}
+});
+//#endregion
+export { GctFormInfo };

package/es/modules/gct-form/editor/gct-form-info/index.d.ts

@@ -0,0 +1,8 @@
+import { IEditorProvider } from '../../interface';
+export declare class Provider implements IEditorProvider {
+    component: string;
+}
+declare const _default: {
+    install(app: import('vue').App): void;
+};
+export default _default;

package/es/modules/gct-form/editor/gct-form-info/index.mjs

@@ -0,0 +1,10 @@
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import { GctFormInfo } from "./gct-form-info.mjs";
+//#region src/modules/gct-form/editor/gct-form-info/index.ts
+var Provider = class {
+	component = "gct-form-info";
+};
+var gct_form_info_default = widthEditorInstall(EditorType.INFO, () => new Provider(), GctFormInfo);
+//#endregion
+export { gct_form_info_default as default };

package/es/{editor → modules/gct-form/editor}/gct-form-length-unit/gct-form-length-unit.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { LengthUnitEditorController, ILengthUnitEditor, IFormItem } from '@gct-paas/core';
+import { IFormItem, ILengthUnitEditor } from '../../interface';
 /**
  * 带单位长度字符串编辑器
  */
@@ -14,11 +14,9 @@ export declare const GctFormLengthUnit: import('vue').DefineComponent<import('vu
     };
     value: {
         type: StringConstructor;
-        required: true;
     };
 }>, {
     ns: import('@gct-paas/core').Namespace;
-    c: LengthUnitEditorController;
     val: import('vue').WritableComputedRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     itemModel: {
@@ -31,7 +29,6 @@ export declare const GctFormLengthUnit: import('vue').DefineComponent<import('vu
     };
     value: {
         type: StringConstructor;
-        required: true;
     };
 }>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;

package/es/modules/gct-form/editor/gct-form-length-unit/gct-form-length-unit.mjs

@@ -0,0 +1,38 @@
+import { useGctFormValue } from "../../hooks/use-gct-form-value/use-gct-form-value.mjs";
+import "../../hooks/index.mjs";
+import { createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-length-unit/gct-form-length-unit.tsx
+/**
+* 带单位长度字符串编辑器
+*/
+var GctFormLengthUnit = /* @__PURE__ */ defineComponent({
+	name: "GctFormLengthUnit",
+	inheritAttrs: false,
+	props: {
+		itemModel: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: { type: String }
+	},
+	emits: ["update:value"],
+	setup() {
+		return {
+			ns: useNamespace("form-length-unit"),
+			val: useGctFormValue()
+		};
+	},
+	render() {
+		return createVNode(resolveComponent("length-unit-editor"), mergeProps({
+			"value": this.val,
+			"onUpdate:value": ($event) => this.val = $event
+		}, this.model.props || {}, { "class": [this.ns.b(), this.ns.is("readonly", this.model.readonly)] }), null);
+	}
+});
+//#endregion
+export { GctFormLengthUnit as default };

package/es/{editor → modules/gct-form/editor}/gct-form-length-unit/gct-form-length-unit.provider.d.ts

@@ -1,4 +1,4 @@
-import { IEditorProvider } from '@gct-paas/core';
+import { IEditorProvider } from '../../interface';
 /**
  * 带单位长度字符串编辑器
  *

package/es/modules/gct-form/editor/gct-form-length-unit/gct-form-length-unit.provider.mjs

@@ -0,0 +1,15 @@
+//#region src/modules/gct-form/editor/gct-form-length-unit/gct-form-length-unit.provider.ts
+/**
+* 带单位长度字符串编辑器
+*
+* @author lingxiaoming
+* @date 2024-07-17 04:48:33
+* @export
+* @class GctFormLengthUnitProvider
+* @implements {IEditorProvider}
+*/
+var GctFormLengthUnitProvider = class {
+	component = "gct-form-length-unit";
+};
+//#endregion
+export { GctFormLengthUnitProvider };

package/es/modules/gct-form/editor/gct-form-length-unit/index.mjs

@@ -0,0 +1,8 @@
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import GctFormLengthUnit from "./gct-form-length-unit.mjs";
+import { GctFormLengthUnitProvider } from "./gct-form-length-unit.provider.mjs";
+//#region src/modules/gct-form/editor/gct-form-length-unit/index.ts
+var gct_form_length_unit_default = widthEditorInstall(EditorType.LENGTH_UNIT, () => new GctFormLengthUnitProvider(), GctFormLengthUnit);
+//#endregion
+export { gct_form_length_unit_default as default };

package/es/modules/gct-form/editor/gct-form-model-select/gct-form-model-select.css

@@ -0,0 +1,76 @@
+@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-form-model-select {
+  width: 100%;
+}
+.gct-form-model-select .ant-select.ant-select-single.ant-select-show-arrow.gct-form-model-select__class {
+  width: 84px;
+}
+.gct-form-model-select .ant-select.ant-select-single.ant-select-show-arrow.gct-form-model-select__model {
+  width: 208px;
+}
+.gct-form-model-select .ant-select.gct-form-model-select__model {
+  width: 208px;
+}

package/es/modules/gct-form/editor/gct-form-model-select/gct-form-model-select.d.ts

@@ -0,0 +1,19 @@
+import { PropType } from 'vue';
+import { ITextEditor } from '../../interface';
+export declare const GctFormModelSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<ITextEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<ITextEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/modules/gct-form/editor/gct-form-model-select/gct-form-model-select.mjs

@@ -0,0 +1,146 @@
+import { useGctFormValue } from "../../hooks/use-gct-form-value/use-gct-form-value.mjs";
+import "../../hooks/index.mjs";
+import './gct-form-model-select.css';/* empty css                            */
+import { createVNode, defineComponent, isVNode, onMounted, ref, resolveComponent } from "vue";
+import { groupBy } from "lodash-es";
+import { t, useNamespace } from "@gct-paas/core";
+import { Form } from "ant-design-vue";
+//#region src/modules/gct-form/editor/gct-form-model-select/gct-form-model-select.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var modelTypeOptions = [
+	{
+		value: "entity",
+		label: "sys.pageDesigner.entity"
+	},
+	{
+		value: "data",
+		label: "sys.pageDesigner.data"
+	},
+	{
+		value: "view",
+		label: "sys.pageDesigner.view"
+	},
+	{
+		value: "form",
+		label: "sys.pageDesigner.form",
+		project: ["eDHR", "MEDPRO"]
+	},
+	{
+		value: "system",
+		label: "sys.pageDesigner.system"
+	}
+];
+var GctFormModelSelect = /* @__PURE__ */ defineComponent({
+	name: "GctFormModelSelect",
+	props: {
+		model: {
+			type: Object,
+			required: true
+		},
+		value: { type: String }
+	},
+	setup(props) {
+		const ns = useNamespace("form-model-select");
+		const val = useGctFormValue();
+		const category = useGctFormValue("category");
+		const categorySelect = useGctFormValue("categorySelect");
+		const modelName = useGctFormValue("modelName");
+		const formId = useGctFormValue("formId");
+		const modelOptions = ref([]);
+		const modelGroup = ref({});
+		const loadModel = async () => {
+			if (categorySelect.value === "system") {
+				modelOptions.value = await _api.apaas.report.getListSystemModels() || [];
+				return { [t("sys.pageDesigner.system")]: modelOptions.value };
+			} else {
+				modelOptions.value = await _api.apaas.modelComprehensive.getModelSummary({
+					type: props.model.props?.modelTypes || "NDO,BASE,TREE,TRANSACTION,SIGN",
+					category: category.value,
+					report: true
+				}) || [];
+				return groupBy(modelOptions.value, "group");
+			}
+		};
+		const { onFieldChange } = Form.useInjectFormItemContext();
+		onMounted(async () => {
+			val.value = val.value ? val.value : void 0;
+			category.value = category.value || "entity";
+			categorySelect.value = categorySelect.value || category.value;
+			modelGroup.value = await loadModel();
+		});
+		const categoryChange = async (cat) => {
+			category.value = cat;
+			val.value = null;
+			formId.value = void 0;
+			modelGroup.value = await loadModel();
+		};
+		const modelChange = (value) => {
+			const item = modelOptions.value.find((item) => {
+				if (item.key === value) return true;
+				return false;
+			});
+			if (item) modelName.value = item.name;
+			if (categorySelect.value === "system") category.value = item.modelCategory;
+			onFieldChange();
+			onSearch(null);
+		};
+		function onSearch(input) {
+			if (categorySelect.value === "system") return;
+			if (input == null || input == "") modelGroup.value = groupBy(modelOptions.value, "group");
+			else {
+				const reg = new RegExp(input);
+				modelGroup.value = groupBy(modelOptions.value.filter((item) => {
+					return reg.test(item.name);
+				}), "group");
+			}
+		}
+		return () => {
+			let _slot2, _slot3;
+			return createVNode("div", { "class": ns.b() }, [createVNode(resolveComponent("a-input-group"), { "compact": true }, { default: () => [createVNode(resolveComponent("a-select"), {
+				"value": categorySelect.value,
+				"onUpdate:value": ($event) => categorySelect.value = $event,
+				"class": ns.e("class"),
+				"placeholder": "请选择",
+				"onSelect": categoryChange,
+				"disabled": props.model.disabled
+			}, _isSlot(_slot2 = modelTypeOptions.filter((item) => {
+				if (props.model.props?.exclude) return !props.model.props.exclude.includes(item.value) && (!item.project || item.project && _gct.store.appInfo.suiteKey && item.project.includes(_gct.store.appInfo.suiteKey));
+				if (item.project) return _gct.store.appInfo.suiteKey && item.project.includes(_gct.store.appInfo.suiteKey);
+				return true;
+			}).map((item) => {
+				let _slot;
+				return createVNode(resolveComponent("a-select-option"), {
+					"key": item.value,
+					"value": item.value
+				}, _isSlot(_slot = t(item.label)) ? _slot : { default: () => [_slot] });
+			})) ? _slot2 : { default: () => [_slot2] }), createVNode(resolveComponent("a-select"), {
+				"value": val.value,
+				"onUpdate:value": ($event) => val.value = $event,
+				"class": ns.e("model"),
+				"onSelect": modelChange,
+				"show-search": true,
+				"placeholder": "请选择",
+				"disabled": props.model.disabled,
+				"filterOption": (input, option) => {
+					return (option.label || option.name).toLowerCase().indexOf(input.toLowerCase()) >= 0;
+				}
+			}, _isSlot(_slot3 = Object.keys(modelGroup.value).map((group) => {
+				const items = modelGroup.value[group].map((item) => {
+					return createVNode(resolveComponent("a-select-option"), {
+						"key": item.key,
+						"value": item.key,
+						"label": item.name
+					}, { default: () => [item.name] });
+				});
+				return createVNode(resolveComponent("a-select-opt-group"), {
+					"key": group,
+					"label": group
+				}, _isSlot(items) ? items : { default: () => [items] });
+			})) ? _slot3 : { default: () => [_slot3] })] })]);
+		};
+	}
+});
+//#endregion
+export { GctFormModelSelect };

package/es/modules/gct-form/editor/gct-form-model-select/index.d.ts

@@ -0,0 +1,8 @@
+import { IEditorProvider } from '../../interface';
+export declare class Provider implements IEditorProvider {
+    component: string;
+}
+declare const _default: {
+    install(app: import('vue').App): void;
+};
+export default _default;

package/es/modules/gct-form/editor/gct-form-model-select/index.mjs

@@ -0,0 +1,10 @@
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import { GctFormModelSelect } from "./gct-form-model-select.mjs";
+//#region src/modules/gct-form/editor/gct-form-model-select/index.ts
+var Provider = class {
+	component = "gct-form-model-select";
+};
+var gct_form_model_select_default = widthEditorInstall(EditorType.MODEL_SELECT, () => new Provider(), GctFormModelSelect);
+//#endregion
+export { gct_form_model_select_default as default };

package/es/modules/gct-form/editor/gct-form-multiple-choice/gct-form-multiple-choice.d.ts

@@ -0,0 +1,68 @@
+import { PropType } from 'vue';
+import { IFormItemController, IMPickerEditor } from '../../interface';
+export declare const GctFormMultipleChoice: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    c: {
+        type: PropType<IFormItemController>;
+        required: true;
+    };
+    model: {
+        type: PropType<IMPickerEditor>;
+        required: true;
+    };
+    value: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: null;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    rootRef: import('vue').Ref<any, any>;
+    val: import('vue').WritableComputedRef<string[], unknown>;
+    loadOptions: () => Promise<import('@gct-paas/core').IDictionaryItem[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    c: {
+        type: PropType<IFormItemController>;
+        required: true;
+    };
+    model: {
+        type: PropType<IMPickerEditor>;
+        required: true;
+    };
+    value: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: null;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/modules/gct-form/editor/gct-form-multiple-choice/gct-form-multiple-choice.mjs

@@ -0,0 +1,62 @@
+import { computed, createVNode, defineComponent, mergeProps, ref, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-multiple-choice/gct-form-multiple-choice.tsx
+var GctFormMultipleChoice = /* @__PURE__ */ defineComponent({
+	name: "GctFormMultipleChoice",
+	props: {
+		c: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: Array,
+			default: null
+		}
+	},
+	emits: ["update:value"],
+	setup(props, { emit }) {
+		const ns = useNamespace("form-multiple-choice");
+		const rootRef = ref();
+		const val = computed({
+			get: () => {
+				return props.value ?? [];
+			},
+			set: (newVal) => {
+				emit("update:value", newVal);
+			}
+		});
+		const loadOptions = () => {
+			return props.c.loadDictionary({}, props.model.force);
+		};
+		if (val.value != null) props.c.loadDictionary();
+		return {
+			ns,
+			rootRef,
+			val,
+			loadOptions
+		};
+	},
+	render() {
+		return createVNode("div", {
+			"ref": "rootRef",
+			"class": this.ns.b()
+		}, [createVNode(resolveComponent("a-select"), mergeProps({
+			"value": this.val,
+			"onUpdate:value": ($event) => this.val = $event,
+			"mode": "multiple",
+			"max-tag-count": 5,
+			"disabled": this.c.state.disabled,
+			"loading": this.c.state.loading,
+			"options": this.c.state.options,
+			"placeholder": this.model.placeholder,
+			"onDropdownVisibleChange": this.loadOptions,
+			"getPopupContainer": () => this.rootRef
+		}, this.model.props || {}), null)]);
+	}
+});
+//#endregion
+export { GctFormMultipleChoice };