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

package/es/components/layout/view-container/view-container.scss

@@ -1,19 +0,0 @@
-@include b(view-container) {
-  background-color: white;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-@include b(view-container-header) {
-  flex-shrink: 0;
-}
-
-@include b(view-container-content) {
-  flex-grow: 1;
-  overflow: hidden auto;
-}
-
-@include b(view-container-footer) {
-  flex-shrink: 0;
-}

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

@@ -1,53 +0,0 @@
-import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
-import { useNamespace, EditorController, useGctFormValue } from '@gct-paas/core';
-import './gct-form-check-switch.scss';
-
-"use strict";
-const GctFormCheckSwitch = /* @__PURE__ */ defineComponent({
-  name: "GctFormCheckSwitch",
-  props: {
-    itemModel: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:value"],
-  setup(props) {
-    const ns = useNamespace("gct-form-check-switch");
-    const c = new EditorController(props.model);
-    const val = useGctFormValue();
-    return {
-      ns,
-      c,
-      val
-    };
-  },
-  render() {
-    if (this.model.isSwitch) {
-      return createVNode("div", {
-        "class": [this.ns.b(), this.ns.m("switch"), this.ns.is("readonly", this.model.readonly)]
-      }, [createVNode(resolveComponent("a-switch"), mergeProps({
-        "checked": this.val,
-        "onUpdate:checked": ($event) => this.val = $event
-      }, this.model.props || {}), null)]);
-    }
-    return createVNode(resolveComponent("a-checkbox"), mergeProps({
-      "checked": this.val,
-      "onUpdate:checked": ($event) => this.val = $event
-    }, this.model.props || {}, {
-      "class": [this.ns.b(), this.ns.m("checkbox"), this.ns.is("readonly", this.model.readonly)]
-    }), {
-      default: () => [this.model.label]
-    });
-  }
-});
-
-export { GctFormCheckSwitch };

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

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

package/es/editor/gct-form-check-switch/gct-form-check-switch.scss

@@ -1,10 +0,0 @@
-@include b(gct-form-check-switch) {
-  @include m(checkbox){
-    height: 32px;
-    padding-top: 5px;
-  }
-
-  @include when(readonly) {
-    pointer-events: none;
-  }
-}

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

@@ -1,12 +0,0 @@
-import { widthEditorInstall, EditorTypeOld } from '@gct-paas/core';
-import { GctFormCheckSwitchProvider } from './gct-form-check-switch.provider.mjs';
-import { GctFormCheckSwitch as GctFormCheckSwitch$1 } from './gct-form-check-switch.mjs';
-
-"use strict";
-var GctFormCheckSwitch = widthEditorInstall(
-  EditorTypeOld.CHECK_SWITCH,
-  () => new GctFormCheckSwitchProvider(),
-  GctFormCheckSwitch$1
-);
-
-export { GctFormCheckSwitch as default };

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

@@ -1,70 +0,0 @@
-import { defineComponent, createVNode, mergeProps, computed } from 'vue';
-import { useNamespace, useGctFormValue } from '@gct-paas/core';
-import { CheckboxGroup } from 'ant-design-vue';
-import { cloneDeep } from 'lodash-es';
-import './gct-form-checkbox.scss';
-
-"use strict";
-const GctFormCheckbox = /* @__PURE__ */ defineComponent({
-  name: "GctFormCheckbox",
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:value"],
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("gct-form-checkbox");
-    const val = useGctFormValue();
-    const checked = computed(() => {
-      return val.value;
-    });
-    const options = computed(() => {
-      return cloneDeep(props.c.state.options);
-    });
-    const onChange = (checkVal) => {
-      options.value.forEach((e) => {
-        if (props.model.minLength && checkVal.length <= props.model.minLength && checkVal.includes(e.value)) {
-          e.disabled = true;
-        } else {
-          e.disabled = false;
-        }
-        e.checked = checkVal.includes(e.value);
-      });
-      emit("update:value", checkVal);
-    };
-    return {
-      ns,
-      checked,
-      onChange,
-      options
-    };
-  },
-  render() {
-    const attrs = {
-      ...this.model.props || {},
-      class: [this.ns.b(), this.ns.m("checkbox"), this.model.layout === "column" && "isColumn"],
-      disabled: this.c.state.disabled
-    };
-    return createVNode(CheckboxGroup, mergeProps({
-      "value": this.checked,
-      "onUpdate:value": ($event) => this.checked = $event,
-      "options": this.options
-    }, attrs, {
-      "onChange": this.onChange
-    }), null);
-  }
-});
-
-export { GctFormCheckbox, GctFormCheckbox as default };

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

@@ -1,56 +0,0 @@
-@include b(gct-form-checkbox) {
-  @include m(checkbox){
-    &.ant-checkbox-group {
-      height: 32px;
-      display: flex;
-      align-items: center;
-    }
-  }
-}
-
-.#{bem(gct-form-checkbox)}.ant-checkbox-group{
-  width: 100%;
-  padding: 2px;
-  border-radius: 4px;
-  display: flex;
-  gap: 4px 8px;
-  flex-wrap: wrap;
-  height: auto;
-
-  .ant-checkbox+span {
-    padding-left: 4px;
-  }
-
-  .ant-checkbox-group-item {
-    margin-right: 0;
-    display: flex;
-    align-items: flex-start;
-  }
-
-  .ant-checkbox-wrapper {
-    display: flex;
-  }
-
-  &.isColumn {
-    flex-flow: column wrap;
-    align-items: flex-start;
-  }
-
-  .drag-wrap {
-    width: 100%;
-
-    .drag-checkbox-item {
-      padding: 6px 4px;
-      border-radius: 4px;
-      background-color: #F2F4F7;
-
-      .icon-drag {
-        line-height: 1;
-      }
-
-      & + .drag-checkbox-item {
-        margin-top: 4px;
-      }
-    }
-  }
-}

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

@@ -1,19 +0,0 @@
-import { widthEditorInstall, EditorType, EditorTypeOld } from '@gct-paas/core';
-import { GctFormCheckbox as GctFormCheckbox$1 } from './gct-form-checkbox.mjs';
-
-"use strict";
-class Provider {
-  component = "gct-form-checkbox";
-}
-var GctFormCheckbox = widthEditorInstall(
-  EditorType.CHECKBOX,
-  () => new Provider(),
-  GctFormCheckbox$1
-);
-const oldCheckboxCom = widthEditorInstall(
-  EditorTypeOld.CHECKBOX,
-  () => new Provider(),
-  GctFormCheckbox$1
-);
-
-export { Provider, GctFormCheckbox as default, oldCheckboxCom };

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

@@ -1,45 +0,0 @@
-import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
-import { useNamespace, useGctFormValue } from '@gct-paas/core';
-import './gct-form-color.scss';
-
-"use strict";
-const GctFormColor = /* @__PURE__ */ defineComponent({
-  name: "GctFormColor",
-  inheritAttrs: false,
-  props: {
-    itemModel: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String
-    }
-  },
-  emits: ["update:value"],
-  setup() {
-    const ns = useNamespace("form-color");
-    const val = useGctFormValue();
-    return {
-      ns,
-      val
-    };
-  },
-  render() {
-    return createVNode(resolveComponent("color-picker"), mergeProps({
-      "pureColor": this.val,
-      "onUpdate:pureColor": ($event) => this.val = $event,
-      "format": "rgba",
-      "shape": "circle",
-      "use-type": "pure",
-      "picker-type": "chrome",
-      "class": [this.ns.b(), this.ns.is("readonly", this.model.readonly)]
-    }, this.model.props || {}), null);
-  }
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-});
-
-export { GctFormColor, GctFormColor as default };

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

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

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

@@ -1,3 +0,0 @@
-@include b(form-color) {
-  vertical-align: middle;
-}

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

@@ -1,17 +0,0 @@
-import { widthEditorInstall, EditorType, EditorTypeOld } from '@gct-paas/core';
-import { GctFormColor as GctFormColor$1 } from './gct-form-color.mjs';
-import { GctFormColorProvider } from './gct-form-color.provider.mjs';
-
-"use strict";
-var GctFormColor = widthEditorInstall(
-  EditorType.COLOR,
-  () => new GctFormColorProvider(),
-  GctFormColor$1
-);
-const oldColorCom = widthEditorInstall(
-  EditorTypeOld.COLOR,
-  () => new GctFormColorProvider(),
-  GctFormColor$1
-);
-
-export { GctFormColor as default, oldColorCom };

package/es/editor/gct-form-field-select/gct-form-field-select.mjs

@@ -1,48 +0,0 @@
-import { defineComponent, createVNode, resolveComponent, createTextVNode, ref } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import './gct-form-field-select.scss';
-import modal from './gct-model-select.vue';
-
-"use strict";
-const GctFormFieldSelect = /* @__PURE__ */ defineComponent({
-  name: "GctFormFieldSelect",
-  components: {
-    modal
-  },
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:value"],
-  setup() {
-    const ns = useNamespace("gct-form-field-select");
-    const visible = ref(false);
-    return {
-      ns,
-      visible
-    };
-  },
-  render() {
-    return createVNode("div", null, [createVNode(resolveComponent("a-button"), {
-      "onClick": () => this.visible = true,
-      "block": true
-    }, {
-      default: () => [createTextVNode("\u9009\u62E9\u6A21\u578B\u5B57\u6BB5")]
-    }), createVNode(modal, {
-      "value": this.visible,
-      "onUpdate:value": ($event) => this.visible = $event
-    }, null)]);
-  }
-});
-
-export { GctFormFieldSelect, GctFormFieldSelect as default };

package/es/editor/gct-form-field-select/gct-form-field-select.provider.mjs

@@ -1,6 +0,0 @@
-"use strict";
-class GctFormFieldSelectProvider {
-  component = "gct-form-field-select";
-}
-
-export { GctFormFieldSelectProvider };

package/es/editor/gct-form-field-select/gct-form-field-select.scss

@@ -1,7 +0,0 @@
-@include b(gct-form-field-select) {
-  display: flex;
-
-  @include e(select) {
-    flex:1;
-  }
-}

package/es/editor/gct-form-field-select/gct-model-select.vue

@@ -1,70 +0,0 @@
-<template>
-  <a-modal
-    v-model:visible="visible"
-    width="600px"
-    title="关联模型字段"
-    ok-text="确认"
-    cancel-text="取消"
-    @ok="handleOk"
-  >
-    <div>所属模型：公司</div>
-    <div class="gct-box">
-      <a-transfer
-        v-model:target-keys="targetKeys"
-        :locale="{
-          itemUnit: '项已选',
-          itemsUnit: '项未选',
-          searchPlaceholder: '请输入搜索内容',
-        }"
-        :data-source="mockData"
-        show-search
-        :filter-option="filterOption"
-        :render="(item: IObject) => item.title"
-      />
-    </div>
-  </a-modal>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue';
-const props = defineProps<{
-  value: boolean;
-}>();
-
-const emit = defineEmits(['update:value']);
-const visible = computed({
-  get() {
-    return props.value;
-  },
-  set(v) {
-    emit('update:value', v);
-  },
-});
-const mockData = ref([
-  { key: 0, title: '公司名称' },
-  { key: 1, title: 'ID' },
-  { key: 2, title: '创建人' },
-  { key: 3, title: '创建部门' },
-  { key: 4, title: '修改时间' },
-  { key: 5, title: '修改人' },
-  { key: 6, title: '修改部门' },
-]);
-const targetKeys = ref([]);
-const filterOption = (_inputValue: string, _option: object[]) => {
-  console.log();
-  // return option.description.indexOf(inputValue) > -1;
-};
-function handleOk() {
-  visible.value = false;
-}
-</script>
-<style lang="scss" scoped>
-.gct-box {
-  margin-top: 16px;
-
-  ::v-deep .ant-transfer-list {
-    height: 340px;
-    width: 240px;
-  }
-}
-</style>

package/es/editor/gct-form-field-select/index.mjs

@@ -1,12 +0,0 @@
-import { widthEditorInstall, EditorTypeOld } from '@gct-paas/core';
-import { GctFormFieldSelectProvider } from './gct-form-field-select.provider.mjs';
-import { GctFormFieldSelect as GctFormFieldSelect$1 } from './gct-form-field-select.mjs';
-
-"use strict";
-var GctFormFieldSelect = widthEditorInstall(
-  EditorTypeOld.Field_SELECT,
-  () => new GctFormFieldSelectProvider(),
-  GctFormFieldSelect$1
-);
-
-export { GctFormFieldSelect as default };

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

@@ -1,62 +0,0 @@
-import { defineComponent, createVNode, resolveComponent, mergeProps, computed } from 'vue';
-import { useNamespace, useForm, useGctFormValue } from '@gct-paas/core';
-
-"use strict";
-const GctFormI18n = /* @__PURE__ */ defineComponent({
-  name: "GctFormI18n",
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:value"],
-  setup() {
-    const ns = useNamespace("gct-form-i18n");
-    const form = useForm();
-    const i18nConfig = form.item.i18nConfig;
-    const val = useGctFormValue();
-    const i18nConfigValue = computed({
-      get: () => {
-        if (i18nConfig) {
-          return i18nConfig.value;
-        }
-        return "";
-      },
-      set: (val2) => {
-        if (!i18nConfig) {
-          return;
-        }
-        i18nConfig.value = val2;
-      }
-    });
-    return {
-      ns,
-      val,
-      i18nConfigValue
-    };
-  },
-  render() {
-    return createVNode(resolveComponent("i18n-select-input"), mergeProps(this.model.props || {}, {
-      "i18nText": this.val,
-      "onUpdate:i18nText": ($event) => this.val = $event,
-      "i18nConfig": this.i18nConfigValue,
-      "onUpdate:i18nConfig": ($event) => this.i18nConfigValue = $event,
-      "inputExtraProps": {
-        showCount: true,
-        maxlength: 32,
-        disabled: this.c.state.disabled
-      }
-    }), null);
-  }
-});
-
-export { GctFormI18n, GctFormI18n as default };

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

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

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

@@ -1,12 +0,0 @@
-import { widthEditorInstall, EditorTypeOld } from '@gct-paas/core';
-import { GctFormI18nProvider } from './gct-form-i18n.provider.mjs';
-import { GctFormI18n as GctFormI18n$1 } from './gct-form-i18n.mjs';
-
-"use strict";
-var GctFormI18n = widthEditorInstall(
-  EditorTypeOld.I18N,
-  () => new GctFormI18nProvider(),
-  GctFormI18n$1
-);
-
-export { GctFormI18n as default };

package/es/editor/gct-form-icon-select/gct-form-icon-select.mjs

@@ -1,74 +0,0 @@
-import { defineComponent, createVNode, resolveComponent, ref, watch, computed } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import './gct-form-icon-select.scss';
-
-"use strict";
-const GctFormIconSelect = /* @__PURE__ */ defineComponent({
-  name: "GctFormIconSelect",
-  props: {
-    value: {
-      type: Object
-    },
-    model: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["update:value"],
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("gct-form-icon-select");
-    const val = ref(props.value);
-    const icon = ref(val.value?.icon || props.model.defaultIcon);
-    const color = ref(val.value?.color || props.model.defaultColor);
-    const background = ref(val.value?.background || props.model.defaultBackground);
-    watch(() => props.value, (newVal) => {
-      val.value = newVal;
-      if (newVal) {
-        icon.value = newVal.icon;
-        color.value = newVal.color;
-      }
-    });
-    watch([icon, color, background], () => {
-      val.value = {
-        icon: icon.value,
-        color: color.value
-      };
-      emit("update:value", val.value);
-    });
-    const nextPickerStyle = computed(() => {
-      if (!props.model.size) {
-        return;
-      }
-      return {
-        "--box-size": props.model.size + "px"
-      };
-    });
-    return {
-      ns,
-      icon,
-      color,
-      background,
-      nextPickerStyle
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [createVNode(resolveComponent("icon-next-picker"), {
-      "value": this.icon,
-      "onUpdate:value": ($event) => this.icon = $event,
-      "color": this.color,
-      "onUpdate:color": ($event) => this.color = $event,
-      "background": "#f5f5f5",
-      "disabled": this.model.disabled,
-      "showColor": this.model.showColor === false ? false : true,
-      "style": this.nextPickerStyle
-    }, null), this.model.label ? createVNode("span", {
-      "class": this.ns.e("title")
-    }, [this.model.label]) : null]);
-  }
-});
-
-export { GctFormIconSelect };

package/es/editor/gct-form-icon-select/gct-form-icon-select.scss

@@ -1,14 +0,0 @@
-@include b(gct-form-icon-select) {
-  --box-size: 40px;
-
-  width: 100%;
-  height: 100%;
-
-  @include e(title) {
-    display: inline-block;
-    font-size: 14px;
-    color: #474747;
-    width: 56px;
-    text-align: center;
-  }
-}

package/es/editor/gct-form-icon-select/index.mjs

@@ -1,14 +0,0 @@
-import { widthEditorInstall, EditorTypeOld } from '@gct-paas/core';
-import { GctFormIconSelect as GctFormIconSelect$1 } from './gct-form-icon-select.mjs';
-
-"use strict";
-class Provider {
-  component = "gct-form-icon-select";
-}
-var GctFormIconSelect = widthEditorInstall(
-  EditorTypeOld.ICON_SELECT,
-  () => new Provider(),
-  GctFormIconSelect$1
-);
-
-export { Provider, GctFormIconSelect as default };