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

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

@@ -1,128 +1,111 @@
-import { defineComponent, createVNode, resolveComponent, mergeProps, ref, computed, onUnmounted } from 'vue';
-import { onClickOutside } from '@vueuse/core';
-import { useNamespace } from '@gct-paas/core';
+import { EditorController } from "../../controller/editor-item/editor-item.controller.mjs";
+import "../../controller/index.mjs";
+import { useGctFormValue } from "../../hooks/use-gct-form-value/use-gct-form-value.mjs";
+import "../../hooks/index.mjs";
 import './gct-form-select.css';/* empty css                      */
-import 'qx-util';
-import { EditorController } from '../../controller/editor-item/editor-item.controller.mjs';
-import 'lodash-es';
-import { useGctFormValue } from '../../hooks/use-gct-form-value/use-gct-form-value.mjs';
-
-const GctFormSelect = /* @__PURE__ */ defineComponent({
-  name: 'GctFormSelect',
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String,
-      default: ''
-    },
-    size: {
-      type: String
-    }
-  },
-  emits: ['update:value'],
-  setup(props) {
-    const ns = useNamespace('gct-form-select');
-
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const selectRef = ref();
-    onClickOutside(selectRef, () => {
-      open.value = false;
-      selectRef.value?.blur();
-    });
-    const open = ref(false);
-    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 editorC = new EditorController(props.model);
-    const val = useGctFormValue();
-    const val2 = computed({
-      get() {
-        return val.value != null ? val.value : undefined;
-      },
-      set(value) {
-        val.value = value;
-      }
-    });
-    const options = computed(() => {
-      if (props.c.state.options && props.c.state.options.length > 0) {
-        return props.c.state.options;
-      }
-      return editorC.options;
-    });
-    onUnmounted(() => {
-      window.removeEventListener('wheel', onWheel);
-    });
-    function onCloseDropdown() {
-      open.value = false;
-      if (selectRef.value) {
-        selectRef.value.blur();
-      }
-    }
-    function onOpenDropdown() {
-      open.value = true;
-    }
-    function onChangeDropdown() {
-      open.value = !open.value;
-    }
-    return {
-      ns,
-      selectRef,
-      open,
-      rootRef,
-      editorC,
-      val2,
-      options,
-      onCloseDropdown,
-      onOpenDropdown,
-      onChangeDropdown
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "ref": "rootRef",
-      "class": this.ns.b()
-    }, [this.model.beforeText ? createVNode("div", {
-      "class": this.ns.e('before-text')
-    }, [this.model.beforeText]) : null, createVNode("div", {
-      "class": this.ns.e('content')
-    }, [createVNode(resolveComponent("a-select"), mergeProps({
-      "ref": "selectRef",
-      "open": this.open,
-      "value": this.val2,
-      "onUpdate:value": $event => this.val2 = $event,
-      "options": this.options,
-      "allowClear": true,
-      "disabled": this.c.state.disabled,
-      "size": this.size,
-      "placeholder": this.model.placeholder,
-      "onChange": this.onCloseDropdown,
-      "onClick": this.onChangeDropdown
-    }, this.model.props || {}), null)]), this.model.afterText ? createVNode("div", {
-      "class": this.ns.e('after-text')
-    }, [this.model.afterText]) : null]);
-  }
+import { computed, createVNode, defineComponent, mergeProps, onUnmounted, ref, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+import { onClickOutside } from "@vueuse/core";
+//#region src/modules/gct-form/editor/gct-form-select/gct-form-select.tsx
+var GctFormSelect = /* @__PURE__ */ defineComponent({
+	name: "GctFormSelect",
+	props: {
+		c: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: String,
+			default: ""
+		},
+		size: { type: String }
+	},
+	emits: ["update:value"],
+	setup(props) {
+		const ns = useNamespace("gct-form-select");
+		const selectRef = ref();
+		onClickOutside(selectRef, () => {
+			open.value = false;
+			selectRef.value?.blur();
+		});
+		const open = ref(false);
+		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 editorC = new EditorController(props.model);
+		const val = useGctFormValue();
+		const val2 = computed({
+			get() {
+				return val.value != null ? val.value : void 0;
+			},
+			set(value) {
+				val.value = value;
+			}
+		});
+		const options = computed(() => {
+			if (props.c.state.options && props.c.state.options.length > 0) return props.c.state.options;
+			return editorC.options;
+		});
+		onUnmounted(() => {
+			window.removeEventListener("wheel", onWheel);
+		});
+		function onCloseDropdown() {
+			open.value = false;
+			if (selectRef.value) selectRef.value.blur();
+		}
+		function onOpenDropdown() {
+			open.value = true;
+		}
+		function onChangeDropdown() {
+			open.value = !open.value;
+		}
+		return {
+			ns,
+			selectRef,
+			open,
+			rootRef,
+			editorC,
+			val2,
+			options,
+			onCloseDropdown,
+			onOpenDropdown,
+			onChangeDropdown
+		};
+	},
+	render() {
+		return createVNode("div", {
+			"ref": "rootRef",
+			"class": this.ns.b()
+		}, [
+			this.model.beforeText ? createVNode("div", { "class": this.ns.e("before-text") }, [this.model.beforeText]) : null,
+			createVNode("div", { "class": this.ns.e("content") }, [createVNode(resolveComponent("a-select"), mergeProps({
+				"ref": "selectRef",
+				"open": this.open,
+				"value": this.val2,
+				"onUpdate:value": ($event) => this.val2 = $event,
+				"options": this.options,
+				"allowClear": true,
+				"disabled": this.c.state.disabled,
+				"size": this.size,
+				"placeholder": this.model.placeholder,
+				"onChange": this.onCloseDropdown,
+				"onClick": this.onChangeDropdown
+			}, this.model.props || {}), null)]),
+			this.model.afterText ? createVNode("div", { "class": this.ns.e("after-text") }, [this.model.afterText]) : null
+		]);
+	}
 });
-
-export { GctFormSelect };
+//#endregion
+export { GctFormSelect as default };

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

@@ -1,5 +1,15 @@
-class GctFormSelectProvider {
-  component = "gct-form-select";
-}
-
+//#region src/modules/gct-form/editor/gct-form-select/gct-form-select.provider.ts
+/**
+* 纯预览编辑器
+*
+* @author zhanghanrui
+* @date 2024-03-27 10:03:03
+* @export
+* @class FormSelectProvider
+* @implements {IEditorProvider}
+*/
+var GctFormSelectProvider = class {
+	component = "gct-form-select";
+};
+//#endregion
 export { GctFormSelectProvider };

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

@@ -1,12 +1,8 @@
-import { GctFormSelectProvider } from './gct-form-select.provider.mjs';
-import { GctFormSelect as GctFormSelect$1 } from './gct-form-select.mjs';
-import { widthEditorInstall } from '../../utils/width-install/width-install.mjs';
-import { EditorType } from '../../constants/editor-type/editor-type.mjs';
-
-const GctFormSelect = widthEditorInstall(
-  EditorType.SELECT,
-  () => new GctFormSelectProvider(),
-  GctFormSelect$1
-);
-
-export { GctFormSelect as default };
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import { GctFormSelectProvider } from "./gct-form-select.provider.mjs";
+import GctFormSelect from "./gct-form-select.mjs";
+//#region src/modules/gct-form/editor/gct-form-select/index.ts
+var gct_form_select_default = widthEditorInstall(EditorType.SELECT, () => new GctFormSelectProvider(), GctFormSelect);
+//#endregion
+export { gct_form_select_default as default };

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

@@ -1,100 +1,70 @@
-import { defineComponent, createVNode, toRefs, computed } from 'vue';
-import { message } from 'ant-design-vue';
-import { useNamespace, useCopyToClipboard, t } from '@gct-paas/core';
 import './gct-form-span.css';/* empty css                    */
-
-const GctFormSpan = /* @__PURE__ */ defineComponent({
-  name: 'GctFormSpan',
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    itemModel: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String,
-      default: ''
-    },
-    isEmptyText: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    const ns = useNamespace('form-span');
-    const {
-      model,
-      itemModel,
-      c
-    } = toRefs(props);
-    function handleClipboardKey() {
-      const {
-        isSuccessRef
-      } = useCopyToClipboard(props.value);
-      if (isSuccessRef.value) {
-        message.success(t('sys.copySuccess'));
-      }
-    }
-    c.value.loadDictionary();
-    const val = computed(() => {
-      // 格式化
-      if (model.value.format && typeof model.value.format === 'function') {
-        return model.value.format(c.value.data, itemModel.value, c.value);
-      }
-      // 无值时直接返回
-      if (props.value == null || props.value === '') {
-        return props.value;
-      }
-      // 转换代码表
-      if (itemModel.value.dictionary) {
-        const items = itemModel.value.dictionary.items || [];
-        const dictionaryItem = items.find(item => {
-          return item.value == props.value;
-        });
-        if (dictionaryItem) {
-          return dictionaryItem.label;
-        }
-      }
-      // 转换动态加载的代码表
-      if (c.value.state.options.length > 0) {
-        const item = c.value.state.options.find(item => {
-          return item.value == props.value;
-        });
-        if (item) {
-          return item.label;
-        }
-      }
-      return props.value;
-    });
-    return {
-      ns,
-      val,
-      handleClipboardKey
-    };
-  },
-  render() {
-    let text = this.val;
-    if (!this.val && this.isEmptyText === true) {
-      text = _gct.store.getEmptyDisplay;
-    }
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [createVNode("span", {
-      "class": this.ns.e('info')
-    }, [text]), this.model.copy && createVNode("span", {
-      "class": this.ns.e('copy')
-    }, [createVNode("i", {
-      "class": "iconfont icon-fuzhi primary-gct",
-      "onClick": this.handleClipboardKey
-    }, null)])]);
-  }
+import { computed, createVNode, defineComponent, toRefs } from "vue";
+import { t, useCopyToClipboard, useNamespace } from "@gct-paas/core";
+import { message } from "ant-design-vue";
+//#region src/modules/gct-form/editor/gct-form-span/gct-form-span.tsx
+var GctFormSpan = /* @__PURE__ */ defineComponent({
+	name: "GctFormSpan",
+	props: {
+		c: {
+			type: Object,
+			required: true
+		},
+		itemModel: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: String,
+			default: ""
+		},
+		isEmptyText: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(props) {
+		const ns = useNamespace("form-span");
+		const { model, itemModel, c } = toRefs(props);
+		function handleClipboardKey() {
+			const { isSuccessRef } = useCopyToClipboard(props.value);
+			if (isSuccessRef.value) message.success(t("sys.copySuccess"));
+		}
+		c.value.loadDictionary();
+		return {
+			ns,
+			val: computed(() => {
+				if (model.value.format && typeof model.value.format === "function") return model.value.format(c.value.data, itemModel.value, c.value);
+				if (props.value == null || props.value === "") return props.value;
+				if (itemModel.value.dictionary) {
+					const dictionaryItem = (itemModel.value.dictionary.items || []).find((item) => {
+						return item.value == props.value;
+					});
+					if (dictionaryItem) return dictionaryItem.label;
+				}
+				if (c.value.state.options.length > 0) {
+					const item = c.value.state.options.find((item) => {
+						return item.value == props.value;
+					});
+					if (item) return item.label;
+				}
+				return props.value;
+			}),
+			handleClipboardKey
+		};
+	},
+	render() {
+		let text = this.val;
+		if (!this.val && this.isEmptyText === true) text = _gct.store.getEmptyDisplay;
+		return createVNode("div", { "class": this.ns.b() }, [createVNode("span", { "class": this.ns.e("info") }, [text]), this.model.copy && createVNode("span", { "class": this.ns.e("copy") }, [createVNode("i", {
+			"class": "iconfont icon-fuzhi primary-gct",
+			"onClick": this.handleClipboardKey
+		}, null)])]);
+	}
 });
-
+//#endregion
 export { GctFormSpan };

package/es/modules/gct-form/editor/gct-form-span/gct-form-span.provider.mjs

@@ -1,5 +1,15 @@
-class GctFormSpanProvider {
-  component = "gct-form-span";
-}
-
+//#region src/modules/gct-form/editor/gct-form-span/gct-form-span.provider.ts
+/**
+* 纯文本展示编辑器
+*
+* @author zhanghanrui
+* @date 2024-04-08 13:04:50
+* @export
+* @class GctFormSpanProvider
+* @implements {IEditorProvider}
+*/
+var GctFormSpanProvider = class {
+	component = "gct-form-span";
+};
+//#endregion
 export { GctFormSpanProvider };

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

@@ -1,12 +1,8 @@
-import { GctFormSpanProvider } from './gct-form-span.provider.mjs';
-import { GctFormSpan as GctFormSpan$1 } from './gct-form-span.mjs';
-import { widthEditorInstall } from '../../utils/width-install/width-install.mjs';
-import { EditorType } from '../../constants/editor-type/editor-type.mjs';
-
-const GctFormSpan = widthEditorInstall(
-  EditorType.SPAN,
-  () => new GctFormSpanProvider(),
-  GctFormSpan$1
-);
-
-export { GctFormSpan as default };
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import { GctFormSpanProvider } from "./gct-form-span.provider.mjs";
+import { GctFormSpan } from "./gct-form-span.mjs";
+//#region src/modules/gct-form/editor/gct-form-span/index.ts
+var gct_form_span_default = widthEditorInstall(EditorType.SPAN, () => new GctFormSpanProvider(), GctFormSpan);
+//#endregion
+export { gct_form_span_default as default };

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

@@ -1,39 +1,34 @@
-import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import { useGctFormValue } from '../../hooks/use-gct-form-value/use-gct-form-value.mjs';
-
-const GctFormSwitch = /* @__PURE__ */ defineComponent({
-  name: 'GctFormSwitch',
-  props: {
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String,
-      default: ''
-    },
-    size: {
-      type: String
-    }
-  },
-  setup() {
-    const ns = useNamespace('gct-form-switch');
-    const val = useGctFormValue();
-    return {
-      ns,
-      val
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [createVNode(resolveComponent("a-switch"), mergeProps({
-      "checked": this.val,
-      "onUpdate:checked": $event => this.val = $event,
-      "size": this.size
-    }, this.model.props || {}), null)]);
-  }
+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-switch/gct-form-switch.tsx
+var GctFormSwitch = /* @__PURE__ */ defineComponent({
+	name: "GctFormSwitch",
+	props: {
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: String,
+			default: ""
+		},
+		size: { type: String }
+	},
+	setup() {
+		return {
+			ns: useNamespace("gct-form-switch"),
+			val: useGctFormValue()
+		};
+	},
+	render() {
+		return createVNode("div", { "class": this.ns.b() }, [createVNode(resolveComponent("a-switch"), mergeProps({
+			"checked": this.val,
+			"onUpdate:checked": ($event) => this.val = $event,
+			"size": this.size
+		}, this.model.props || {}), null)]);
+	}
 });
-
+//#endregion
 export { GctFormSwitch };

package/es/modules/gct-form/editor/gct-form-switch/gct-form-switch.provider.mjs

@@ -1,5 +1,15 @@
-class GctFormSwitchProvider {
-  component = "gct-form-switch";
-}
-
+//#region src/modules/gct-form/editor/gct-form-switch/gct-form-switch.provider.ts
+/**
+* 开关编辑器
+*
+* @author zhanghanrui
+* @date 2024-07-29 11:07:49
+* @export
+* @class GctFormSwitchProvider
+* @implements {IEditorProvider}
+*/
+var GctFormSwitchProvider = class {
+	component = "gct-form-switch";
+};
+//#endregion
 export { GctFormSwitchProvider };

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

@@ -1,12 +1,8 @@
-import { GctFormSwitchProvider } from './gct-form-switch.provider.mjs';
-import { GctFormSwitch as GctFormSwitch$1 } from './gct-form-switch.mjs';
-import { widthEditorInstall } from '../../utils/width-install/width-install.mjs';
-import { EditorType } from '../../constants/editor-type/editor-type.mjs';
-
-const GctFormSwitch = widthEditorInstall(
-  EditorType.SWITCH,
-  () => new GctFormSwitchProvider(),
-  GctFormSwitch$1
-);
-
-export { GctFormSwitch as default };
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import { GctFormSwitchProvider } from "./gct-form-switch.provider.mjs";
+import { GctFormSwitch } from "./gct-form-switch.mjs";
+//#region src/modules/gct-form/editor/gct-form-switch/index.ts
+var gct_form_switch_default = widthEditorInstall(EditorType.SWITCH, () => new GctFormSwitchProvider(), GctFormSwitch);
+//#endregion
+export { gct_form_switch_default as default };