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

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,7 @@
+declare const _default: {
+    install(app: import('vue').App): void;
+};
+export default _default;
+export declare const oldNumberCom: {
+    install(app: import('vue').App): void;
+};

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

@@ -0,0 +1,17 @@
+import { widthEditorInstall, EditorType, EditorTypeOld } 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
+);
+const oldNumberCom = widthEditorInstall(
+  EditorTypeOld.NUMBER,
+  () => new GctFormNumberProvider(),
+  GctFormNumber$1
+);
+
+export { GctFormNumber as default, oldNumberCom };

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

@@ -0,0 +1,39 @@
+import { PropType } from 'vue';
+import { IFormItemController, IPickerEditor } from '@gct-paas/core';
+export declare const GctFormPicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    c: {
+        type: PropType<IFormItemController>;
+        required: true;
+    };
+    model: {
+        type: PropType<IPickerEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: null;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    val: import('vue').WritableComputedRef<any, any>;
+    nameVal: import('vue').WritableComputedRef<any, any>;
+    loadOptions: () => Promise<import('@gct-paas/core').IDictionaryItem[]>;
+    onChange: (_val: any, data: any) => void;
+}, {}, {}, {}, 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<IPickerEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: null;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,92 @@
+import { defineComponent, createVNode, resolveComponent, mergeProps, computed } from 'vue';
+import { useNamespace } from '@gct-paas/core';
+
+"use strict";
+const GctFormPicker = /* @__PURE__ */ defineComponent({
+  name: "GctFormPicker",
+  props: {
+    c: {
+      type: Object,
+      required: true
+    },
+    model: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("gct-form-picker");
+    const nameVal = computed({
+      get() {
+        if (props.model.nameField) {
+          return props.c.data[props.model.nameField];
+        }
+        return "";
+      },
+      set(v) {
+        if (props.model.nameField) {
+          props.c.data[props.model.nameField] = v;
+        }
+      }
+    });
+    const val = computed({
+      get: () => {
+        const opt = props.c.state.options.find((_) => {
+          return _.value === props.value;
+        });
+        if (!opt && nameVal.value) {
+          return nameVal.value;
+        }
+        return props.value;
+      },
+      set: (newVal) => {
+        if (typeof newVal === "string") {
+          newVal = newVal.trim();
+        }
+        if (typeof newVal != "object" && props.value == newVal) {
+          return;
+        }
+        emit("update:value", newVal);
+      }
+    });
+    const loadOptions = () => {
+      return props.c.loadDictionary();
+    };
+    if (val.value != null) {
+      props.c.loadDictionary();
+    }
+    const onChange = (_val, data) => {
+      nameVal.value = data.label;
+    };
+    return {
+      ns,
+      val,
+      nameVal,
+      loadOptions,
+      onChange
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("a-select"), mergeProps({
+      "value": this.val,
+      "onUpdate:value": ($event) => this.val = $event
+    }, this.model.props || {}, {
+      "class": this.ns.b(),
+      "disabled": this.c.state.disabled,
+      "loading": this.c.state.loading,
+      "options": this.c.state.options,
+      "placeholder": this.model.placeholder,
+      "onDropdownVisibleChange": this.loadOptions,
+      "onChange": this.onChange
+    }), null);
+  }
+});
+
+export { GctFormPicker };

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

@@ -0,0 +1,13 @@
+import { IEditorProvider } from '@gct-paas/core';
+/**
+ * 数据选择器编辑器
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 10:03:03
+ * @export
+ * @class GctFormPickerProvider
+ * @implements {IEditorProvider}
+ */
+export declare class GctFormPickerProvider implements IEditorProvider {
+    component: string;
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,70 @@
+import { isVNode, defineComponent, createVNode, mergeProps } from 'vue';
+import { useNamespace, useGctFormValue } from '@gct-paas/core';
+import { RadioGroup, RadioButton } from 'ant-design-vue';
+import './gct-form-radio.scss';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const GctFormRadio = /* @__PURE__ */ defineComponent({
+  name: "GctFormRadio",
+  props: {
+    c: {
+      type: Object,
+      required: true
+    },
+    model: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:value"],
+  setup() {
+    const ns = useNamespace("gct-form-radio");
+    const val = useGctFormValue();
+    return {
+      ns,
+      val
+    };
+  },
+  render() {
+    const attrs = {
+      ...this.model.props || {},
+      class: [this.ns.b()],
+      allowClear: true,
+      disabled: this.c.state.disabled
+    };
+    if (this.model.buttonMode) {
+      let _slot;
+      attrs.class.push(this.ns.m("button"));
+      return createVNode(RadioGroup, mergeProps({
+        "value": this.val,
+        "onUpdate:value": ($event) => this.val = $event,
+        "size": "small",
+        "button-style": "solid"
+      }, attrs), _isSlot(_slot = this.c.state.options.map((option) => {
+        return createVNode(RadioButton, {
+          "key": option.value,
+          "value": option.value
+        }, {
+          default: () => [option.label]
+        });
+      })) ? _slot : {
+        default: () => [_slot]
+      });
+    }
+    attrs.class.push(this.ns.m("radio"));
+    return createVNode(RadioGroup, mergeProps({
+      "value": this.val,
+      "onUpdate:value": ($event) => this.val = $event,
+      "options": this.c.state.options
+    }, attrs), null);
+  }
+});
+
+export { GctFormRadio, GctFormRadio as default };

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

@@ -0,0 +1,68 @@
+@include b(gct-form-radio) {
+  @include m(radio){
+    &.ant-radio-group {
+      height: 32px;
+      display: flex;
+      align-items: center;
+    }
+  }
+}
+
+.#{bem(gct-form-radio)}.#{bem(gct-form-radio,'',button)}.ant-radio-group{
+  width: 100%;
+  padding: 2px;
+  border-radius: 4px;
+  background-color: #f2f4f7;
+  display: inline-block;
+  display: flex;
+
+  .ant-radio-button-wrapper {
+    border-width: 0;
+    background-color: transparent;
+    color: #212528;
+    border-radius: 2px;
+    padding: 0;
+    flex: 1;
+    text-align: center;
+
+    &:not(:first-child)::before {
+      width: 0;
+    }
+
+    span:last-child {
+      padding: 4px;
+      border-radius: 2px;
+      display: inline-flex;
+      line-height: 1;
+      vertical-align: -1px;
+
+      &:hover {
+        background-color: #e6e9ef;
+      }
+    }
+
+    &.ant-radio-button-wrapper-checked {
+      background-color: #fff;
+
+      span:last-child:hover {
+        background-color: transparent;
+      }
+    }
+  }
+
+  &.ant-radio-group-solid
+    .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
+    box-shadow: 0 0 0 0;
+  }
+
+  &.ant-radio-group-solid
+    .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
+    color: #212528;
+  }
+
+  &.ant-radio-group-small .ant-radio-button-wrapper {
+    height: 24px;
+    line-height: 24px;
+    font-size: 12px;
+  }
+}

package/es/editor/gct-form-radio/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 oldRadioCom: {
+    install(app: import('vue').App): void;
+};

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

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