@gct-paas/core-web 0.0.1-dev.15 → 0.0.1-dev.17

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

@@ -0,0 +1,41 @@
+import { PropType } from 'vue';
+import { IFormItemController, ICheckboxEditor, IDictionaryItem } from '@gct-paas/core';
+export declare const GctFormCheckbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    c: {
+        type: PropType<IFormItemController>;
+        required: true;
+    };
+    model: {
+        type: PropType<ICheckboxEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    checked: import('vue').ComputedRef<any>;
+    onChange: (checkVal: any) => void;
+    options: import('vue').ComputedRef<(IDictionaryItem & {
+        checked?: boolean;
+    })[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    c: {
+        type: PropType<IFormItemController>;
+        required: true;
+    };
+    model: {
+        type: PropType<ICheckboxEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default GctFormCheckbox;

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

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

@@ -0,0 +1,56 @@
+@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.d.ts

@@ -0,0 +1,11 @@
+import { IEditorProvider } from '@gct-paas/core';
+export declare class Provider implements IEditorProvider {
+    component: string;
+}
+declare const _default: {
+    install(app: import('vue').App): void;
+};
+export default _default;
+export declare const oldCheckboxCom: {
+    install(app: import('vue').App): void;
+};

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

@@ -0,0 +1,19 @@
+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.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 颜色选择编辑器
+ */
+export declare const GctFormColor: any;
+export default GctFormColor;

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

@@ -0,0 +1,52 @@
+import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
+import { useNamespace, ColorEditorController, useGctFormValue } from '@gct-paas/core';
+import { ColorPicker as re } from '../../node_modules/.pnpm/vue3-colorpicker@2.3.0_@aesoper_normal-utils@0.1.5_@popperjs_core@2.11.8_@vueuse_core@10.11.1_67dx55qyw5ulzyggoxgyarn5m4/node_modules/vue3-colorpicker/index.es.mjs';
+import 'vue3-colorpicker/style.css';
+import './gct-form-color.scss';
+
+"use strict";
+const GctFormColor = /* @__PURE__ */ defineComponent({
+  name: "GctFormColor",
+  components: {
+    ColorPicker: re
+  },
+  inheritAttrs: false,
+  props: {
+    itemModel: {
+      type: Object,
+      required: true
+    },
+    model: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String
+    }
+  },
+  emits: ["update:value"],
+  setup(props) {
+    const ns = useNamespace("form-color");
+    const c = new ColorEditorController(props.model);
+    const val = useGctFormValue();
+    return {
+      ns,
+      c,
+      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.d.ts

@@ -0,0 +1,13 @@
+import { IEditorProvider } from '@gct-paas/core';
+/**
+ * 颜色选择编辑器
+ *
+ * @author lingxiaoming
+ * @date 2024-07-17 04:48:33
+ * @export
+ * @class GctFormColorProvider
+ * @implements {IEditorProvider}
+ */
+export declare class GctFormColorProvider implements IEditorProvider {
+    component: string;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+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-i18n/gct-form-i18n.d.ts

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

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

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

@@ -0,0 +1,13 @@
+import { IEditorProvider } from '@gct-paas/core';
+/**
+ * 多语言文本选择编辑器
+ *
+ * @author zhanghanrui
+ * @date 2024-04-02 17:04:13
+ * @export
+ * @class GctFormI18nProvider
+ * @implements {IEditorProvider}
+ */
+export declare class GctFormI18nProvider implements IEditorProvider {
+    component: string;
+}

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { widthEditorInstall, EditorType } 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(
+  EditorType.I18N,
+  () => new GctFormI18nProvider(),
+  GctFormI18n$1
+);
+
+export { GctFormI18n as default };

package/es/editor/gct-form-icon-select/gct-form-icon-select.d.ts

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { IIconSelectEditor } from '@gct-paas/core';
+export declare const GctFormIconSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: PropType<any>;
+    };
+    model: {
+        type: PropType<IIconSelectEditor>;
+        required: true;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    icon: import('vue').Ref<string, string>;
+    color: import('vue').Ref<string, string>;
+    background: import('vue').Ref<string, string>;
+    nextPickerStyle: import('vue').ComputedRef<{
+        '--box-size': string;
+    } | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: PropType<any>;
+    };
+    model: {
+        type: PropType<IIconSelectEditor>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

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

@@ -0,0 +1,14 @@
+@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.d.ts

@@ -0,0 +1,8 @@
+import { IEditorProvider } from '@gct-paas/core';
+export declare class Provider implements IEditorProvider {
+    component: string;
+}
+declare const _default: {
+    install(app: import('vue').App): void;
+};
+export default _default;

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

@@ -0,0 +1,14 @@
+import { widthEditorInstall, EditorType } 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(
+  EditorType.ICON_SELECT,
+  () => new Provider(),
+  GctFormIconSelect$1
+);
+
+export { Provider, GctFormIconSelect as default };

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

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import { IInfoEditor } from '@gct-paas/core';
+export declare const GctFormInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    model: {
+        type: PropType<IInfoEditor>;
+        required: true;
+    };
+}>, {
+    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<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    model: {
+        type: PropType<IInfoEditor>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,40 @@
+import { defineComponent, createVNode } from 'vue';
+import { useNamespace, useGctFormValue } from '@gct-paas/core';
+import './gct-form-info.scss';
+
+"use strict";
+const GctFormInfo = /* @__PURE__ */ defineComponent({
+  name: "GctFormInfo",
+  props: {
+    value: {
+      type: String,
+      default: ""
+    },
+    model: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["update:value"],
+  setup() {
+    const ns = useNamespace("gct-form-info");
+    const val = useGctFormValue();
+    return {
+      ns,
+      val
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [this.model.icon ? createVNode("span", {
+      "class": this.ns.e("icon")
+    }, [createVNode("i", {
+      "class": `iconfont ${this.model.icon}`
+    }, null)]) : null, createVNode("span", {
+      "class": this.ns.e("content")
+    }, [this.val || this.model.content])]);
+  }
+});
+
+export { GctFormInfo };