@gct-paas/core-web 0.1.4-dev.0 → 0.1.4-dev.10

package/es/modules/global-modal/src/components/ModalClose.vue.mjs

@@ -0,0 +1,79 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, Fragment, createBlock, unref, withCtx, createVNode, createCommentVNode } from 'vue';
+import { FullscreenExitOutlined, FullscreenOutlined, CloseOutlined } from '@ant-design/icons-vue';
+import { Tooltip } from 'ant-design-vue';
+import { useNamespace, t } from '@gct-paas/core';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ModalClose",
+  props: {
+    canFullscreen: { type: Boolean, default: true },
+    fullScreen: { type: Boolean }
+  },
+  emits: ["cancel", "fullscreen"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ns = useNamespace("basic-modal-close");
+    const getClass = computed(() => {
+      return [
+        ns.b(),
+        `${ns.b()}--custom`,
+        {
+          [`${ns.b()}--can-full`]: props.canFullscreen
+        }
+      ];
+    });
+    function handleCancel(e) {
+      emit("cancel", e);
+    }
+    function handleFullScreen(e) {
+      e?.stopPropagation();
+      e?.preventDefault();
+      emit("fullscreen");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(getClass.value)
+      }, [
+        __props.canFullscreen ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          __props.fullScreen ? (openBlock(), createBlock(unref(Tooltip), {
+            key: 0,
+            title: unref(t)("sys.component.modal.restore"),
+            placement: "bottom"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(FullscreenExitOutlined), {
+                role: "full",
+                onClick: handleFullScreen
+              })
+            ]),
+            _: 1
+          }, 8, ["title"])) : (openBlock(), createBlock(unref(Tooltip), {
+            key: 1,
+            title: unref(t)("sys.component.modal.maximize"),
+            placement: "bottom"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(FullscreenOutlined), {
+                role: "close",
+                onClick: handleFullScreen
+              })
+            ]),
+            _: 1
+          }, 8, ["title"]))
+        ], 64)) : createCommentVNode("", true),
+        createVNode(unref(Tooltip), {
+          title: unref(t)("sys.component.modal.close"),
+          placement: "bottom"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(CloseOutlined), { onClick: handleCancel })
+          ]),
+          _: 1
+        }, 8, ["title"])
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/modules/global-modal/src/components/ModalClose.vue3.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './ModalClose.vue.mjs';
+import './ModalClose.css';/* empty css                 */
+
+
+
+export { _sfc_main as default };

package/es/modules/global-modal/src/components/ModalFooter.vue.d.ts

@@ -0,0 +1,270 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        insertFooter?(_: {}): any;
+        centerFooter?(_: {}): any;
+        appendFooter?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+    };
+    scrollTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    outHeight: {
+        type: NumberConstructor;
+    };
+    minHeight: {
+        type: NumberConstructor;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    centered: {
+        type: BooleanConstructor;
+    };
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    okText: {
+        type: StringConstructor;
+        default: string;
+    };
+    closeFunc: import('vue').PropType<() => Promise<boolean>>;
+} & {
+    defaultFullscreen: {
+        type: BooleanConstructor;
+    };
+    canFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrapperFooterOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    helpMessage: import('vue').PropType<string | string[]>;
+    useWrapper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+    };
+    loadingTip: {
+        type: StringConstructor;
+    };
+    showCancelBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showOkBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrapperProps: import('vue').PropType<Partial<import('../typing').ModalWrapperProps>>;
+    afterClose: FunctionConstructor;
+    bodyStyle: import('vue').PropType<import('vue').CSSProperties>;
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeIcon: import('vue').PropType<import('vue').VNode>;
+    confirmLoading: {
+        type: BooleanConstructor;
+    };
+    destroyOnClose: {
+        type: BooleanConstructor;
+    };
+    footer: import('vue').PropType<import('vue').VNode>;
+    getContainer: import('vue').PropType<() => IObject>;
+    mask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskStyle: import('vue').PropType<import('vue').CSSProperties>;
+    okType: {
+        type: import('vue').PropType<import('ant-design-vue/es/button').ButtonType>;
+        default: string;
+    };
+    okButtonProps: import('vue').PropType<import('ant-design-vue/es/button').ButtonProps>;
+    cancelButtonProps: import('vue').PropType<import('ant-design-vue/es/button').ButtonProps>;
+    title: {
+        type: StringConstructor;
+    };
+    visible: {
+        type: BooleanConstructor;
+    };
+    width: import('vue').PropType<string | number>;
+    wrapClassName: {
+        type: StringConstructor;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    ok: (...args: any[]) => void;
+    cancel: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+    };
+    scrollTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    outHeight: {
+        type: NumberConstructor;
+    };
+    minHeight: {
+        type: NumberConstructor;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    centered: {
+        type: BooleanConstructor;
+    };
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    okText: {
+        type: StringConstructor;
+        default: string;
+    };
+    closeFunc: import('vue').PropType<() => Promise<boolean>>;
+} & {
+    defaultFullscreen: {
+        type: BooleanConstructor;
+    };
+    canFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrapperFooterOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    helpMessage: import('vue').PropType<string | string[]>;
+    useWrapper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+    };
+    loadingTip: {
+        type: StringConstructor;
+    };
+    showCancelBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showOkBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrapperProps: import('vue').PropType<Partial<import('../typing').ModalWrapperProps>>;
+    afterClose: FunctionConstructor;
+    bodyStyle: import('vue').PropType<import('vue').CSSProperties>;
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeIcon: import('vue').PropType<import('vue').VNode>;
+    confirmLoading: {
+        type: BooleanConstructor;
+    };
+    destroyOnClose: {
+        type: BooleanConstructor;
+    };
+    footer: import('vue').PropType<import('vue').VNode>;
+    getContainer: import('vue').PropType<() => IObject>;
+    mask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskStyle: import('vue').PropType<import('vue').CSSProperties>;
+    okType: {
+        type: import('vue').PropType<import('ant-design-vue/es/button').ButtonType>;
+        default: string;
+    };
+    okButtonProps: import('vue').PropType<import('ant-design-vue/es/button').ButtonProps>;
+    cancelButtonProps: import('vue').PropType<import('ant-design-vue/es/button').ButtonProps>;
+    title: {
+        type: StringConstructor;
+    };
+    visible: {
+        type: BooleanConstructor;
+    };
+    width: import('vue').PropType<string | number>;
+    wrapClassName: {
+        type: StringConstructor;
+    };
+    zIndex: {
+        type: NumberConstructor;
+    };
+}>> & Readonly<{
+    onOk?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+}>, {
+    visible: boolean;
+    scrollTop: boolean;
+    draggable: boolean;
+    centered: boolean;
+    cancelText: string;
+    okText: string;
+    defaultFullscreen: boolean;
+    canFullscreen: boolean;
+    wrapperFooterOffset: number;
+    useWrapper: boolean;
+    loading: boolean;
+    showCancelBtn: boolean;
+    showOkBtn: boolean;
+    closable: boolean;
+    confirmLoading: boolean;
+    destroyOnClose: boolean;
+    mask: boolean;
+    maskClosable: boolean;
+    keyboard: boolean;
+    okType: import('ant-design-vue/es/button').ButtonType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/modules/global-modal/src/components/ModalFooter.vue.mjs

@@ -0,0 +1,44 @@
+import { defineComponent, openBlock, createElementBlock, renderSlot, createBlock, unref, mergeProps, withCtx, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { Button } from 'ant-design-vue';
+import { basicProps } from '../props.mjs';
+import { t } from '@gct-paas/core';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ModalFooter",
+  props: basicProps,
+  emits: ["ok", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function handleOk(e) {
+      emit("ok", e);
+    }
+    function handleCancel(e) {
+      emit("cancel", e);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        renderSlot(_ctx.$slots, "insertFooter"),
+        _ctx.showCancelBtn ? (openBlock(), createBlock(unref(Button), mergeProps({ key: 0 }, _ctx.cancelButtonProps, { onClick: handleCancel }), {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)(_ctx.cancelText)), 1)
+          ]),
+          _: 1
+        }, 16)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "centerFooter"),
+        _ctx.showOkBtn ? (openBlock(), createBlock(unref(Button), mergeProps({
+          key: 1,
+          type: _ctx.okType,
+          loading: _ctx.confirmLoading
+        }, _ctx.okButtonProps, { onClick: handleOk }), {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)(_ctx.okText)), 1)
+          ]),
+          _: 1
+        }, 16, ["type", "loading"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "appendFooter")
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/modules/global-modal/src/components/ModalFooter.vue2.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './ModalFooter.vue.mjs';
+
+
+
+export { _sfc_main as default };

package/es/modules/global-modal/src/components/ModalHeader.vue.d.ts

@@ -0,0 +1,17 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    helpMessage: {
+        type: PropType<string | string[]>;
+    };
+    title: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    helpMessage: {
+        type: PropType<string | string[]>;
+    };
+    title: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/modules/global-modal/src/components/ModalHeader.vue.mjs

@@ -0,0 +1,11 @@
+import _sfc_main from './ModalHeader.vue2.mjs';
+import { openBlock, createElementBlock, toDisplayString } from 'vue';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = ["help-message"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", { "help-message": _ctx.helpMessage }, toDisplayString(_ctx.title), 9, _hoisted_1);
+}
+const ModalHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { ModalHeader as default };

package/es/modules/global-modal/src/components/ModalHeader.vue2.mjs

@@ -0,0 +1,13 @@
+import { defineComponent } from 'vue';
+
+const _sfc_main = defineComponent({
+  name: "BasicModalHeader",
+  props: {
+    helpMessage: {
+      type: [String, Array]
+    },
+    title: { type: String }
+  }
+});
+
+export { _sfc_main as default };

package/es/modules/global-modal/src/components/ModalWrapper.vue.d.ts

@@ -0,0 +1,95 @@
+import { CSSProperties } from 'vue';
+import { OverlayScrollbarsComponentRef } from 'overlayscrollbars-vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+    };
+    useWrapper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modalHeaderHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modalFooterHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    footerOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    visible: {
+        type: BooleanConstructor;
+    };
+    fullScreen: {
+        type: BooleanConstructor;
+    };
+    loadingTip: {
+        type: StringConstructor;
+    };
+}>, {
+    wrapperRef: import('vue').Ref<OverlayScrollbarsComponentRef | undefined, OverlayScrollbarsComponentRef | undefined>;
+    spinRef: import('vue').Ref<null, null>;
+    spinStyle: import('vue').Ref<any, any>;
+    scrollTop: () => Promise<void>;
+    setModalHeight: () => Promise<void>;
+    scrollHeight: import('vue').ComputedRef<CSSProperties>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("height-change" | "ext-height")[], "height-change" | "ext-height", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+    };
+    useWrapper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modalHeaderHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modalFooterHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    footerOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    visible: {
+        type: BooleanConstructor;
+    };
+    fullScreen: {
+        type: BooleanConstructor;
+    };
+    loadingTip: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{
+    "onHeight-change"?: ((...args: any[]) => any) | undefined;
+    "onExt-height"?: ((...args: any[]) => any) | undefined;
+}>, {
+    visible: boolean;
+    minHeight: number;
+    useWrapper: boolean;
+    loading: boolean;
+    footerOffset: number;
+    modalHeaderHeight: number;
+    modalFooterHeight: number;
+    fullScreen: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/modules/global-modal/src/components/ModalWrapper.vue.mjs

@@ -0,0 +1,26 @@
+import _sfc_main from './ModalWrapper.vue2.mjs';
+import { resolveComponent, resolveDirective, openBlock, createBlock, withCtx, withDirectives, createElementBlock, normalizeStyle, renderSlot } from 'vue';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = ["loading-tip"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_overlayScrollbars_component = resolveComponent("overlayScrollbars-component");
+  const _directive_target_loading = resolveDirective("target-loading");
+  return openBlock(), createBlock(_component_overlayScrollbars_component, { ref: "wrapperRef" }, {
+    default: withCtx(() => [
+      withDirectives((openBlock(), createElementBlock("div", {
+        ref: "spinRef",
+        style: normalizeStyle(_ctx.spinStyle),
+        "loading-tip": _ctx.loadingTip
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 12, _hoisted_1)), [
+        [_directive_target_loading, _ctx.loading]
+      ])
+    ]),
+    _: 3
+  }, 512);
+}
+const ModalWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { ModalWrapper as default };