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

package/es/utils/index.mjs

@@ -1,3 +0,0 @@
-export { withInstall } from './with-install.mjs';
-
-"use strict";

package/es/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

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

@@ -1,62 +0,0 @@
-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

@@ -1,126 +0,0 @@
-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.mjs

@@ -1,10 +0,0 @@
-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 };

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

@@ -1,31 +0,0 @@
-import { PropType } from 'vue';
-import { IFormCollapse, IFormCollapseController } from '@gct-paas/core';
-/**
- * 表单折叠面板
- */
-export declare const GctFormCollapse: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    c: {
-        type: PropType<IFormCollapseController>;
-        required: true;
-    };
-    model: {
-        type: PropType<IFormCollapse>;
-        required: true;
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    keys: import('vue').Ref<number[], number[]>;
-    style: IParams;
-    activeKeys: import('vue').Ref<string[], string[]>;
-    expandIconPosition: import('vue').ComputedRef<"left" | "right">;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    c: {
-        type: PropType<IFormCollapseController>;
-        required: true;
-    };
-    model: {
-        type: PropType<IFormCollapse>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default GctFormCollapse;

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

@@ -1,73 +0,0 @@
-import { defineComponent, createVNode, ref, computed } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import { Collapse } from 'ant-design-vue';
-import './gct-form-collapse.scss';
-
-"use strict";
-const GctFormCollapse = /* @__PURE__ */ defineComponent({
-  name: "GctFormCollapse",
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("form-collapse");
-    const keys = ref([0]);
-    const style = {};
-    if (props.model.width) {
-      style[ns.cssVarName("form-collapse-width")] = props.model.width;
-    }
-    if (props.model.height) {
-      style[ns.cssVarName("form-collapse-height")] = props.model.height;
-    }
-    const activeKeys = ref([]);
-    activeKeys.value = props.model.children?.map((item) => item.name) || [];
-    const expandIconPosition = computed(() => {
-      return props.model.expandIconPosition === "left" ? "left" : "right";
-    });
-    return {
-      ns,
-      keys,
-      style,
-      activeKeys,
-      expandIconPosition
-    };
-  },
-  render() {
-    if (this.c.state.keepalive !== true && this.c.state.visible === false) {
-      return null;
-    }
-    const items = this.$slots.default?.() || [];
-    return createVNode(Collapse, {
-      "class": [this.ns.b(), this.ns.is("hidden", this.c.state.visible === false), this.ns.m("icon-" + (this.model.expandIconStyle || "up-down"))],
-      "style": this.style,
-      "accordion": this.model.accordion,
-      "expandIconPosition": this.expandIconPosition,
-      "activeKey": this.activeKeys,
-      "onUpdate:activeKey": ($event) => this.activeKeys = $event
-    }, {
-      default: () => [this.model.children?.map((item, index) => {
-        const _item = items[index];
-        if (_item.props.c.state.visible === false) {
-          return;
-        }
-        const collapsible = item.collapsible !== false ? void 0 : "disabled";
-        return createVNode(Collapse.Panel, {
-          "key": item.name,
-          "header": item.title,
-          "collapsible": collapsible
-        }, {
-          default: () => [items[index]]
-        });
-      })]
-    });
-  }
-});
-
-export { GctFormCollapse, GctFormCollapse as default };

package/es/widgets/gct-form/gct-form-collapse/gct-form-collapse.provider.d.ts

@@ -1,5 +0,0 @@
-import { IFormController, IFormCollapseController, IFormItemBasic, IFormItemProvider } from '@gct-paas/core';
-export declare class GctFormCollapseProvider implements IFormItemProvider {
-    component: string;
-    createController(form: IFormController, item: IFormItemBasic): IFormCollapseController;
-}

package/es/widgets/gct-form/gct-form-collapse/gct-form-collapse.provider.mjs

@@ -1,11 +0,0 @@
-import { useFormItemController, FormCollapseController } from '@gct-paas/core';
-
-"use strict";
-class GctFormCollapseProvider {
-  component = "gct-form-collapse";
-  createController(form, item) {
-    return useFormItemController(() => new FormCollapseController(form, item));
-  }
-}
-
-export { GctFormCollapseProvider };

package/es/widgets/gct-form/gct-form-collapse/gct-form-collapse.scss

@@ -1,62 +0,0 @@
-$gct-form-collapse: (
-  width: auto,
-  height: auto,
-);
-
-@include b(form-collapse) {
-  @include set-component-css-var('form-collapse', $gct-form-collapse);
-
-  width: getCssVar(form-collapse, width);
-  height: getCssVar(form-collapse, height);
-  border: none;
-
-  @include when(hidden) {
-    display: none;
-  }
-
-  // 默认样式调整
-  &.ant-collapse{
-    > .ant-collapse-item > .ant-collapse-header {
-      background: #f2f4f7;
-      font-size: 12px;
-      font-weight: 500;
-      color: #212528;
-      padding: 8px 12px;
-    }
-  }
-
-  // 取消面板内容区的边框
-  > .ant-collapse-item {
-    border-bottom: none;
-
-    >.ant-collapse-content{
-      border-top: none;
-
-      >.ant-collapse-content-box{
-        padding: 0;
-      }
-    }
-  }
-
-
-  // 上下模式箭头方向
-  @include m(icon-up-down){
-    > .ant-collapse-item {
-      &.ant-collapse-item-active{
-        > .ant-collapse-header .ant-collapse-arrow{
-          svg{
-            transform: rotate(-90deg) !important;
-          }
-        }
-      }
-
-      > .ant-collapse-header .ant-collapse-arrow{
-        /* stylelint-disable-next-line no-descending-specificity */
-        svg{
-          transform: rotate(90deg);
-        }
-      }
-    }
-
-  }
-}

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

@@ -1,15 +0,0 @@
-import { GctFormCollapseProvider } from './gct-form-collapse.provider.mjs';
-import { GctFormCollapse as GctFormCollapse$1 } from './gct-form-collapse.mjs';
-
-"use strict";
-var GctFormCollapse = {
-  install(app) {
-    _gct.register.formItem.register(
-      "collapse",
-      () => new GctFormCollapseProvider()
-    );
-    app.component(GctFormCollapse$1.name, GctFormCollapse$1);
-  }
-};
-
-export { GctFormCollapse as default };

package/es/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.d.ts

@@ -1,29 +0,0 @@
-import { PropType } from 'vue';
-import { IFormCollapsePane, IFormCollapsePaneController } from '@gct-paas/core';
-/**
- * 表单折叠面板项
- */
-export declare const GctFormCollapsePane: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    c: {
-        type: PropType<IFormCollapsePaneController>;
-        required: true;
-    };
-    model: {
-        type: PropType<IFormCollapsePane>;
-        required: true;
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    style: IParams;
-    renderContainer: (items: unknown[]) => import("vue/jsx-runtime").JSX.Element | undefined;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    c: {
-        type: PropType<IFormCollapsePaneController>;
-        required: true;
-    };
-    model: {
-        type: PropType<IFormCollapsePane>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default GctFormCollapsePane;

package/es/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.mjs

@@ -1,71 +0,0 @@
-import { isVNode, defineComponent, mergeProps, createVNode, resolveComponent } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import './gct-form-collapse-pane.scss';
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const GctFormCollapsePane = /* @__PURE__ */ defineComponent({
-  name: "GctFormCollapsePane",
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("form-collapse-pane");
-    const style = {};
-    function renderContainer(items) {
-      if (props.model.layout === "flex") {
-        return createVNode(resolveComponent("flex-container"), {
-          "layout": props.model.flex
-        }, _isSlot(items) ? items : {
-          default: () => [items]
-        });
-      }
-      if (props.model.layout === "grid") {
-        return createVNode(resolveComponent("grid-container"), {
-          "layout": props.model.grid
-        }, _isSlot(items) ? items : {
-          default: () => [items]
-        });
-      }
-      console.error("\u4E0D\u652F\u6301\u7684layout\u7C7B\u578B" + props.model.layout);
-    }
-    if (props.model.width) {
-      style[ns.cssVarName("form-collapse-pane-width")] = props.model.width;
-    }
-    if (props.model.height) {
-      style[ns.cssVarName("form-collapse-pane-height")] = props.model.height;
-    }
-    return {
-      ns,
-      style,
-      renderContainer
-    };
-  },
-  render() {
-    if (this.c.state.keepalive !== true && this.c.state.visible === false) {
-      return null;
-    }
-    const items = this.$slots.default?.() || [];
-    const lastVNode = items[items.length - 1];
-    if (lastVNode) {
-      lastVNode.props = mergeProps(lastVNode.props || {}, {
-        class: this.ns.e("last-child")
-      });
-    }
-    return createVNode("div", {
-      "class": [this.ns.b(), this.ns.is("hidden", this.c.state.visible === false)],
-      "style": this.style
-    }, [this.renderContainer(items)]);
-  }
-});
-
-export { GctFormCollapsePane, GctFormCollapsePane as default };

package/es/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.provider.d.ts

@@ -1,5 +0,0 @@
-import { IFormController, IFormCollapsePaneController, IFormItemBasic, IFormItemProvider } from '@gct-paas/core';
-export declare class GctFormCollapsePaneProvider implements IFormItemProvider {
-    component: string;
-    createController(form: IFormController, item: IFormItemBasic): IFormCollapsePaneController;
-}

package/es/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.provider.mjs

@@ -1,13 +0,0 @@
-import { useFormItemController, FormCollapsePaneController } from '@gct-paas/core';
-
-"use strict";
-class GctFormCollapsePaneProvider {
-  component = "gct-form-collapse-pane";
-  createController(form, item) {
-    return useFormItemController(
-      () => new FormCollapsePaneController(form, item)
-    );
-  }
-}
-
-export { GctFormCollapsePaneProvider };

package/es/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.scss

@@ -1,23 +0,0 @@
-$gct-form-collapse-pane: (
-  width: auto,
-  height: auto,
-  padding: 12px,
-);
-
-@include b(form-collapse-pane) {
-  @include set-component-css-var('form-collapse-pane', $gct-form-collapse-pane);
-
-  width: getCssVar(form-collapse-pane, width);
-  height: getCssVar(form-collapse-pane, height);
-  padding: getCssVar(form-collapse-pane, padding);
-
-  @include when(hidden) {
-    display: none;
-  }
-
-}
-
-// 把最后一个的直接子组件的margin-bottom设置为0
-.#{bem(form-collapse)} .#{bem(form-collapse-pane)} .#{bem(form-collapse-pane,last-child)}{
-  margin-bottom: 0 !important;
-}

package/es/widgets/gct-form/gct-form-collapse-pane/index.mjs

@@ -1,15 +0,0 @@
-import { GctFormCollapsePaneProvider } from './gct-form-collapse-pane.provider.mjs';
-import { GctFormCollapsePane as GctFormCollapsePane$1 } from './gct-form-collapse-pane.mjs';
-
-"use strict";
-var GctFormCollapsePane = {
-  install(app) {
-    _gct.register.formItem.register(
-      "collapse-pane",
-      () => new GctFormCollapsePaneProvider()
-    );
-    app.component(GctFormCollapsePane$1.name, GctFormCollapsePane$1);
-  }
-};
-
-export { GctFormCollapsePane as default };

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

@@ -1,30 +0,0 @@
-import { PropType } from 'vue';
-import { IFormGroup, IFormGroupController } from '@gct-paas/core';
-/**
- * 表单分组
- */
-export declare const GctFormGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    c: {
-        type: PropType<IFormGroupController>;
-        required: true;
-    };
-    model: {
-        type: PropType<IFormGroup>;
-        required: true;
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    keys: import('vue').Ref<number[], number[]>;
-    style: IParams;
-    renderContainer: (items: unknown[]) => import("vue/jsx-runtime").JSX.Element | undefined;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    c: {
-        type: PropType<IFormGroupController>;
-        required: true;
-    };
-    model: {
-        type: PropType<IFormGroup>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default GctFormGroup;