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

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

@@ -1,113 +1,91 @@
-import { defineComponent, createVNode, resolveComponent, mergeProps, computed } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import { useForm } from '../../hooks/use-form/use-form.mjs';
-
-const GctFormPicker = /* @__PURE__ */ defineComponent({
-  name: 'GctFormPicker',
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String,
-      default: null
-    }
-  },
-  emits: ['update:value'],
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace('gct-form-picker');
-    const formC = useForm();
-    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;
-        }
-      }
-    });
-    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;
-      },
-      set: newVal => {
-        if (typeof newVal === 'string') {
-          newVal = newVal.trim();
-        }
-        if (typeof newVal != 'object' && props.value == newVal) {
-          return;
-        }
-        const item = props.c.state.options.find(_ => {
-          return _.value === newVal;
-        });
-        if (item && item.data && props.model.fieldMap) {
-          props.model.fieldMap.map(key => {
-            const [key1, key2] = key.split(':');
-            if (key2) {
-              formC.item[key2].editorValue = item.data[key1];
-            }
-          });
-        }
-        emit('update:value', newVal);
-      }
-    });
-    const loadOptions = () => {
-      return props.c.loadDictionary();
-    };
-
-    // 初始化有值时直接加载选项
-    if (val.value != null) {
-      props.c.loadDictionary();
-    }
-    const onChange = (_val, data) => {
-      nameVal.value = data.label;
-    };
-    return {
-      ns,
-      val,
-      nameVal,
-      loadOptions,
-      onChange
-    };
-  },
-  render() {
-    return createVNode(resolveComponent("a-select"), mergeProps({
-      "value": this.val,
-      "onUpdate:value": $event => this.val = $event
-    }, this.model.props || {}, {
-      "class": this.ns.b(),
-      "disabled": this.c.state.disabled,
-      "loading": this.c.state.loading,
-      "options": this.c.state.options,
-      "placeholder": this.model.placeholder,
-      "onDropdownVisibleChange": this.loadOptions,
-      "onChange": this.onChange,
-      "show-search": true,
-      "filter-option": (input, option) => {
-        if (option.label) {
-          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
-        }
-        return false;
-      }
-    }), null);
-  }
+import { useForm } from "../../hooks/use-form/use-form.mjs";
+import "../../hooks/index.mjs";
+import { computed, createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-picker/gct-form-picker.tsx
+var GctFormPicker = /* @__PURE__ */ defineComponent({
+	name: "GctFormPicker",
+	props: {
+		c: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: String,
+			default: null
+		}
+	},
+	emits: ["update:value"],
+	setup(props, { emit }) {
+		const ns = useNamespace("gct-form-picker");
+		const formC = useForm();
+		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;
+			}
+		});
+		const val = computed({
+			get: () => {
+				if (!props.c.state.options.find((_) => {
+					return _.value === props.value;
+				}) && nameVal.value) return nameVal.value;
+				return props.value;
+			},
+			set: (newVal) => {
+				if (typeof newVal === "string") newVal = newVal.trim();
+				if (typeof newVal != "object" && props.value == newVal) return;
+				const item = props.c.state.options.find((_) => {
+					return _.value === newVal;
+				});
+				if (item && item.data && props.model.fieldMap) props.model.fieldMap.map((key) => {
+					const [key1, key2] = key.split(":");
+					if (key2) formC.item[key2].editorValue = item.data[key1];
+				});
+				emit("update:value", newVal);
+			}
+		});
+		const loadOptions = () => {
+			return props.c.loadDictionary();
+		};
+		if (val.value != null) props.c.loadDictionary();
+		const onChange = (_val, data) => {
+			nameVal.value = data.label;
+		};
+		return {
+			ns,
+			val,
+			nameVal,
+			loadOptions,
+			onChange
+		};
+	},
+	render() {
+		return createVNode(resolveComponent("a-select"), mergeProps({
+			"value": this.val,
+			"onUpdate:value": ($event) => this.val = $event
+		}, this.model.props || {}, {
+			"class": this.ns.b(),
+			"disabled": this.c.state.disabled,
+			"loading": this.c.state.loading,
+			"options": this.c.state.options,
+			"placeholder": this.model.placeholder,
+			"onDropdownVisibleChange": this.loadOptions,
+			"onChange": this.onChange,
+			"show-search": true,
+			"filter-option": (input, option) => {
+				if (option.label) return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+				return false;
+			}
+		}), null);
+	}
 });
-
+//#endregion
 export { GctFormPicker };

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

@@ -1,5 +1,15 @@
-class GctFormPickerProvider {
-  component = "gct-form-picker";
-}
-
+//#region src/modules/gct-form/editor/gct-form-picker/gct-form-picker.provider.ts
+/**
+* 数据选择器编辑器
+*
+* @author zhanghanrui
+* @date 2024-03-27 10:03:03
+* @export
+* @class GctFormPickerProvider
+* @implements {IEditorProvider}
+*/
+var GctFormPickerProvider = class {
+	component = "gct-form-picker";
+};
+//#endregion
 export { GctFormPickerProvider };

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

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

package/es/modules/gct-form/editor/gct-form-pixel-config/gct-form-pixel-config.mjs

@@ -1,69 +1,63 @@
-import { defineComponent, computed, createVNode, resolveComponent } 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-pixel-config.css';/* empty css                            */
-
-const GctFormPixelConfig = /* @__PURE__ */ defineComponent({
-  name: 'GctFormPixelConfig',
-  props: {
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String,
-      default: ''
-    },
-    size: {
-      type: String
-    }
-  },
-  setup() {
-    const ns = useNamespace('form-pixel-config');
-    const mode = useGctFormValue('label_mode');
-    const val = useGctFormValue();
-    const options = [{
-      label: '百分比',
-      value: 'percent'
-    }, {
-      label: '固定',
-      value: 'fixed'
-    }];
-    const addonAfter = computed(() => {
-      return mode.value === 'fixed' ? 'px' : '%';
-    });
-    function onSelectChange(_val) {
-      mode.value = _val;
-      if (_val === 'fixed') {
-        val.value = 100;
-      } else {
-        val.value = 30;
-      }
-    }
-    return () => {
-      return createVNode(resolveComponent("a-input-group"), {
-        "compact": true,
-        "class": ns.b()
-      }, {
-        default: () => [createVNode(resolveComponent("a-select"), {
-          "class": ns.e('select'),
-          "value": mode.value,
-          "onUpdate:value": $event => mode.value = $event,
-          "options": options,
-          "onChange": onSelectChange
-        }, null), createVNode(resolveComponent("a-input-number"), {
-          "class": ns.e('input'),
-          "value": val.value,
-          "onUpdate:value": $event => val.value = $event,
-          "min": 0,
-          "placeholder": "\u8BF7\u8F93\u5165",
-          "size": "small",
-          "max": mode.value === 'fixed' ? 500 : 100,
-          "addonAfter": addonAfter.value
-        }, null)]
-      });
-    };
-  }
+import { computed, createVNode, defineComponent, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-pixel-config/gct-form-pixel-config.tsx
+var GctFormPixelConfig = /* @__PURE__ */ defineComponent({
+	name: "GctFormPixelConfig",
+	props: {
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: String,
+			default: ""
+		},
+		size: { type: String }
+	},
+	setup() {
+		const ns = useNamespace("form-pixel-config");
+		const mode = useGctFormValue("label_mode");
+		const val = useGctFormValue();
+		const options = [{
+			label: "百分比",
+			value: "percent"
+		}, {
+			label: "固定",
+			value: "fixed"
+		}];
+		const addonAfter = computed(() => {
+			return mode.value === "fixed" ? "px" : "%";
+		});
+		function onSelectChange(_val) {
+			mode.value = _val;
+			if (_val === "fixed") val.value = 100;
+			else val.value = 30;
+		}
+		return () => {
+			return createVNode(resolveComponent("a-input-group"), {
+				"compact": true,
+				"class": ns.b()
+			}, { default: () => [createVNode(resolveComponent("a-select"), {
+				"class": ns.e("select"),
+				"value": mode.value,
+				"onUpdate:value": ($event) => mode.value = $event,
+				"options": options,
+				"onChange": onSelectChange
+			}, null), createVNode(resolveComponent("a-input-number"), {
+				"class": ns.e("input"),
+				"value": val.value,
+				"onUpdate:value": ($event) => val.value = $event,
+				"min": 0,
+				"placeholder": "请输入",
+				"size": "small",
+				"max": mode.value === "fixed" ? 500 : 100,
+				"addonAfter": addonAfter.value
+			}, null)] });
+		};
+	}
 });
-
+//#endregion
 export { GctFormPixelConfig };

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

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

@@ -1,95 +1,80 @@
-import { defineComponent, createVNode, mergeProps, resolveComponent, isVNode } from 'vue';
-import { RadioGroup, RadioButton, Radio } from 'ant-design-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-radio.css';/* empty css                     */
-
+import { createVNode, defineComponent, isVNode, mergeProps, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+import { Radio, RadioButton, RadioGroup } from "ant-design-vue";
+//#region src/modules/gct-form/editor/gct-form-radio/gct-form-radio.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 GctFormRadio = /* @__PURE__ */ defineComponent({
-  name: 'GctFormRadio',
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String,
-      default: ''
-    },
-    size: {
-      type: String
-    }
-  },
-  emits: ['update:value'],
-  setup() {
-    const ns = useNamespace('gct-form-radio');
-    const val = useGctFormValue();
-    return {
-      ns,
-      val
-    };
-  },
-  render() {
-    let _slot2;
-    const attrs = {
-      ...(this.model.props || {}),
-      allowClear: true,
-      disabled: this.c.state.disabled
-    };
-    if (this.model.buttonMode) {
-      let _slot;
-      return createVNode(RadioGroup, mergeProps({
-        "class": [this.ns.b(), this.ns.m('button')],
-        "value": this.val,
-        "onUpdate:value": $event => this.val = $event,
-        "size": "small",
-        "button-style": "solid"
-      }, attrs), _isSlot(_slot = this.c.state.options.map(option => {
-        return createVNode(RadioButton, {
-          "key": option.value,
-          "value": option.value
-        }, {
-          default: () => [option.label]
-        });
-      })) ? _slot : {
-        default: () => [_slot]
-      });
-    }
-    return createVNode(RadioGroup, mergeProps({
-      "class": [this.ns.b(), this.ns.m('radio')],
-      "value": this.val,
-      "onUpdate:value": $event => this.val = $event,
-      "size": this.size
-    }, attrs), _isSlot(_slot2 = this.c.state.options.map(option => {
-      return createVNode(Radio, {
-        "class": [this.ns.e('item'), this.ns.em('item', 'pos-' + (this.model.icon?.pos || 'left'))],
-        "key": option.value,
-        "value": option.value,
-        "disabled": option.disabled
-      }, {
-        default: () => [option.icon ? createVNode("span", {
-          "class": this.ns.e('item-icon'),
-          "style": {
-            width: this.model.icon?.width,
-            height: this.model.icon?.height,
-            fontSize: this.model.icon?.fontSize
-          }
-        }, [typeof option.icon === 'string' && option.icon.endsWith('.svg') ? createVNode(resolveComponent("svg-icon"), {
-          "src": option.icon
-        }, null) : option.icon]) : null, createVNode("span", {
-          "class": this.ns.e('item-label')
-        }, [option.label])]
-      });
-    })) ? _slot2 : {
-      default: () => [_slot2]
-    });
-  }
+var GctFormRadio = /* @__PURE__ */ defineComponent({
+	name: "GctFormRadio",
+	props: {
+		c: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: String,
+			default: ""
+		},
+		size: { type: String }
+	},
+	emits: ["update:value"],
+	setup() {
+		return {
+			ns: useNamespace("gct-form-radio"),
+			val: useGctFormValue()
+		};
+	},
+	render() {
+		let _slot2;
+		const attrs = {
+			...this.model.props || {},
+			allowClear: true,
+			disabled: this.c.state.disabled
+		};
+		if (this.model.buttonMode) {
+			let _slot;
+			return createVNode(RadioGroup, mergeProps({
+				"class": [this.ns.b(), this.ns.m("button")],
+				"value": this.val,
+				"onUpdate:value": ($event) => this.val = $event,
+				"size": "small",
+				"button-style": "solid"
+			}, attrs), _isSlot(_slot = this.c.state.options.map((option) => {
+				return createVNode(RadioButton, {
+					"key": option.value,
+					"value": option.value
+				}, { default: () => [option.label] });
+			})) ? _slot : { default: () => [_slot] });
+		}
+		return createVNode(RadioGroup, mergeProps({
+			"class": [this.ns.b(), this.ns.m("radio")],
+			"value": this.val,
+			"onUpdate:value": ($event) => this.val = $event,
+			"size": this.size
+		}, attrs), _isSlot(_slot2 = this.c.state.options.map((option) => {
+			return createVNode(Radio, {
+				"class": [this.ns.e("item"), this.ns.em("item", "pos-" + (this.model.icon?.pos || "left"))],
+				"key": option.value,
+				"value": option.value,
+				"disabled": option.disabled
+			}, { default: () => [option.icon ? createVNode("span", {
+				"class": this.ns.e("item-icon"),
+				"style": {
+					width: this.model.icon?.width,
+					height: this.model.icon?.height,
+					fontSize: this.model.icon?.fontSize
+				}
+			}, [typeof option.icon === "string" && option.icon.endsWith(".svg") ? createVNode(resolveComponent("svg-icon"), { "src": option.icon }, null) : option.icon]) : null, createVNode("span", { "class": this.ns.e("item-label") }, [option.label])] });
+		})) ? _slot2 : { default: () => [_slot2] });
+	}
 });
-
-export { GctFormRadio };
+//#endregion
+export { GctFormRadio as default };

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