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

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

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

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

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

@@ -0,0 +1,50 @@
+import { defineComponent, createVNode, resolveComponent, mergeProps, computed } from 'vue';
+import { useNamespace, useGctFormValue } from '@gct-paas/core';
+
+"use strict";
+const GctFormSelect = /* @__PURE__ */ defineComponent({
+  name: "GctFormSelect",
+  props: {
+    c: {
+      type: Object,
+      required: true
+    },
+    model: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:value"],
+  setup(props) {
+    const ns = useNamespace("gct-form-select");
+    const val = useGctFormValue();
+    const options = computed(() => {
+      if (props.c.state.options && props.c.state.options.length > 0) {
+        return props.c.state.options;
+      }
+      return [];
+    });
+    return {
+      ns,
+      val,
+      options
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("a-select"), mergeProps({
+      "value": this.val,
+      "onUpdate:value": ($event) => this.val = $event
+    }, this.model.props || {}, {
+      "class": this.ns.b(),
+      "options": this.options,
+      "allowClear": true,
+      "disabled": this.c.state.disabled
+    }), null);
+  }
+});
+
+export { GctFormSelect, GctFormSelect as default };

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

@@ -0,0 +1,13 @@
+import { IEditorProvider } from '@gct-paas/core';
+/**
+ * 纯预览编辑器
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 10:03:03
+ * @export
+ * @class FormSelectProvider
+ * @implements {IEditorProvider}
+ */
+export declare class GctFormSelectProvider implements IEditorProvider {
+    component: string;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,43 @@
+import { PropType } from 'vue';
+import { IFormItem, IFormItemController, ISpanEditor } from '@gct-paas/core';
+export declare const GctFormSpan: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    c: {
+        type: PropType<IFormItemController>;
+        required: true;
+    };
+    itemModel: {
+        type: PropType<IFormItem>;
+        required: true;
+    };
+    model: {
+        type: PropType<ISpanEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    val: import('vue').ComputedRef<string>;
+    handleClipboardKey: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    c: {
+        type: PropType<IFormItemController>;
+        required: true;
+    };
+    itemModel: {
+        type: PropType<IFormItem>;
+        required: true;
+    };
+    model: {
+        type: PropType<ISpanEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    value: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

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

@@ -0,0 +1,13 @@
+import { IEditorProvider } from '@gct-paas/core';
+/**
+ * 纯文本展示编辑器
+ *
+ * @author zhanghanrui
+ * @date 2024-04-08 13:04:50
+ * @export
+ * @class GctFormSpanProvider
+ * @implements {IEditorProvider}
+ */
+export declare class GctFormSpanProvider implements IEditorProvider {
+    component: string;
+}

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

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

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

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

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