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

package/es/modules/gct-form/widgets/gct-form/gct-form-hidden-item/gct-form-hidden-item.provider.mjs

@@ -1,16 +1,12 @@
-import 'vue';
-import 'qx-util';
-import { useFormItemController } from '../../../controller/form-item-basic/form-item-basic.controller.mjs';
-import 'lodash-es';
-import { FormHiddenItemController } from '../../../controller/form-item-hidden/form-item-hidden.controller.mjs';
-
-class GctFormHiddenItemProvider {
-  component = "gct-form-hidden-item";
-  createController(form, item) {
-    return useFormItemController(
-      () => new FormHiddenItemController(form, item)
-    );
-  }
-}
-
+import { useFormItemController } from "../../../controller/form-item-basic/form-item-basic.controller.mjs";
+import { FormHiddenItemController } from "../../../controller/form-item-hidden/form-item-hidden.controller.mjs";
+import "../../../controller/index.mjs";
+//#region src/modules/gct-form/widgets/gct-form/gct-form-hidden-item/gct-form-hidden-item.provider.ts
+var GctFormHiddenItemProvider = class {
+	component = "gct-form-hidden-item";
+	createController(form, item) {
+		return useFormItemController(() => new FormHiddenItemController(form, item));
+	}
+};
+//#endregion
 export { GctFormHiddenItemProvider };

package/es/modules/gct-form/widgets/gct-form/gct-form-hidden-item/index.mjs

@@ -0,0 +1 @@
+import "./gct-form-hidden-item.provider.mjs";

package/es/modules/gct-form/widgets/gct-form/gct-form-item/gct-form-item.css

@@ -62,7 +62,7 @@
  *   }
  */
 /* stylelint-disable scss/no-global-function-names */
-.gct-gct-form-item {
+.gct-form-item {
   --gct-form-item-min-height: 32px;
   --gct-form-item-height: auto;
   --gct-form-item-width: auto;
@@ -79,33 +79,36 @@
   height: var(--gct-form-item-height);
   min-height: var(--gct-form-item-min-height);
 }
-.gct-gct-form-item.is-hidden-label > .ant-col.ant-form-item-control > .ant-form-item-control-input > .ant-form-item-control-input-content > .gct-gct-form-item__editor {
+.gct-form-item.ant-row {
+  margin-bottom: 20px;
+}
+.gct-form-item.is-hidden-label > .ant-col.ant-form-item-control > .ant-form-item-control-input > .ant-form-item-control-input-content > .gct-gct-form-item__editor {
   width: 100%;
 }
 
-.gct-gct-form-item.is-hidden-error {
+.gct-form-item.is-hidden-error {
   margin-bottom: 0;
 }
 
-.gct-gct-form-item.is-hidden {
+.gct-form-item.is-hidden {
   display: none;
 }
 
-.gct-gct-form-item.is-readonly {
+.gct-form-item.is-readonly {
   margin-bottom: 18px !important;
   --gct-form-item-min-height: 22px;
 }
-.gct-gct-form-item.is-readonly .ant-form-item-label {
+.gct-form-item.is-readonly .ant-form-item-label {
   padding: 0;
 }
-.gct-gct-form-item.is-readonly .ant-form-item-label label {
+.gct-form-item.is-readonly .ant-form-item-label label {
   color: var(--gct-form-item-readonly-color);
 }
-.gct-gct-form-item.is-readonly .gct-gct-form-item__label {
+.gct-form-item.is-readonly .gct-form-item__label {
   color: var(--gct-form-item-readonly-color);
 }
 
-.gct-gct-form-item.is-required .gct-gct-form-item__label::before {
+.gct-form-item.is-required .gct-form-item__label::before {
   display: inline-block;
   margin-inline-end: 4px;
   color: #ff4d4f;
@@ -115,57 +118,57 @@
   content: "*";
 }
 
-.gct-gct-form-item .ant-input {
+.gct-form-item .ant-input {
   border-radius: 4px;
 }
-.gct-gct-form-item .ant-form-item-label {
+.gct-form-item .ant-form-item-label {
   width: var(--gct-form-item-label-width);
   text-align: var(--gct-form-item-label-align);
 }
-.gct-gct-form-item .ant-form-item-label label {
+.gct-form-item .ant-form-item-label label {
   color: var(--gct-form-item-label-color);
   font-size: var(--gct-form-item-label-font-size);
 }
-.gct-gct-form-item .ant-form-item-control-input-content {
+.gct-form-item .ant-form-item-control-input-content {
   text-align: var(--gct-form-item-editor-align);
 }
-.gct-gct-form-item__label {
+.gct-form-item__label {
   width: var(--gct-form-item-label-width);
   line-height: 1.5715;
   font-size: var(--gct-form-item-label-font-size);
 }
-.gct-gct-form-item__label--top {
+.gct-form-item__label--top {
   width: 100%;
   display: flex;
   align-items: center;
 }
 
-.gct-gct-form-item--label-top .gct-gct-form-item__label {
+.gct-form-item--label-top .gct-form-item__label {
   margin-bottom: 8px;
 }
 
-.gct-gct-form-item__label-tooltip {
+.gct-form-item__label-tooltip {
   color: var(--gct-color-text-6);
 }
-.gct-gct-form-item__label-tooltip:hover {
+.gct-form-item__label-tooltip:hover {
   color: var(--gct-color-text-4);
 }
 
-.gct-gct-form-item .ant-form-item-control-input {
+.gct-form-item .ant-form-item-control-input {
   flex-grow: 1;
 }
-.gct-gct-form-item .ant-checkbox-group {
+.gct-form-item .ant-checkbox-group {
   font-size: var(--gct-form-item-label-font-size);
 }
-.gct-gct-form-item .ant-checkbox-group .ant-checkbox-wrapper {
+.gct-form-item .ant-checkbox-group .ant-checkbox-wrapper {
   font-size: var(--gct-form-item-label-font-size);
 }
-.gct-gct-form-item .ant-checkbox-group .ant-form input[type=checkbox],
-.gct-gct-form-item .ant-checkbox-group .ant-checkbox-inner {
+.gct-form-item .ant-checkbox-group .ant-form input[type=checkbox],
+.gct-form-item .ant-checkbox-group .ant-checkbox-inner {
   width: var(--gct-form-item-label-font-size);
   height: var(--gct-form-item-label-font-size);
 }
-.gct-gct-form-item .ant-checkbox-group .ant-checkbox-inner::after {
+.gct-form-item .ant-checkbox-group .ant-checkbox-inner::after {
   width: var(--gct-form-item-checkbox-width);
   height: var(--gct-form-item-checkbox-height);
 }

package/es/modules/gct-form/widgets/gct-form/gct-form-item/gct-form-item.mjs

@@ -1,163 +1,131 @@
-import { defineComponent, h, resolveComponent, createVNode, computed, isVNode } from 'vue';
-import { EditorRegisterConst, useNamespace } from '@gct-paas/core';
 import './gct-form-item.css';/* empty css                    */
-
+import { computed, createVNode, defineComponent, h, isVNode, resolveComponent } from "vue";
+import { EditorRegisterConst, useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/widgets/gct-form/gct-form-item/gct-form-item.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 GctFormItem = /* @__PURE__ */ defineComponent({
-  name: 'GctFormItem',
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    formModel: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    count: {
-      type: Number,
-      default: 0
-    },
-    context: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(props) {
-    const ns = useNamespace('gct-form-item');
-    const style = {};
-    if (props.formModel.labelWidth) {
-      style[ns.cssVarName('form-item-label-width')] = props.formModel.labelWidth;
-    }
-    if (props.model.labelWidth) {
-      style[ns.cssVarName('form-item-label-width')] = props.model.labelWidth;
-    }
-    if (props.model.labelAlign) {
-      style[ns.cssVarName('form-item-label-align')] = props.model.labelAlign;
-    }
-    if (props.model.editorAlign) {
-      style[ns.cssVarName('form-item-editor-align')] = props.model.editorAlign;
-    }
-    if (props.model.width) {
-      style[ns.cssVarName('form-item-width')] = props.model.width;
-    }
-    if (props.model.margin) {
-      style.margin = props.model.margin;
-    }
-    if (props.model.padding) {
-      style.padding = props.model.padding;
-    }
-    const required = computed(() => {
-      return !!props.model.rules?.find(item => item.required);
-    });
-    const renderLabelTooltip = () => {
-      if (!props.model.labelTooltip) {
-        return null;
-      }
-      return createVNode(resolveComponent("a-tooltip"), {
-        "class": ns.e('label-tooltip'),
-        "overlayClassName": ns.e('label-tooltip-overlay'),
-        "overlayStyle": {
-          width: props.model.labelTipWidth
-        },
-        "placement": "top",
-        "title": props.model.labelTooltip
-      }, {
-        default: () => [createVNode("span", {
-          "class": "iconfont icon-assist ml5px text-[#bfbfbf]"
-        }, null)]
-      });
-    };
-    return {
-      ns,
-      style,
-      required,
-      renderLabelTooltip
-    };
-  },
-  render() {
-    const provider = _gct.register.editor.get(EditorRegisterConst.PREFIX + this.model.editor.type);
-    if (!provider) {
-      console.error(`未找到表单项${this.model.name}的编辑器${this.model.editor.type}的适配器实例：`, this.model);
-      return null;
-    }
-    const labelPosition = this.model.labelPosition || 'left';
-    let content = null;
-    if (provider) {
-      if (provider.render) {
-        content = provider.render(this.c.editorValue, this.c.data, this.model);
-      } else {
-        if (provider.component) {
-          content = h(typeof provider.component === 'string' ? resolveComponent(provider.component) : provider.component, {
-            key: this.model.name,
-            c: this.c,
-            value: this.c.editorValue,
-            itemModel: this.model,
-            model: this.model.editor,
-            data: this.c.data,
-            disabled: this.c.state.disabled,
-            readonly: this.c.state.readonly,
-            keepalive: this.c.state.keepalive,
-            visible: this.c.state.visible,
-            size: this.formModel.size,
-            count: this.count,
-            isEmptyText: this.formModel.isEmptyText,
-            context: this.context,
-            class: [this.ns.e('editor'), this.ns.e(labelPosition), this.formModel.size ? this.ns.m(this.formModel.size) : null, this.model.editor.class],
-            style: this.model.editor.style,
-            'onUpdate:value': value => {
-              // eslint-disable-next-line vue/no-mutating-props
-              this.c.editorValue = value;
-            },
-            onBlur: () => {
-              this.c.blur();
-            }
-          });
-        } else {
-          console.error(`未找到编辑器绘制组件：${this.model.name} - ${this.model.editor.type}，请实现 component 或 render 方法`);
-        }
-      }
-    } else {
-      console.error(`未找到编辑器适配器：${this.model.name} - ${this.model.editor.type}`);
-    }
-    if (this.model.label && labelPosition === 'top') {
-      content = [createVNode("div", {
-        "class": [this.ns.e('label'), this.ns.em('label', labelPosition)]
-      }, [this.model.label, this.renderLabelTooltip()]), content];
-    }
-    const itemSlots = {
-      default: () => {
-        return content;
-      }
-    };
-    if (labelPosition === 'left' && this.model.label) {
-      itemSlots.label = () => {
-        return [createVNode("span", null, [this.model.label]), this.renderLabelTooltip()];
-      };
-    }
-    if (this.c.state.visible === false) return;
-    return createVNode(resolveComponent("a-form-item"), {
-      "key": this.c.model.name,
-      "count": this.count,
-      "colon": this.formModel.noColon === true ? false : this.model.noColon === true ? false : true,
-      "name": this.model.name.split('.'),
-      "label": undefined,
-      "class": [this.ns.b(), this.ns.is('readonly', this.model.editor.readonly === true), this.ns.is('required', this.required),
-      // this.ns.is('hidden', this.c.state.visible === false),
-      this.ns.is('hidden-label', !this.model.label), this.ns.m('label-' + labelPosition), this.ns.is('hidden-error', this.model.hiddenError === true || this.formModel.hiddenError === true)],
-      "style": this.style,
-      "rules": this.c.state.visible === true ? this.model.rules : [],
-      "layout": "horizontal"
-    }, _isSlot(itemSlots) ? itemSlots : {
-      default: () => [itemSlots]
-    });
-  }
+var GctFormItem = /* @__PURE__ */ defineComponent({
+	name: "GctFormItem",
+	props: {
+		c: {
+			type: Object,
+			required: true
+		},
+		formModel: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		count: {
+			type: Number,
+			default: 0
+		},
+		context: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	setup(props) {
+		const ns = useNamespace("form-item");
+		const style = {};
+		if (props.formModel.labelWidth) style[ns.cssVarName("form-item-label-width")] = props.formModel.labelWidth;
+		if (props.model.labelWidth) style[ns.cssVarName("form-item-label-width")] = props.model.labelWidth;
+		if (props.model.labelAlign) style[ns.cssVarName("form-item-label-align")] = props.model.labelAlign;
+		if (props.model.editorAlign) style[ns.cssVarName("form-item-editor-align")] = props.model.editorAlign;
+		if (props.model.width) style[ns.cssVarName("form-item-width")] = props.model.width;
+		if (props.model.margin) style.margin = props.model.margin;
+		if (props.model.padding) style.padding = props.model.padding;
+		const required = computed(() => {
+			return !!props.model.rules?.find((item) => item.required);
+		});
+		const renderLabelTooltip = () => {
+			if (!props.model.labelTooltip) return null;
+			return createVNode(resolveComponent("a-tooltip"), {
+				"class": ns.e("label-tooltip"),
+				"overlayClassName": ns.e("label-tooltip-overlay"),
+				"overlayStyle": { width: props.model.labelTipWidth },
+				"placement": "top",
+				"title": props.model.labelTooltip
+			}, { default: () => [createVNode("span", { "class": "iconfont icon-assist ml5px text-[#bfbfbf]" }, null)] });
+		};
+		return {
+			ns,
+			style,
+			required,
+			renderLabelTooltip
+		};
+	},
+	render() {
+		const provider = _gct.register.editor.get(EditorRegisterConst.PREFIX + this.model.editor.type);
+		if (!provider) {
+			console.error(`未找到表单项${this.model.name}的编辑器${this.model.editor.type}的适配器实例：`, this.model);
+			return null;
+		}
+		const labelPosition = this.model.labelPosition || "left";
+		let content = null;
+		if (provider) if (provider.render) content = provider.render(this.c.editorValue, this.c.data, this.model);
+		else if (provider.component) content = h(typeof provider.component === "string" ? resolveComponent(provider.component) : provider.component, {
+			key: this.model.name,
+			c: this.c,
+			value: this.c.editorValue,
+			itemModel: this.model,
+			model: this.model.editor,
+			data: this.c.data,
+			disabled: this.c.state.disabled,
+			readonly: this.c.state.readonly,
+			keepalive: this.c.state.keepalive,
+			visible: this.c.state.visible,
+			size: this.formModel.size,
+			count: this.count,
+			isEmptyText: this.formModel.isEmptyText,
+			context: this.context,
+			class: [
+				this.ns.e("editor"),
+				this.ns.e(labelPosition),
+				this.formModel.size ? this.ns.m(this.formModel.size) : null,
+				this.model.editor.class
+			],
+			style: this.model.editor.style,
+			"onUpdate:value": (value) => {
+				this.c.editorValue = value;
+			},
+			onBlur: () => {
+				this.c.blur();
+			}
+		});
+		else console.error(`未找到编辑器绘制组件：${this.model.name} - ${this.model.editor.type}，请实现 component 或 render 方法`);
+		else console.error(`未找到编辑器适配器：${this.model.name} - ${this.model.editor.type}`);
+		if (this.model.label && labelPosition === "top") content = [createVNode("div", { "class": [this.ns.e("label"), this.ns.em("label", labelPosition)] }, [this.model.label, this.renderLabelTooltip()]), content];
+		const itemSlots = { default: () => {
+			return content;
+		} };
+		if (labelPosition === "left" && this.model.label) itemSlots.label = () => {
+			return [createVNode("span", null, [this.model.label]), this.renderLabelTooltip()];
+		};
+		if (this.c.state.visible === false) return;
+		return createVNode(resolveComponent("a-form-item"), {
+			"key": this.c.model.name,
+			"count": this.count,
+			"colon": this.formModel.noColon === true ? false : this.model.noColon === true ? false : true,
+			"name": this.model.name.split("."),
+			"label": void 0,
+			"class": [
+				this.ns.b(),
+				this.ns.is("readonly", this.model.editor.readonly === true),
+				this.ns.is("required", this.required),
+				this.ns.is("hidden-label", !this.model.label),
+				this.ns.m("label-" + labelPosition),
+				this.ns.is("hidden-error", this.model.hiddenError === true || this.formModel.hiddenError === true)
+			],
+			"style": this.style,
+			"rules": this.c.state.visible === true ? this.model.rules : [],
+			"layout": "horizontal"
+		}, _isSlot(itemSlots) ? itemSlots : { default: () => [itemSlots] });
+	}
 });
-
-export { GctFormItem };
+//#endregion
+export { GctFormItem as default };

package/es/modules/gct-form/widgets/gct-form/gct-form-item/gct-form-item.provider.mjs

@@ -1,14 +1,12 @@
-import 'vue';
-import 'qx-util';
-import { useFormItemController } from '../../../controller/form-item-basic/form-item-basic.controller.mjs';
-import 'lodash-es';
-import { FormItemController } from '../../../controller/form-item/form-item.controller.mjs';
-
-class GctFormItemProvider {
-  component = "gct-form-item";
-  createController(form, item) {
-    return useFormItemController(() => new FormItemController(form, item));
-  }
-}
-
+import { useFormItemController } from "../../../controller/form-item-basic/form-item-basic.controller.mjs";
+import { FormItemController } from "../../../controller/form-item/form-item.controller.mjs";
+import "../../../controller/index.mjs";
+//#region src/modules/gct-form/widgets/gct-form/gct-form-item/gct-form-item.provider.ts
+var GctFormItemProvider = class {
+	component = "gct-form-item";
+	createController(form, item) {
+		return useFormItemController(() => new FormItemController(form, item));
+	}
+};
+//#endregion
 export { GctFormItemProvider };

package/es/modules/gct-form/widgets/gct-form/gct-form-item/index.mjs

@@ -0,0 +1,3 @@
+import "./gct-form-item.mjs";
+import "./gct-form-item.provider.mjs";
+import "vue";

package/es/modules/gct-form/widgets/gct-form/gct-form-line/gct-form-line.css

@@ -62,11 +62,11 @@
  *   }
  */
 /* stylelint-disable scss/no-global-function-names */
-.gct-gct-form-line {
+.gct-form-line {
   width: 100%;
   padding: 8px 0;
 }
-.gct-gct-form-line__line {
+.gct-form-line__line {
   width: 100%;
   border-top: 1px solid #F3F5F8;
 }

package/es/modules/gct-form/widgets/gct-form/gct-form-line/gct-form-line.mjs

@@ -1,48 +1,41 @@
-import { defineComponent, createVNode, computed } from 'vue';
-import { useNamespace } from '@gct-paas/core';
 import './gct-form-line.css';/* empty css                    */
-
-const GctFormLine = /* @__PURE__ */ defineComponent({
-  name: 'GctFormLine',
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    context: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(props) {
-    const ns = useNamespace('gct-form-line');
-    const style = computed(() => {
-      const {
-        paddingTop,
-        paddingBottom
-      } = props.model;
-      return {
-        paddingTop,
-        paddingBottom
-      };
-    });
-    return {
-      ns,
-      style
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": [this.ns.b(), this.ns.is('hidden', this.c.state.visible === false)],
-      "style": this.style
-    }, [createVNode("div", {
-      "class": this.ns.e('line')
-    }, null)]);
-  }
+import { computed, createVNode, defineComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/widgets/gct-form/gct-form-line/gct-form-line.tsx
+var GctFormLine = /* @__PURE__ */ defineComponent({
+	name: "GctFormLine",
+	props: {
+		c: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		context: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	setup(props) {
+		return {
+			ns: useNamespace("form-line"),
+			style: computed(() => {
+				const { paddingTop, paddingBottom } = props.model;
+				return {
+					paddingTop,
+					paddingBottom
+				};
+			})
+		};
+	},
+	render() {
+		return createVNode("div", {
+			"class": [this.ns.b(), this.ns.is("hidden", this.c.state.visible === false)],
+			"style": this.style
+		}, [createVNode("div", { "class": this.ns.e("line") }, null)]);
+	}
 });
-
+//#endregion
 export { GctFormLine };

package/es/modules/gct-form/widgets/gct-form/gct-form-line/gct-form-line.provider.mjs

@@ -1,14 +1,12 @@
-import 'vue';
-import 'qx-util';
-import { useFormItemController } from '../../../controller/form-item-basic/form-item-basic.controller.mjs';
-import 'lodash-es';
-import { FormLineController } from '../../../controller/form-line/form-line.controller.mjs';
-
-class GctFormLineProvider {
-  component = "gct-form-line";
-  createController(form, item) {
-    return useFormItemController(() => new FormLineController(form, item));
-  }
-}
-
+import { useFormItemController } from "../../../controller/form-item-basic/form-item-basic.controller.mjs";
+import { FormLineController } from "../../../controller/form-line/form-line.controller.mjs";
+import "../../../controller/index.mjs";
+//#region src/modules/gct-form/widgets/gct-form/gct-form-line/gct-form-line.provider.ts
+var GctFormLineProvider = class {
+	component = "gct-form-line";
+	createController(form, item) {
+		return useFormItemController(() => new FormLineController(form, item));
+	}
+};
+//#endregion
 export { GctFormLineProvider };

package/es/modules/gct-form/widgets/gct-form/gct-form-line/index.mjs

@@ -1,12 +1,10 @@
-import 'vue';
-import { GctFormLineProvider } from './gct-form-line.provider.mjs';
-import { GctFormLine as GctFormLine$1 } from './gct-form-line.mjs';
-
-const GctFormLine = {
-  install(app) {
-    _gct.register.formItem.register("line", () => new GctFormLineProvider());
-    app.component(GctFormLine$1.name, GctFormLine$1);
-  }
-};
-
-export { GctFormLine as default };
+import { GctFormLineProvider } from "./gct-form-line.provider.mjs";
+import { GctFormLine } from "./gct-form-line.mjs";
+import "vue";
+//#region src/modules/gct-form/widgets/gct-form/gct-form-line/index.ts
+var gct_form_line_default = { install(app) {
+	_gct.register.formItem.register("line", () => new GctFormLineProvider());
+	app.component(GctFormLine.name, GctFormLine);
+} };
+//#endregion
+export { gct_form_line_default as default };