@gct-paas/core-web 0.1.4-dev.7 → 0.1.4-dev.8

package/es/editor/index.mjs

@@ -1,51 +0,0 @@
-import GctFormLengthUnit from './gct-form-length-unit/index.mjs';
-import GctFormColor, { oldColorCom } 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, { oldNumberCom } from './gct-form-number/index.mjs';
-import GctFormPicker from './gct-form-picker/index.mjs';
-import GctFormSelect from './gct-form-select/index.mjs';
-import GctFormModalSelect from './gct-form-modal-select/index.mjs';
-import GctFormFieldSelect from './gct-form-field-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';
-import { ColorPicker } from 'vue3-colorpicker';
-import 'vue3-colorpicker/style.css';
-
-"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(GctFormModalSelect);
-    app.use(GctFormFieldSelect);
-    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(oldColorCom);
-    app.use(oldRadioCom);
-    app.use(oldSwitchCom);
-    app.use(oldTextCom);
-    app.use(oldNumberCom);
-    app.component("ColorPicker", ColorPicker);
-  }
-};
-
-export { Editor as default };

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.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.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.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.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.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.mjs

@@ -1,88 +0,0 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, ref } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import './gct-form-group.scss';
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const GctFormGroup = /* @__PURE__ */ defineComponent({
-  name: "GctFormGroup",
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("gct-form-group");
-    const keys = ref([0]);
-    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);
-    }
-    const style = {};
-    if (props.model.width) {
-      style[ns.cssVarName("form-group-width")] = props.model.width;
-    }
-    if (props.model.height) {
-      style[ns.cssVarName("form-group-height")] = props.model.height;
-    }
-    return {
-      ns,
-      keys,
-      style,
-      renderContainer
-    };
-  },
-  render() {
-    if (this.c.state.keepalive !== true && this.c.state.visible === false) {
-      return null;
-    }
-    const items = this.$slots.default?.() || [];
-    if (this.model.isCollapse) {
-      let _slot;
-      return createVNode(resolveComponent("a-collapse"), {
-        "activeKey": this.keys,
-        "onUpdate:activeKey": ($event) => this.keys = $event,
-        "class": [this.ns.b(), this.ns.is("hidden-header", this.model.showHeader === false), this.ns.is("hidden", this.c.state.visible === false)],
-        "style": this.style,
-        "ghost": true
-      }, {
-        default: () => [createVNode(resolveComponent("a-collapse-panel"), {
-          "key": "0",
-          "header": this.model.title
-        }, _isSlot(_slot = this.renderContainer(items)) ? _slot : {
-          default: () => [_slot]
-        })]
-      });
-    }
-    return createVNode("div", {
-      "class": [this.ns.b(), this.ns.is("hidden-header", this.model.showHeader === false), this.ns.is("hidden", this.c.state.visible === false)],
-      "style": this.style
-    }, [this.model.showHeader === false ? createVNode("div", {
-      "class": this.ns.e("title")
-    }, [this.model.title]) : null, createVNode("div", {
-      "class": this.ns.e("content")
-    }, [this.renderContainer(items)])]);
-  }
-});
-
-export { GctFormGroup, GctFormGroup as default };

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

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

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

@@ -1,28 +0,0 @@
-$gct-form-group: (
-  min-height: 32px,
-  width: auto,
-  height: auto,
-);
-
-@include b(gct-form-group) {
-  @include set-component-css-var('form-group', $gct-form-group);
-
-  width: getCssVar(form-group, width);
-  height: getCssVar(form-group, height);
-  min-height: getCssVar(form-group, min-height);
-
-  @include when(hidden-header) {
-    @include e(title) {
-      display: none;
-    }
-
-    @include e(content) {
-      overflow: auto;
-      height: 100%;
-    }
-  }
-
-  @include when(hidden) {
-    display: none;
-  }
-}

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

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

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

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