@gct-paas/core-web 0.1.4-dev.11 → 0.1.4-dev.13

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

@@ -1,14 +1,10 @@
-import { EditorType } from '../../constants/editor-type/editor-type.mjs';
-import { widthEditorInstall } from '../../utils/width-install/width-install.mjs';
-import { GctFormFormula } from './gct-form-formula.mjs';
-
-class Provider {
-  component = "gct-form-formula";
-}
-const gctFormFormula = widthEditorInstall(
-  EditorType.FORMULA,
-  () => new Provider(),
-  GctFormFormula
-);
-
-export { Provider, gctFormFormula as default };
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import { GctFormFormula } from "./gct-form-formula.mjs";
+//#region src/modules/gct-form/editor/gct-form-formula/index.ts
+var Provider = class {
+	component = "gct-form-formula";
+};
+var gct_form_formula_default = widthEditorInstall(EditorType.FORMULA, () => new Provider(), GctFormFormula);
+//#endregion
+export { gct_form_formula_default as default };

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

@@ -1,231 +1,163 @@
-import { defineComponent, createVNode, resolveComponent, inject, ref, computed, onUnmounted, isVNode } from 'vue';
 import './gct-form-group-select.css';/* empty css                            */
-import { useNamespace } from '@gct-paas/core';
-
+import { computed, createVNode, defineComponent, inject, isVNode, onUnmounted, ref, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-group-select/gct-form-group-select.tsx
 function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const GctFormSelectGroup = /* @__PURE__ */ defineComponent({
-  name: 'GctFormSelectGroup',
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String,
-      default: ''
-    },
-    size: {
-      type: String
-    }
-  },
-  emits: ['update:value'],
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace('form-select-group');
-    const formC = inject('formController');
-    const searchValue = ref('');
-    const selectRef = ref(null);
-    const open = ref(false);
-
-    // 分组收缩状态管理，存在里边的值表示该分组已收起
-    const collapsedGroups = ref(new Set());
-    const nameVal = computed({
-      get() {
-        if (props.model.nameField) {
-          return formC.item[props.model.nameField].value;
-        }
-        return '';
-      },
-      set(v) {
-        if (props.model.nameField) {
-          return formC.item[props.model.nameField].editorValue = v;
-        }
-      }
-    });
-    function findParentByClassName(el, className) {
-      if (el.className.indexOf(className) > -1) {
-        return el;
-      }
-      if (el.parentElement) {
-        return findParentByClassName(el.parentElement, className);
-      }
-      return null;
-    }
-    function onWheel(e) {
-      const el = findParentByClassName(e.target, 'ant-select-dropdown');
-      if (el) {
-        return;
-      }
-      selectRef.value?.blur();
-    }
-    window.addEventListener('wheel', onWheel);
-    const rootRef = ref();
-    const val = computed({
-      get: () => {
-        const opt = props.c.state.options.find(_ => {
-          return _.value === props.value;
-        });
-        if (!opt && nameVal.value) {
-          return nameVal.value;
-        }
-        return props.value || undefined;
-      },
-      set: newVal => {
-        if (!newVal) {
-          emit('update:value', undefined);
-          nameVal.value = '';
-          return;
-        }
-        if (typeof newVal === 'string') {
-          newVal = newVal.trim();
-        }
-        emit('update:value', newVal);
-        let item = null;
-        options.value.find(_ => {
-          if (_.options) {
-            item = _.options.find(item => {
-              return item.value == newVal;
-            });
-          }
-          if (item) {
-            return true;
-          }
-          return false;
-        });
-        if (item) {
-          nameVal.value = item.label;
-        }
-      }
-    });
-    const options = computed(() => {
-      if (props.c.state.options && props.c.state.options.length > 0) {
-        return props.c.state.options;
-      }
-      return [];
-    });
-    const loadOptions = async () => {
-      return props.c.loadDictionary();
-    };
-
-    // 初始化有值时直接加载选项
-    if (val.value != null) {
-      loadOptions();
-    }
-
-    // 切换分组收缩状态
-    const toggleGroupCollapse = groupValue => {
-      if (!props.model.groupCollapsible) {
-        return;
-      }
-      if (collapsedGroups.value.has(groupValue)) {
-        collapsedGroups.value.delete(groupValue);
-      } else {
-        collapsedGroups.value.add(groupValue);
-      }
-    };
-
-    // 判断分组是否收缩
-    const isGroupCollapsed = groupValue => {
-      if (props.model.groupCollapsible !== true) {
-        return true;
-      }
-      // 存在组里则收起
-      return collapsedGroups.value.has(groupValue) ? false : true;
-    };
-    onUnmounted(() => {
-      window.removeEventListener('wheel', onWheel);
-    });
-    return {
-      ns,
-      selectRef,
-      searchValue,
-      open,
-      rootRef,
-      val,
-      options,
-      loadOptions,
-      toggleGroupCollapse,
-      isGroupCollapsed
-    };
-  },
-  render() {
-    let _slot2;
-    return createVNode("div", {
-      "ref": "rootRef",
-      "class": this.ns.b()
-    }, [createVNode(resolveComponent("a-select"), {
-      "ref": "selectRef",
-      "open": this.open,
-      "value": this.val,
-      "onUpdate:value": $event => this.val = $event,
-      "allowClear": true,
-      "disabled": this.c.state.disabled,
-      "size": this.size,
-      "placeholder": this.model.placeholder,
-      "onDropdownVisibleChange": this.loadOptions,
-      "show-search": true,
-      "filter-option": () => {
-        return true; // 这里不需要过滤选项，搜索功能在下拉框内实现
-      },
-      "searchValue": this.searchValue,
-      "onSearch": val => this.searchValue = val?.trim(),
-      "onFocus": () => this.open = true,
-      "onBlur": () => this.open = false,
-      "onChange": () => this.open = false
-    }, _isSlot(_slot2 = this.options.map(option => {
-      let _slot;
-      const labelGroup = option.label != null ? option.label : ' ';
-      const groupKey = String(option.value);
-      const isCollapsed = this.isGroupCollapsed(groupKey);
-      const items = (!isCollapsed ? [] : option.options || []).filter(item => {
-        if (this.searchValue) {
-          return item.label.toLowerCase().indexOf(this.searchValue.toLowerCase()) >= 0;
-        }
-        return true;
-      });
-      if (items.length === 0) {
-        return null; // 如果没有子项，则不渲染该分组
-      }
-      return createVNode(resolveComponent("a-select-opt-group"), {
-        "key": option.value,
-        "label": createVNode("div", {
-          "class": [this.ns.b('group-header'), this.model.groupCollapsible ? this.ns.b('group-header--clickable') : ''],
-          "onClick": () => this.toggleGroupCollapse(groupKey)
-        }, [this.model.groupCollapsible && createVNode("span", {
-          "class": [this.ns.be('group-header', 'arrow'), isCollapsed ? this.ns.bem('group-header', 'arrow', 'collapsed') : '']
-        }, [createVNode("i", {
-          "class": ['iconfont', isCollapsed != true ? 'icon-right' : 'icon-Down']
-        }, null)]), createVNode("span", {
-          "class": this.ns.be('group-header', 'title')
-        }, [labelGroup])])
-      }, _isSlot(_slot = items.map(item => {
-        return createVNode(resolveComponent("a-select-option"), {
-          "class": this.ns.b('item-option'),
-          "key": item.value,
-          "value": item.value
-        }, {
-          default: () => [item.icon ? createVNode("span", {
-            "class": this.ns.be('item-option', 'item-icon')
-          }, [createVNode("i", {
-            "class": `iconfont ${item.icon}`
-          }, null)]) : '', createVNode("span", {
-            "class": this.ns.be('item-option', 'item-label')
-          }, [item.label])]
-        });
-      })) ? _slot : {
-        default: () => [_slot]
-      });
-    })) ? _slot2 : {
-      default: () => [_slot2]
-    })]);
-  }
+var GctFormSelectGroup = /* @__PURE__ */ defineComponent({
+	name: "GctFormSelectGroup",
+	props: {
+		c: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: String,
+			default: ""
+		},
+		size: { type: String }
+	},
+	emits: ["update:value"],
+	setup(props, { emit }) {
+		const ns = useNamespace("form-select-group");
+		const formC = inject("formController");
+		const searchValue = ref("");
+		const selectRef = ref(null);
+		const open = ref(false);
+		const collapsedGroups = ref(/* @__PURE__ */ new Set());
+		const nameVal = computed({
+			get() {
+				if (props.model.nameField) return formC.item[props.model.nameField].value;
+				return "";
+			},
+			set(v) {
+				if (props.model.nameField) return formC.item[props.model.nameField].editorValue = v;
+			}
+		});
+		function findParentByClassName(el, className) {
+			if (el.className.indexOf(className) > -1) return el;
+			if (el.parentElement) return findParentByClassName(el.parentElement, className);
+			return null;
+		}
+		function onWheel(e) {
+			if (findParentByClassName(e.target, "ant-select-dropdown")) return;
+			selectRef.value?.blur();
+		}
+		window.addEventListener("wheel", onWheel);
+		const rootRef = ref();
+		const val = computed({
+			get: () => {
+				if (!props.c.state.options.find((_) => {
+					return _.value === props.value;
+				}) && nameVal.value) return nameVal.value;
+				return props.value || void 0;
+			},
+			set: (newVal) => {
+				if (!newVal) {
+					emit("update:value", void 0);
+					nameVal.value = "";
+					return;
+				}
+				if (typeof newVal === "string") newVal = newVal.trim();
+				emit("update:value", newVal);
+				let item = null;
+				options.value.find((_) => {
+					if (_.options) item = _.options.find((item) => {
+						return item.value == newVal;
+					});
+					if (item) return true;
+					return false;
+				});
+				if (item) nameVal.value = item.label;
+			}
+		});
+		const options = computed(() => {
+			if (props.c.state.options && props.c.state.options.length > 0) return props.c.state.options;
+			return [];
+		});
+		const loadOptions = async () => {
+			return props.c.loadDictionary();
+		};
+		if (val.value != null) loadOptions();
+		const toggleGroupCollapse = (groupValue) => {
+			if (!props.model.groupCollapsible) return;
+			if (collapsedGroups.value.has(groupValue)) collapsedGroups.value.delete(groupValue);
+			else collapsedGroups.value.add(groupValue);
+		};
+		const isGroupCollapsed = (groupValue) => {
+			if (props.model.groupCollapsible !== true) return true;
+			return collapsedGroups.value.has(groupValue) ? false : true;
+		};
+		onUnmounted(() => {
+			window.removeEventListener("wheel", onWheel);
+		});
+		return {
+			ns,
+			selectRef,
+			searchValue,
+			open,
+			rootRef,
+			val,
+			options,
+			loadOptions,
+			toggleGroupCollapse,
+			isGroupCollapsed
+		};
+	},
+	render() {
+		let _slot2;
+		return createVNode("div", {
+			"ref": "rootRef",
+			"class": this.ns.b()
+		}, [createVNode(resolveComponent("a-select"), {
+			"ref": "selectRef",
+			"open": this.open,
+			"value": this.val,
+			"onUpdate:value": ($event) => this.val = $event,
+			"allowClear": true,
+			"disabled": this.c.state.disabled,
+			"size": this.size,
+			"placeholder": this.model.placeholder,
+			"onDropdownVisibleChange": this.loadOptions,
+			"show-search": true,
+			"filter-option": () => {
+				return true;
+			},
+			"searchValue": this.searchValue,
+			"onSearch": (val) => this.searchValue = val?.trim(),
+			"onFocus": () => this.open = true,
+			"onBlur": () => this.open = false,
+			"onChange": () => this.open = false
+		}, _isSlot(_slot2 = this.options.map((option) => {
+			let _slot;
+			const labelGroup = option.label != null ? option.label : " ";
+			const groupKey = String(option.value);
+			const isCollapsed = this.isGroupCollapsed(groupKey);
+			const items = (!isCollapsed ? [] : option.options || []).filter((item) => {
+				if (this.searchValue) return item.label.toLowerCase().indexOf(this.searchValue.toLowerCase()) >= 0;
+				return true;
+			});
+			if (items.length === 0) return null;
+			return createVNode(resolveComponent("a-select-opt-group"), {
+				"key": option.value,
+				"label": createVNode("div", {
+					"class": [this.ns.b("group-header"), this.model.groupCollapsible ? this.ns.b("group-header--clickable") : ""],
+					"onClick": () => this.toggleGroupCollapse(groupKey)
+				}, [this.model.groupCollapsible && createVNode("span", { "class": [this.ns.be("group-header", "arrow"), isCollapsed ? this.ns.bem("group-header", "arrow", "collapsed") : ""] }, [createVNode("i", { "class": ["iconfont", isCollapsed != true ? "icon-right" : "icon-Down"] }, null)]), createVNode("span", { "class": this.ns.be("group-header", "title") }, [labelGroup])])
+			}, _isSlot(_slot = items.map((item) => {
+				return createVNode(resolveComponent("a-select-option"), {
+					"class": this.ns.b("item-option"),
+					"key": item.value,
+					"value": item.value
+				}, { default: () => [item.icon ? createVNode("span", { "class": this.ns.be("item-option", "item-icon") }, [createVNode("i", { "class": `iconfont ${item.icon}` }, null)]) : "", createVNode("span", { "class": this.ns.be("item-option", "item-label") }, [item.label])] });
+			})) ? _slot : { default: () => [_slot] });
+		})) ? _slot2 : { default: () => [_slot2] })]);
+	}
 });
-
-export { GctFormSelectGroup };
+//#endregion
+export { GctFormSelectGroup as default };

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

@@ -1,14 +1,10 @@
-import { EditorType } from '../../constants/editor-type/editor-type.mjs';
-import { widthEditorInstall } from '../../utils/width-install/width-install.mjs';
-import { GctFormSelectGroup } from './gct-form-group-select.mjs';
-
-class provider {
-  component = "gct-form-select-group";
-}
-const GctFromGroupSelect = widthEditorInstall(
-  EditorType.SELECT_GROUP,
-  () => new provider(),
-  GctFormSelectGroup
-);
-
-export { GctFromGroupSelect as default, provider };
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import GctFormSelectGroup from "./gct-form-group-select.mjs";
+//#region src/modules/gct-form/editor/gct-form-group-select/index.ts
+var provider = class {
+	component = "gct-form-select-group";
+};
+var gct_form_group_select_default = widthEditorInstall(EditorType.SELECT_GROUP, () => new provider(), GctFormSelectGroup);
+//#endregion
+export { gct_form_group_select_default as default };

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

@@ -1,114 +1,88 @@
-import { defineComponent, createVNode, resolveComponent, mergeProps, ref, computed } from 'vue';
-import { useNamespace, modelLoader } from '@gct-paas/core';
-import { gctFormItemEditorProps } from '../../props/gct-form-item/gct-form-item.props.mjs';
-import { useForm } from '../../hooks/use-form/use-form.mjs';
-
-const GctFormI18n = /* @__PURE__ */ defineComponent({
-  name: 'GctFormI18n',
-  props: gctFormItemEditorProps(),
-  emits: ['update:value', 'blur'],
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace('form-i18n');
-    const form = useForm();
-    const field = ref({});
-    // 数据修改
-    const hasChange = ref(false);
-    const i18nConfig = form.item[props.model?.cfgKey || 'i18nConfig'];
-    if (!i18nConfig) {
-      console.warn(`i18nConfig not found in form item, please ensure that the model has a valid cfgKey or i18nConfig is defined in the form.`);
-    }
-    const fieldKey = computed(() => {
-      return props.data?.[props.model?.fieldKey || 'fieldKey'] || null;
-    });
-    async function loadField() {
-      const fieldMeta = await modelLoader.loadField(props.data?.modelKey || props.context.modelKey, fieldKey.value);
-      if (fieldMeta) {
-        field.value = fieldMeta;
-      }
-    }
-    if (fieldKey.value) {
-      loadField();
-    }
-    const val = computed({
-      get: () => {
-        if (props.value) {
-          return props.value;
-        }
-        if (hasChange.value === true) {
-          return '';
-        }
-        return field.value.name;
-      },
-      set: newVal => {
-        if (typeof newVal === 'string') {
-          newVal = newVal.trim();
-        }
-        hasChange.value = true;
-        if (typeof newVal != 'object' && props.value == newVal) {
-          return;
-        }
-        // 值被清空时，同时清空 i18nConfig 配置
-        if (!newVal) {
-          i18nConfigValue.value = '';
-        }
-        emit('update:value', newVal);
-      }
-    });
-    const i18nConfigValue = computed({
-      get: () => {
-        if (i18nConfig) {
-          return {
-            i18nKey: i18nConfig.value
-          };
-        }
-        return '';
-      },
-      set: val => {
-        if (!i18nConfig) {
-          return;
-        }
-        try {
-          const json = JSON.parse(val);
-          i18nConfig.value = json.i18nKey;
-        } catch (error) {
-          console.error(error);
-        }
-      }
-    });
-    function onBlur() {
-      hasChange.value = false;
-    }
-    return {
-      ns,
-      val,
-      i18nConfigValue,
-      onBlur
-    };
-  },
-  render() {
-    return createVNode(resolveComponent("i18n-select-input"), mergeProps({
-      "class": [this.ns.b(), this.ns.m(this.size)],
-      "i18nText": this.val,
-      "onUpdate:i18nText": $event => this.val = $event,
-      "i18nConfig": this.i18nConfigValue,
-      "onUpdate:i18nConfig": $event => this.i18nConfigValue = $event,
-      "placeholderText": this.model.placeholder || this.$t('sys.inputText'),
-      "attr": "i18nKey",
-      "btnHeight": this.size === 'small' ? '26px' : undefined,
-      "inputExtraProps": {
-        showCount: true,
-        maxlength: this.model.max || 32,
-        disabled: this.c.state.disabled
-      },
-      "onBlur": e => {
-        this.onBlur();
-        this.$emit('blur', e);
-      },
-      "size": this.size
-    }, this.model?.props || {}), null);
-  }
+import { useForm } from "../../hooks/use-form/use-form.mjs";
+import "../../hooks/index.mjs";
+import { gctFormItemEditorProps } from "../../props/gct-form-item/gct-form-item.props.mjs";
+import { computed, createVNode, defineComponent, mergeProps, ref, resolveComponent } from "vue";
+import { modelLoader, useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-i18n/gct-form-i18n.tsx
+var GctFormI18n = /* @__PURE__ */ defineComponent({
+	name: "GctFormI18n",
+	props: gctFormItemEditorProps(),
+	emits: ["update:value", "blur"],
+	setup(props, { emit }) {
+		const ns = useNamespace("form-i18n");
+		const form = useForm();
+		const field = ref({});
+		const hasChange = ref(false);
+		const i18nConfig = form.item[props.model?.cfgKey || "i18nConfig"];
+		if (!i18nConfig) console.warn(`i18nConfig not found in form item, please ensure that the model has a valid cfgKey or i18nConfig is defined in the form.`);
+		const fieldKey = computed(() => {
+			return props.data?.[props.model?.fieldKey || "fieldKey"] || null;
+		});
+		async function loadField() {
+			const fieldMeta = await modelLoader.loadField(props.data?.modelKey || props.context.modelKey, fieldKey.value);
+			if (fieldMeta) field.value = fieldMeta;
+		}
+		if (fieldKey.value) loadField();
+		const val = computed({
+			get: () => {
+				if (props.value) return props.value;
+				if (hasChange.value === true) return "";
+				return field.value.name;
+			},
+			set: (newVal) => {
+				if (typeof newVal === "string") newVal = newVal.trim();
+				hasChange.value = true;
+				if (typeof newVal != "object" && props.value == newVal) return;
+				if (!newVal) i18nConfigValue.value = "";
+				emit("update:value", newVal);
+			}
+		});
+		const i18nConfigValue = computed({
+			get: () => {
+				if (i18nConfig) return { i18nKey: i18nConfig.value };
+				return "";
+			},
+			set: (val) => {
+				if (!i18nConfig) return;
+				try {
+					i18nConfig.value = JSON.parse(val).i18nKey;
+				} catch (error) {
+					console.error(error);
+				}
+			}
+		});
+		function onBlur() {
+			hasChange.value = false;
+		}
+		return {
+			ns,
+			val,
+			i18nConfigValue,
+			onBlur
+		};
+	},
+	render() {
+		return createVNode(resolveComponent("i18n-select-input"), mergeProps({
+			"class": [this.ns.b(), this.ns.m(this.size)],
+			"i18nText": this.val,
+			"onUpdate:i18nText": ($event) => this.val = $event,
+			"i18nConfig": this.i18nConfigValue,
+			"onUpdate:i18nConfig": ($event) => this.i18nConfigValue = $event,
+			"placeholderText": this.model.placeholder || this.$t("sys.inputText"),
+			"attr": "i18nKey",
+			"btnHeight": this.size === "small" ? "26px" : void 0,
+			"inputExtraProps": {
+				showCount: true,
+				maxlength: this.model.max || 32,
+				disabled: this.c.state.disabled
+			},
+			"onBlur": (e) => {
+				this.onBlur();
+				this.$emit("blur", e);
+			},
+			"size": this.size
+		}, this.model?.props || {}), null);
+	}
 });
-
-export { GctFormI18n };
+//#endregion
+export { GctFormI18n as default };