@gct-paas/core-web 0.0.1-dev.14 → 0.0.1-dev.16

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

@@ -0,0 +1,12 @@
+import { widthEditorInstall, EditorType } from '@gct-paas/core';
+import { GctFormSpanProvider } from './gct-form-span.provider.mjs';
+import { GctFormSpan as GctFormSpan$1 } from './gct-form-span.mjs';
+
+"use strict";
+var GctFormSpan = widthEditorInstall(
+  EditorType.SPAN,
+  () => new GctFormSpanProvider(),
+  GctFormSpan$1
+);
+
+export { GctFormSpan as default };

package/es/editor/gct-form-switch/gct-form-switch.d.ts

@@ -0,0 +1,26 @@
+import { PropType } from 'vue';
+import { ISwitchEditor } from '@gct-paas/core';
+export declare const GctFormSwitch: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<ISwitchEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    val: import('vue').WritableComputedRef<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<ISwitchEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    value: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,35 @@
+import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
+import { useNamespace, useGctFormValue } from '@gct-paas/core';
+
+"use strict";
+const GctFormSwitch = /* @__PURE__ */ defineComponent({
+  name: "GctFormSwitch",
+  props: {
+    model: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  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
+    }, this.model.props || {}), null)]);
+  }
+});
+
+export { GctFormSwitch };

package/es/editor/gct-form-switch/gct-form-switch.provider.d.ts

@@ -0,0 +1,13 @@
+import { IEditorProvider } from '@gct-paas/core';
+/**
+ * 开关编辑器
+ *
+ * @author zhanghanrui
+ * @date 2024-07-29 11:07:49
+ * @export
+ * @class GctFormSwitchProvider
+ * @implements {IEditorProvider}
+ */
+export declare class GctFormSwitchProvider implements IEditorProvider {
+    component: string;
+}

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

@@ -0,0 +1,6 @@
+"use strict";
+class GctFormSwitchProvider {
+  component = "gct-form-switch";
+}
+
+export { GctFormSwitchProvider };

package/es/editor/gct-form-switch/index.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    install(app: import('vue').App): void;
+};
+export default _default;
+export declare const oldSwitchCom: {
+    install(app: import('vue').App): void;
+};

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

@@ -0,0 +1,17 @@
+import { widthEditorInstall, EditorType, EditorTypeOld } from '@gct-paas/core';
+import { GctFormSwitchProvider } from './gct-form-switch.provider.mjs';
+import { GctFormSwitch as GctFormSwitch$1 } from './gct-form-switch.mjs';
+
+"use strict";
+var GctFormSwitch = widthEditorInstall(
+  EditorType.SWITCH,
+  () => new GctFormSwitchProvider(),
+  GctFormSwitch$1
+);
+const oldSwitchCom = widthEditorInstall(
+  EditorTypeOld.SWITCH,
+  () => new GctFormSwitchProvider(),
+  GctFormSwitch$1
+);
+
+export { GctFormSwitch as default, oldSwitchCom };

package/es/editor/gct-form-text/gct-form-text.d.ts

@@ -0,0 +1,32 @@
+import { PropType } from 'vue';
+import { ITextEditor, EditorController } from '@gct-paas/core';
+/**
+ * 文本编辑器
+ */
+export declare const GctFormText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<ITextEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    c: EditorController<ITextEditor>;
+    val: import('vue').WritableComputedRef<string, string>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<ITextEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/editor/gct-form-text/gct-form-text.mjs

@@ -0,0 +1,45 @@
+import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
+import { useNamespace, EditorController, useGctFormValueByText } from '@gct-paas/core';
+
+"use strict";
+const GctFormText = /* @__PURE__ */ defineComponent({
+  name: "GctFormText",
+  props: {
+    model: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:value"],
+  setup(props) {
+    const ns = useNamespace("gct-form-text");
+    const c = new EditorController(props.model);
+    const val = useGctFormValueByText(props.model.prefix || props.model.addonBefore, props.model.suffix || props.model.addonAfter);
+    return {
+      ns,
+      c,
+      val
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("a-input"), mergeProps({
+      "value": this.val,
+      "onUpdate:value": ($event) => this.val = $event
+    }, this.model.props || {}, {
+      "class": this.ns.b(),
+      "prefix": this.model.prefix,
+      "suffix": this.model.suffix,
+      "addonBefore": this.model.addonBefore,
+      "addonAfter": this.model.addonAfter,
+      "placeholder": this.model.placeholder,
+      "show-count": this.model.max != null,
+      "maxlength": this.model.max
+    }), null);
+  }
+});
+
+export { GctFormText };

package/es/editor/gct-form-text/gct-form-text.provider.d.ts

@@ -0,0 +1,13 @@
+import { IEditorProvider } from '@gct-paas/core';
+/**
+ * 文本编辑器
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 10:03:03
+ * @export
+ * @class GctFormTextProvider
+ * @implements {IEditorProvider}
+ */
+export declare class GctFormTextProvider implements IEditorProvider {
+    component: string;
+}

package/es/editor/gct-form-text/gct-form-text.provider.mjs

@@ -0,0 +1,6 @@
+"use strict";
+class GctFormTextProvider {
+  component = "gct-form-text";
+}
+
+export { GctFormTextProvider };

package/es/editor/gct-form-text/index.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    install(app: import('vue').App): void;
+};
+export default _default;
+export declare const oldTextCom: {
+    install(app: import('vue').App): void;
+};

package/es/editor/gct-form-text/index.mjs

@@ -0,0 +1,17 @@
+import { widthEditorInstall, EditorType, EditorTypeOld } from '@gct-paas/core';
+import { GctFormTextProvider } from './gct-form-text.provider.mjs';
+import { GctFormText as GctFormText$1 } from './gct-form-text.mjs';
+
+"use strict";
+var GctFormText = widthEditorInstall(
+  EditorType.TEXT,
+  () => new GctFormTextProvider(),
+  GctFormText$1
+);
+const oldTextCom = widthEditorInstall(
+  EditorTypeOld.TEXT,
+  () => new GctFormTextProvider(),
+  GctFormText$1
+);
+
+export { GctFormText as default, oldTextCom };

package/es/editor/gct-form-textarea/gct-form-textarea.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import { ITextareaEditor } from '@gct-paas/core';
+export declare const GctFormTextarea: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<ITextareaEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: null;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    val: import('vue').WritableComputedRef<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<ITextareaEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: null;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/editor/gct-form-textarea/gct-form-textarea.mjs

@@ -0,0 +1,40 @@
+import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
+import { useNamespace, useGctFormValue } from '@gct-paas/core';
+
+"use strict";
+const GctFormTextarea = /* @__PURE__ */ defineComponent({
+  name: "GctFormTextarea",
+  props: {
+    model: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ["update:value"],
+  setup() {
+    const ns = useNamespace("gct-form-textarea");
+    const val = useGctFormValue();
+    return {
+      ns,
+      val
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("a-textarea"), mergeProps({
+      "value": this.val,
+      "onUpdate:value": ($event) => this.val = $event
+    }, this.model.props || {}, {
+      "class": this.ns.b(),
+      "auto-size": this.model.autoSize,
+      "show-count": this.model.max != null,
+      "maxlength": this.model.max,
+      "placeholder": this.model.placeholder
+    }), null);
+  }
+});
+
+export { GctFormTextarea };

package/es/editor/gct-form-textarea/gct-form-textarea.provider.d.ts

@@ -0,0 +1,4 @@
+import { IEditorProvider } from '@gct-paas/core';
+export declare class GctFormTextareaProvider implements IEditorProvider {
+    component: string;
+}

package/es/editor/gct-form-textarea/gct-form-textarea.provider.mjs

@@ -0,0 +1,6 @@
+"use strict";
+class GctFormTextareaProvider {
+  component = "gct-form-textarea";
+}
+
+export { GctFormTextareaProvider };

package/es/editor/gct-form-textarea/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(app: import('vue').App): void;
+};
+export default _default;

package/es/editor/gct-form-textarea/index.mjs

@@ -0,0 +1,12 @@
+import { widthEditorInstall, EditorType } from '@gct-paas/core';
+import { GctFormTextareaProvider } from './gct-form-textarea.provider.mjs';
+import { GctFormTextarea as GctFormTextarea$1 } from './gct-form-textarea.mjs';
+
+"use strict";
+var GctFormTextarea = widthEditorInstall(
+  EditorType.TEXTAREA,
+  () => new GctFormTextareaProvider(),
+  GctFormTextarea$1
+);
+
+export { GctFormTextarea as default };

package/es/editor/index.d.ts

@@ -0,0 +1,5 @@
+import { App } from 'vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/es/editor/index.mjs

@@ -0,0 +1,42 @@
+import GctFormLengthUnit from './gct-form-length-unit/index.mjs';
+import GctFormColor from './gct-form-color/index.mjs';
+import GctFormCheckSwitch from './gct-form-check-switch/index.mjs';
+import GctFormI18n from './gct-form-i18n/index.mjs';
+import GctFormIconSelect from './gct-form-icon-select/index.mjs';
+import GctFormNumber from './gct-form-number/index.mjs';
+import GctFormPicker from './gct-form-picker/index.mjs';
+import GctFormSelect from './gct-form-select/index.mjs';
+import GctFormSpan from './gct-form-span/index.mjs';
+import GctFormSwitch, { oldSwitchCom } from './gct-form-switch/index.mjs';
+import GctFormText, { oldTextCom } from './gct-form-text/index.mjs';
+import GctFormTextarea from './gct-form-textarea/index.mjs';
+import GctFormRadio, { oldRadioCom } from './gct-form-radio/index.mjs';
+import GctFormInfo from './gct-form-info/index.mjs';
+import GctFormCheckbox, { oldCheckboxCom } from './gct-form-checkbox/index.mjs';
+
+"use strict";
+var Editor = {
+  install(app) {
+    app.use(GctFormLengthUnit);
+    app.use(GctFormColor);
+    app.use(GctFormCheckSwitch);
+    app.use(GctFormI18n);
+    app.use(GctFormIconSelect);
+    app.use(GctFormNumber);
+    app.use(GctFormPicker);
+    app.use(GctFormSelect);
+    app.use(GctFormSpan);
+    app.use(GctFormSwitch);
+    app.use(GctFormText);
+    app.use(GctFormTextarea);
+    app.use(GctFormRadio);
+    app.use(GctFormInfo);
+    app.use(GctFormCheckbox);
+    app.use(oldCheckboxCom);
+    app.use(oldRadioCom);
+    app.use(oldSwitchCom);
+    app.use(oldTextCom);
+  }
+};
+
+export { Editor as default };

package/es/index.d.ts

@@ -3,3 +3,4 @@ declare const _default: {
     install(app: App): void;
 };
 export default _default;
+export * from './components';

package/es/index.mjs

@@ -1,11 +1,25 @@
 import './components/index.mjs';
+import Editor from './editor/index.mjs';
+import GctEditForm from './widgets/gct-edit-form/index.mjs';
+import GctForm from './widgets/gct-form/index.mjs';
 import { CodeEditor } from './components/code-editor/code-editor.mjs';
+import { FlexContainer } from './components/layout/flex-container/flex-container.mjs';
+import { FlexItem } from './components/layout/flex-item/flex-item.mjs';
+import { GridContainer } from './components/layout/grid-container/grid-container.mjs';
+import { ViewContainer } from './components/layout/view-container/view-container.mjs';
 
 "use strict";
 var index = {
   install(app) {
+    app.use(Editor);
+    app.use(GctEditForm);
+    app.use(GctForm);
     app.component(CodeEditor.name, CodeEditor);
+    app.component(FlexContainer.name, FlexContainer);
+    app.component(FlexItem.name, FlexItem);
+    app.component(GridContainer.name, GridContainer);
+    app.component(ViewContainer.name, ViewContainer);
   }
 };
 
-export { index as default };
+export { CodeEditor, FlexContainer, FlexItem, GridContainer, ViewContainer, index as default };

package/es/types/index.d.ts

@@ -0,0 +1 @@
+import '@gct-paas/core/es/types';

package/es/widgets/gct-edit-form/gct-edit-form.d.ts

@@ -0,0 +1,62 @@
+import { PropType } from 'vue';
+import { IEditForm, IEditFormController } from '@gct-paas/core';
+/**
+ * 编辑表单组件
+ */
+export declare const GctEditForm: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    embed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    context: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    controller: {
+        type: PropType<IEditFormController>;
+    };
+    model: {
+        type: PropType<IEditForm>;
+        required: true;
+    };
+    data: {
+        type: PropType<IData>;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    c: IEditFormController;
+    formRef: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:data"[], "update:data", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    embed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    context: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    controller: {
+        type: PropType<IEditFormController>;
+    };
+    model: {
+        type: PropType<IEditForm>;
+        required: true;
+    };
+    data: {
+        type: PropType<IData>;
+    };
+}>> & Readonly<{
+    "onUpdate:data"?: ((...args: any[]) => any) | undefined;
+}>, {
+    embed: boolean;
+    context: IParams;
+    params: IParams;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/widgets/gct-edit-form/gct-edit-form.mjs

@@ -0,0 +1,126 @@
+import { defineComponent, createVNode, resolveComponent, ref, watch } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { useNamespace, useEditFormController, EditFormController, useModal } from '@gct-paas/core';
+
+"use strict";
+const GctEditForm = /* @__PURE__ */ defineComponent({
+  name: "GctEditForm",
+  props: {
+    // 是否为嵌入表单组件
+    embed: {
+      type: Boolean,
+      default: false
+    },
+    context: {
+      type: Object,
+      default: () => ({})
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    controller: {
+      type: Object
+    },
+    model: {
+      type: Object,
+      required: true
+    },
+    data: {
+      type: Object
+    }
+  },
+  emits: ["update:data"],
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("gct-edit-form");
+    if (!props.model) {
+      throw new Error("\u672A\u4F20\u9012\u8868\u5355\u6A21\u578B\u914D\u7F6E");
+    }
+    const c = props.controller || useEditFormController(() => new EditFormController(props.model));
+    const formRef = ref(null);
+    const validate = async () => {
+      try {
+        await formRef.value.formRef.validate();
+      } catch (error) {
+        console.error(error);
+        return false;
+      }
+      return true;
+    };
+    const validateField = async (field) => {
+      try {
+        await formRef.value.formRef.validateFields(field);
+      } catch (error) {
+        console.error(error);
+        return false;
+      }
+      return true;
+    };
+    c.validate = validate;
+    c.validateItem = validateField;
+    watch(props.context, () => {
+      Object.assign(c.context, props.context);
+      c.state.isNew = !c.context.id;
+    }, {
+      immediate: true
+    });
+    watch(props.params, () => {
+      Object.assign(c.params, props.params);
+    });
+    useModal(async () => {
+      try {
+        await formRef.value.formRef.validate();
+        const data = await c.save();
+        if (data) {
+          return {
+            ok: true,
+            data: [cloneDeep(data)]
+          };
+        }
+      } catch (error) {
+        console.error(error);
+      }
+      return {
+        ok: false
+      };
+    });
+    if (props.data) {
+      Object.assign(c.state.data, props.data);
+      c.loaded();
+    } else if (c.state.isNew !== true) {
+      c.load().then(() => {
+        c.loaded();
+      });
+    } else {
+      c.loaded();
+    }
+    if (props.embed) {
+      c.evt.on("change", () => {
+        emit("update:data", c.getData());
+      });
+    }
+    return {
+      ns,
+      c,
+      formRef
+    };
+  },
+  render() {
+    let content = null;
+    if (this.c.state.isNew || this.c.state.isNew == false && this.c.state.loaded) {
+      content = createVNode(resolveComponent("gct-form"), {
+        "class": "h-full",
+        "ref": "formRef",
+        "model": this.model,
+        "c": this.c
+      }, null);
+    }
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [content]);
+  }
+});
+
+export { GctEditForm };

package/es/widgets/gct-edit-form/index.d.ts

@@ -0,0 +1,5 @@
+import { App } from 'vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/es/widgets/gct-edit-form/index.mjs

@@ -0,0 +1,10 @@
+import { GctEditForm as GctEditForm$1 } from './gct-edit-form.mjs';
+
+"use strict";
+var GctEditForm = {
+  install(app) {
+    app.component(GctEditForm$1.name, GctEditForm$1);
+  }
+};
+
+export { GctEditForm as default };