@gct-paas/core-web 0.0.1-dev.14 → 0.0.1-dev.16

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

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

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

@@ -0,0 +1,12 @@
+import { widthEditorInstall, EditorType } 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
+);
+
+export { GctFormColor as default };

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

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

@@ -0,0 +1,8 @@
+@include b(gct-form-info) {
+  color: #C3C3C3;
+
+  @include e(icon) {
+    margin-right: 3px;
+    vertical-align: -1px;
+  }
+}

package/es/editor/gct-form-info/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-info/index.mjs

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

package/es/editor/gct-form-length-unit/gct-form-length-unit.d.ts

@@ -0,0 +1,39 @@
+import { PropType } from 'vue';
+import { LengthUnitEditorController, ILengthUnitEditor, IFormItem } from '@gct-paas/core';
+/**
+ * 带单位长度字符串编辑器
+ */
+export declare const GctFormLengthUnit: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    itemModel: {
+        type: PropType<IFormItem>;
+        required: true;
+    };
+    model: {
+        type: PropType<ILengthUnitEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    c: LengthUnitEditorController;
+    val: import('vue').WritableComputedRef<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    itemModel: {
+        type: PropType<IFormItem>;
+        required: true;
+    };
+    model: {
+        type: PropType<ILengthUnitEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default GctFormLengthUnit;

package/es/editor/gct-form-length-unit/gct-form-length-unit.mjs

@@ -0,0 +1,43 @@
+import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
+import { useNamespace, LengthUnitEditorController, useGctFormValue } from '@gct-paas/core';
+
+"use strict";
+const GctFormLengthUnit = /* @__PURE__ */ defineComponent({
+  name: "GctFormLengthUnit",
+  inheritAttrs: false,
+  props: {
+    itemModel: {
+      type: Object,
+      required: true
+    },
+    model: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ["update:value"],
+  setup(props) {
+    const ns = useNamespace("form-length-unit");
+    const c = new LengthUnitEditorController(props.model);
+    const val = useGctFormValue();
+    return {
+      ns,
+      c,
+      val
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("length-unit-editor"), mergeProps({
+      "value": this.val,
+      "onUpdate:value": ($event) => this.val = $event
+    }, this.model.props || {}, {
+      "class": [this.ns.b(), this.ns.is("readonly", this.model.readonly)]
+    }), null);
+  }
+});
+
+export { GctFormLengthUnit, GctFormLengthUnit as default };

package/es/editor/gct-form-length-unit/gct-form-length-unit.provider.d.ts

@@ -0,0 +1,13 @@
+import { IEditorProvider } from '@gct-paas/core';
+/**
+ * 带单位长度字符串编辑器
+ *
+ * @author lingxiaoming
+ * @date 2024-07-17 04:48:33
+ * @export
+ * @class GctFormLengthUnitProvider
+ * @implements {IEditorProvider}
+ */
+export declare class GctFormLengthUnitProvider implements IEditorProvider {
+    component: string;
+}

package/es/editor/gct-form-length-unit/gct-form-length-unit.provider.mjs

@@ -0,0 +1,6 @@
+"use strict";
+class GctFormLengthUnitProvider {
+  component = "gct-form-length-unit";
+}
+
+export { GctFormLengthUnitProvider };

package/es/editor/gct-form-length-unit/index.d.ts

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

package/es/editor/gct-form-length-unit/index.mjs

@@ -0,0 +1,12 @@
+import { widthEditorInstall, EditorType } from '@gct-paas/core';
+import { GctFormLengthUnit as GctFormLengthUnit$1 } from './gct-form-length-unit.mjs';
+import { GctFormLengthUnitProvider } from './gct-form-length-unit.provider.mjs';
+
+"use strict";
+var GctFormLengthUnit = widthEditorInstall(
+  EditorType.LENGTH_UNIT,
+  () => new GctFormLengthUnitProvider(),
+  GctFormLengthUnit$1
+);
+
+export { GctFormLengthUnit as default };

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

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { INumberEditor, EditorController } from '@gct-paas/core';
+export declare const GctFormNumber: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<INumberEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    c: EditorController<INumberEditor>;
+    val: import('vue').WritableComputedRef<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    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>;

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

@@ -0,0 +1,46 @@
+import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
+import { useNamespace, EditorController, useGctFormValue } from '@gct-paas/core';
+
+"use strict";
+const GctFormNumber = /* @__PURE__ */ defineComponent({
+  name: "GctFormNumber",
+  props: {
+    model: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:value"],
+  setup(props) {
+    const ns = useNamespace("gct-form-number");
+    const c = new EditorController(props.model);
+    const val = useGctFormValue();
+    return {
+      ns,
+      c,
+      val
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("a-input-number"), 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,
+      "max": this.model.max,
+      "min": this.model.min,
+      "precision": this.model.precision
+    }), null);
+  }
+});
+
+export { GctFormNumber };

package/es/editor/gct-form-number/gct-form-number.provider.d.ts

@@ -0,0 +1,4 @@
+import { IEditorProvider } from '@gct-paas/core';
+export declare class GctFormNumberProvider implements IEditorProvider {
+    component: string;
+}

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { widthEditorInstall, EditorType } from '@gct-paas/core';
+import { GctFormNumberProvider } from './gct-form-number.provider.mjs';
+import { GctFormNumber as GctFormNumber$1 } from './gct-form-number.mjs';
+
+"use strict";
+var GctFormNumber = widthEditorInstall(
+  EditorType.NUMBER,
+  () => new GctFormNumberProvider(),
+  GctFormNumber$1
+);
+
+export { GctFormNumber as default };