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

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

@@ -1,59 +1,58 @@
-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';
+import { useGctFormValue } from "../../hooks/use-gct-form-value/use-gct-form-value.mjs";
+import "../../hooks/index.mjs";
 import './gct-form-check-switch.css';/* empty css                            */
-
+import { createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-check-switch/gct-form-check-switch.tsx
 /**
- * 文本编辑器
- */
-const GctFormCheckSwitch = /* @__PURE__ */ defineComponent({
-  name: 'GctFormCheckSwitch',
-  props: {
-    itemModel: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: Boolean,
-      default: false
-    },
-    size: {
-      type: String
-    }
-  },
-  emits: ['update:value'],
-  setup() {
-    const ns = useNamespace('gct-form-check-switch');
-    const val = useGctFormValue();
-    return {
-      ns,
-      val
-    };
-  },
-  render() {
-    if (this.model.isSwitch) {
-      return createVNode("div", {
-        "class": [this.ns.b(), this.ns.m('switch'), this.ns.is('readonly', this.model.readonly), this.size ? this.ns.m(this.size) : null]
-      }, [createVNode(resolveComponent("a-switch"), mergeProps({
-        "checked": this.val,
-        "onUpdate:checked": $event => this.val = $event,
-        "size": this.size
-      }, this.model.props || {}), null)]);
-    }
-    return createVNode(resolveComponent("a-checkbox"), mergeProps({
-      "checked": this.val,
-      "onUpdate:checked": $event => this.val = $event,
-      "size": this.size
-    }, this.model.props || {}, {
-      "class": [this.ns.b(), this.ns.m('checkbox'), this.ns.is('readonly', this.model.readonly), this.size ? this.ns.m(this.size) : null]
-    }), {
-      default: () => [this.model.label]
-    });
-  }
+* 文本编辑器
+*/
+var GctFormCheckSwitch = /* @__PURE__ */ defineComponent({
+	name: "GctFormCheckSwitch",
+	props: {
+		itemModel: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: Boolean,
+			default: false
+		},
+		size: { type: String }
+	},
+	emits: ["update:value"],
+	setup() {
+		return {
+			ns: useNamespace("gct-form-check-switch"),
+			val: useGctFormValue()
+		};
+	},
+	render() {
+		if (this.model.isSwitch) return createVNode("div", { "class": [
+			this.ns.b(),
+			this.ns.m("switch"),
+			this.ns.is("readonly", this.model.readonly),
+			this.size ? this.ns.m(this.size) : null
+		] }, [createVNode(resolveComponent("a-switch"), mergeProps({
+			"checked": this.val,
+			"onUpdate:checked": ($event) => this.val = $event,
+			"size": this.size
+		}, this.model.props || {}), null)]);
+		return createVNode(resolveComponent("a-checkbox"), mergeProps({
+			"checked": this.val,
+			"onUpdate:checked": ($event) => this.val = $event,
+			"size": this.size
+		}, this.model.props || {}, { "class": [
+			this.ns.b(),
+			this.ns.m("checkbox"),
+			this.ns.is("readonly", this.model.readonly),
+			this.size ? this.ns.m(this.size) : null
+		] }), { default: () => [this.model.label] });
+	}
 });
-
+//#endregion
 export { GctFormCheckSwitch };

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

@@ -1,5 +1,15 @@
-class GctFormCheckSwitchProvider {
-  component = "gct-form-check-switch";
-}
-
+//#region src/modules/gct-form/editor/gct-form-check-switch/gct-form-check-switch.provider.ts
+/**
+* 选项框类型开关
+*
+* @author zhanghanrui
+* @date 2024-03-27 10:03:03
+* @export
+* @class GctFormCheckSwitchProvider
+* @implements {IEditorProvider}
+*/
+var GctFormCheckSwitchProvider = class {
+	component = "gct-form-check-switch";
+};
+//#endregion
 export { GctFormCheckSwitchProvider };

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

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

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

@@ -1,127 +1,102 @@
-import { defineComponent, withDirectives, createVNode, mergeProps, vShow, computed } from 'vue';
-import { CheckboxGroup, Checkbox } from 'ant-design-vue';
-import Draggable from 'vuedraggable';
-import { useNamespace } from '@gct-paas/core';
-import { useGctFormValue } from '../../hooks/use-gct-form-value/use-gct-form-value.mjs';
+import { useGctFormValue } from "../../hooks/use-gct-form-value/use-gct-form-value.mjs";
+import "../../hooks/index.mjs";
 import './gct-form-checkbox.css';/* empty css                        */
-
-const GctFormCheckbox = /* @__PURE__ */ defineComponent({
-  name: 'GctFormCheckbox',
-  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('gct-form-checkbox');
-    const val = useGctFormValue();
-    const checked = computed(() => {
-      return props.model.isDrag ? (val.value || []).filter(e => e.checked).map(e => e.value) : val.value;
-    });
-    const options = computed(() => {
-      if (props.model.isDrag) {
-        return val.value && val.value?.length ? val.value.map(e => {
-          return {
-            ...e,
-            label: props.c.state.options.find(f => f.value === e.value)?.label || ''
-          };
-        }) : props.c.state.options;
-      } else return props.c.state.options;
-    });
-    const onChange = checkVal => {
-      options.value.forEach(e => {
-        if (props.model.minLength && checkVal.length <= props.model.minLength && checkVal.includes(e.value)) {
-          e.disabled = true;
-        } else {
-          e.disabled = false;
-        }
-        e.checked = checkVal.includes(e.value);
-      });
-      if (props.model.isDrag) {
-        emit('update:value', options.value);
-      } else {
-        emit('update:value', checkVal);
-      }
-    };
-    const onDragEnd = e => {
-      const {
-        newIndex,
-        oldIndex
-      } = e;
-      options.value.splice(newIndex, 0, options.value.splice(oldIndex, 1)[0]);
-      emit('update:value', options.value);
-    };
-    const slots = {
-      item: ({
-        element
-      }) => {
-        return createVNode("div", {
-          "class": "drag-checkbox-item ks-row-middle"
-        }, [createVNode("i", {
-          "class": "icon-drag iconfont mr4px cursor-move text-[#C3C3C3] primary-gct-hover"
-        }, null), createVNode(Checkbox, {
-          "value": element.value,
-          "disabled": element.disabled
-        }, {
-          default: () => [element.label]
-        })]);
-      }
-    };
-    return {
-      ns,
-      checked,
-      onChange,
-      onDragEnd,
-      slots,
-      options
-    };
-  },
-  render() {
-    const attrs = {
-      ...(this.model.props || {}),
-      class: [this.ns.b(), this.ns.m('checkbox'), this.model.layout === 'column' && 'isColumn', this.size ? this.ns.m(this.size) : null],
-      disabled: this.c.state.disabled
-    };
-    return [withDirectives(createVNode(CheckboxGroup, mergeProps({
-      "value": this.checked,
-      "onUpdate:value": $event => this.checked = $event
-    }, attrs, {
-      "onChange": this.onChange
-    }), {
-      default: () => [createVNode(Draggable, {
-        "modelValue": this.options,
-        "onUpdate:modelValue": $event => this.options = $event,
-        "handle": ".cursor-move",
-        "animation": "200",
-        "chosen-class": "drawing-chosen",
-        "drag-class": "drawing-drag",
-        "item-key": "value",
-        "class": "drag-wrap",
-        "onEnd": this.onDragEnd
-      }, this.slots)]
-    }), [[vShow, this.model.isDrag]]), withDirectives(createVNode(CheckboxGroup, mergeProps({
-      "value": this.checked,
-      "onUpdate:value": $event => this.checked = $event,
-      "options": this.options
-    }, attrs, {
-      "onChange": this.onChange
-    }), null), [[vShow, !this.model.isDrag]])];
-  }
+import { computed, createVNode, defineComponent, mergeProps, vShow, withDirectives } from "vue";
+import { useNamespace } from "@gct-paas/core";
+import { Checkbox, CheckboxGroup } from "ant-design-vue";
+import Draggable from "vuedraggable";
+//#region src/modules/gct-form/editor/gct-form-checkbox/gct-form-checkbox.tsx
+var GctFormCheckbox = /* @__PURE__ */ defineComponent({
+	name: "GctFormCheckbox",
+	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("gct-form-checkbox");
+		const val = useGctFormValue();
+		const checked = computed(() => {
+			return props.model.isDrag ? (val.value || []).filter((e) => e.checked).map((e) => e.value) : val.value;
+		});
+		const options = computed(() => {
+			if (props.model.isDrag) return val.value && val.value?.length ? val.value.map((e) => {
+				return {
+					...e,
+					label: props.c.state.options.find((f) => f.value === e.value)?.label || ""
+				};
+			}) : props.c.state.options;
+			else return props.c.state.options;
+		});
+		const onChange = (checkVal) => {
+			options.value.forEach((e) => {
+				if (props.model.minLength && checkVal.length <= props.model.minLength && checkVal.includes(e.value)) e.disabled = true;
+				else e.disabled = false;
+				e.checked = checkVal.includes(e.value);
+			});
+			if (props.model.isDrag) emit("update:value", options.value);
+			else emit("update:value", checkVal);
+		};
+		const onDragEnd = (e) => {
+			const { newIndex, oldIndex } = e;
+			options.value.splice(newIndex, 0, options.value.splice(oldIndex, 1)[0]);
+			emit("update:value", options.value);
+		};
+		return {
+			ns,
+			checked,
+			onChange,
+			onDragEnd,
+			slots: { item: ({ element }) => {
+				return createVNode("div", { "class": "drag-checkbox-item ks-row-middle" }, [createVNode("i", { "class": "icon-drag iconfont mr4px cursor-move text-[#C3C3C3] primary-gct-hover" }, null), createVNode(Checkbox, {
+					"value": element.value,
+					"disabled": element.disabled
+				}, { default: () => [element.label] })]);
+			} },
+			options
+		};
+	},
+	render() {
+		const attrs = {
+			...this.model.props || {},
+			class: [
+				this.ns.b(),
+				this.ns.m("checkbox"),
+				this.model.layout === "column" && "isColumn",
+				this.size ? this.ns.m(this.size) : null
+			],
+			disabled: this.c.state.disabled
+		};
+		return [withDirectives(createVNode(CheckboxGroup, mergeProps({
+			"value": this.checked,
+			"onUpdate:value": ($event) => this.checked = $event
+		}, attrs, { "onChange": this.onChange }), { default: () => [createVNode(Draggable, {
+			"modelValue": this.options,
+			"onUpdate:modelValue": ($event) => this.options = $event,
+			"handle": ".cursor-move",
+			"animation": "200",
+			"chosen-class": "drawing-chosen",
+			"drag-class": "drawing-drag",
+			"item-key": "value",
+			"class": "drag-wrap",
+			"onEnd": this.onDragEnd
+		}, this.slots)] }), [[vShow, this.model.isDrag]]), withDirectives(createVNode(CheckboxGroup, mergeProps({
+			"value": this.checked,
+			"onUpdate:value": ($event) => this.checked = $event,
+			"options": this.options
+		}, attrs, { "onChange": this.onChange }), null), [[vShow, !this.model.isDrag]])];
+	}
 });
-
-export { GctFormCheckbox };
+//#endregion
+export { GctFormCheckbox as default };

package/es/modules/gct-form/editor/gct-form-checkbox/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 { GctFormCheckbox as GctFormCheckbox$1 } from './gct-form-checkbox.mjs';
-
-class Provider {
-  component = "gct-form-checkbox";
-}
-const GctFormCheckbox = widthEditorInstall(
-  EditorType.CHECKBOX,
-  () => new Provider(),
-  GctFormCheckbox$1
-);
-
-export { Provider, GctFormCheckbox as default };
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import GctFormCheckbox from "./gct-form-checkbox.mjs";
+//#region src/modules/gct-form/editor/gct-form-checkbox/index.ts
+var Provider = class {
+	component = "gct-form-checkbox";
+};
+var gct_form_checkbox_default = widthEditorInstall(EditorType.CHECKBOX, () => new Provider(), GctFormCheckbox);
+//#endregion
+export { gct_form_checkbox_default as default };

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

@@ -1,44 +1,39 @@
-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';
+import { useGctFormValue } from "../../hooks/use-gct-form-value/use-gct-form-value.mjs";
+import "../../hooks/index.mjs";
 import './gct-form-color.css';/* empty css                     */
-
+import { createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-color/gct-form-color.tsx
 /**
- * 颜色选择编辑器
- */
-const GctFormColor = /* @__PURE__ */ defineComponent({
-  name: 'GctFormColor',
-  inheritAttrs: false,
-  props: {
-    itemModel: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String
-    }
-  },
-  emits: ['update:value'],
-  setup() {
-    const ns = useNamespace('form-color');
-    const val = useGctFormValue();
-    return {
-      ns,
-      val
-    };
-  },
-  render() {
-    return createVNode(resolveComponent("color-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);
-  }
+* 颜色选择编辑器
+*/
+var GctFormColor = /* @__PURE__ */ defineComponent({
+	name: "GctFormColor",
+	inheritAttrs: false,
+	props: {
+		itemModel: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: { type: String }
+	},
+	emits: ["update:value"],
+	setup() {
+		return {
+			ns: useNamespace("form-color"),
+			val: useGctFormValue()
+		};
+	},
+	render() {
+		return createVNode(resolveComponent("color-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);
+	}
 });
-
-export { GctFormColor };
+//#endregion
+export { GctFormColor as default };

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

@@ -1,5 +1,15 @@
-class GctFormColorProvider {
-  component = "gct-form-color";
-}
-
+//#region src/modules/gct-form/editor/gct-form-color/gct-form-color.provider.ts
+/**
+* 颜色选择编辑器
+*
+* @author lingxiaoming
+* @date 2024-07-17 04:48:33
+* @export
+* @class GctFormColorProvider
+* @implements {IEditorProvider}
+*/
+var GctFormColorProvider = class {
+	component = "gct-form-color";
+};
+//#endregion
 export { GctFormColorProvider };

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

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