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

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

@@ -1,89 +0,0 @@
-import { defineComponent, createVNode, toRefs, computed } from 'vue';
-import { useNamespace, useCopyToClipboard } from '@gct-paas/core';
-import { message } from 'ant-design-vue';
-import './gct-form-span.scss';
-
-"use strict";
-const GctFormSpan = /* @__PURE__ */ defineComponent({
-  name: "GctFormSpan",
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    itemModel: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("form-span");
-    const {
-      model,
-      itemModel,
-      c
-    } = toRefs(props);
-    function handleClipboardKey() {
-      const {
-        isSuccessRef
-      } = useCopyToClipboard(props.value);
-      if (isSuccessRef.value) {
-        message.success(_gct.t("sys.copySuccess"));
-      }
-    }
-    c.value.loadDictionary();
-    const val = computed(() => {
-      if (model.value.format && typeof model.value.format === "function") {
-        return model.value.format(c.value.data, itemModel.value, c.value);
-      }
-      if (props.value == null || props.value === "") {
-        return props.value;
-      }
-      if (itemModel.value.dictionary) {
-        const items = itemModel.value.dictionary.items || [];
-        const dictionaryItem = items.find((item) => {
-          return item.value == props.value;
-        });
-        if (dictionaryItem) {
-          return dictionaryItem.label;
-        }
-      }
-      if (c.value.state.options.length > 0) {
-        const item = c.value.state.options.find((item2) => {
-          return item2.value == props.value;
-        });
-        if (item) {
-          return item.label;
-        }
-      }
-      return props.value;
-    });
-    return {
-      ns,
-      val,
-      handleClipboardKey
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [createVNode("span", {
-      "class": this.ns.e("info")
-    }, [this.val]), this.model.copy && createVNode("span", {
-      "class": this.ns.e("copy")
-    }, [createVNode("i", {
-      "class": "iconfont icon-fuzhi primary-gct",
-      "onClick": this.handleClipboardKey
-    }, null)])]);
-  }
-});
-
-export { GctFormSpan };

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

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

package/es/editor/gct-form-span/gct-form-span.scss

@@ -1,10 +0,0 @@
-@include b(form-span) {
-  min-height: getCssVar(form-item, min-height);
-
-  @include flex(row, initial, center);
-
-  @include e(copy) {
-    cursor: pointer;
-    margin-left: 4px;
-  }
-}

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

@@ -1,12 +0,0 @@
-import { widthEditorInstall, EditorTypeOld } 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(
-  EditorTypeOld.SPAN,
-  () => new GctFormSpanProvider(),
-  GctFormSpan$1
-);
-
-export { GctFormSpan as default };

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,12 +0,0 @@
-import { widthEditorInstall, EditorTypeOld } 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(
-  EditorTypeOld.TEXTAREA,
-  () => new GctFormTextareaProvider(),
-  GctFormTextarea$1
-);
-
-export { GctFormTextarea as default };

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 };