@gct-paas/core-web 0.1.4-dev.8 → 0.1.4-dev.9

package/es/components/base-button/base-button.vue3.mjs

@@ -0,0 +1,179 @@
+import { defineComponent, useCssVars, computed, resolveComponent, openBlock, createElementBlock, createVNode, normalizeClass, unref, withCtx, toDisplayString, createCommentVNode, createBlock, normalizeStyle } from 'vue';
+import { Modal } from 'ant-design-vue';
+import { debounce } from 'lodash-es';
+import { ButtonStyle, ButtonSize, t } from '@gct-paas/core';
+
+const _hoisted_1 = { class: "inline-block align-middle" };
+const _hoisted_2 = {
+  key: 0,
+  class: "btn-title gct-text-overflow whitespace-nowrap"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "base-button",
+  props: {
+    block: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "default"
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: ""
+    },
+    hasIcon: {
+      type: Boolean,
+      default: false
+    },
+    hasText: {
+      type: Boolean,
+      default: true
+    },
+    danger: {
+      type: Boolean,
+      default: false
+    },
+    buttonStyle: {
+      type: String,
+      default: ""
+    },
+    i18nConfig: {
+      type: String,
+      default: ""
+    },
+    hidden: {
+      type: Boolean,
+      default: false
+    },
+    confirm: {
+      type: Boolean,
+      default: false
+    },
+    confirmText: {
+      type: String,
+      default: ""
+    },
+    enableCustomColor: {
+      type: Boolean,
+      default: false
+    },
+    backgroundColor: {
+      type: String,
+      default: ""
+    },
+    fontColor: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v8d035854": props.fontColor,
+      "e376d652": props.backgroundColor,
+      "v4ee5fd6d": props.type === "primary" ? props.backgroundColor : "transparent"
+    }));
+    const props = __props;
+    const emit = __emit;
+    const getVertivalAlign = computed(() => {
+      if (!props.hasText) return "text-top";
+      else return "text-top";
+    });
+    const debonceClick = debounce(function() {
+      emit("click");
+    }, 300);
+    const clickEvent = async (evt) => {
+      const isAppRun = /\/web-render|\/web\/|web-single\/|dev-single\/|test-single\//.test(
+        location.pathname
+      );
+      let target = evt.target;
+      if (target.nodeName == "SPAN") {
+        target = target.parentNode;
+      }
+      target.blur();
+      if (props.confirm && isAppRun) {
+        await new Promise((res, rej) => {
+          Modal.confirm({
+            content: props.confirmText || t("sys.pageDesigner.confirmTodo"),
+            onOk() {
+              res("onOk");
+            },
+            onCancel() {
+              rej("onCancel");
+            }
+          });
+        });
+        emit("click");
+        return;
+      }
+      debonceClick();
+    };
+    return (_ctx, _cache) => {
+      const _component_IconNext = resolveComponent("IconNext");
+      const _component_a_button = resolveComponent("a-button");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_a_button, {
+          size: __props.size,
+          type: __props.type,
+          danger: __props.danger,
+          loading: __props.loading,
+          block: __props.block,
+          disabled: __props.disabled,
+          class: normalizeClass([
+            __props.enableCustomColor && __props.fontColor ? "btn-font-color" : "",
+            __props.enableCustomColor && __props.backgroundColor ? "btn-bg-style" : "",
+            { square: __props.buttonStyle === unref(ButtonStyle).SQUARE }
+          ]),
+          title: __props.title,
+          onClick: clickEvent
+        }, {
+          icon: withCtx(() => [
+            __props.hasIcon ? (openBlock(), createBlock(_component_IconNext, {
+              key: 0,
+              size: __props.buttonStyle === unref(ButtonStyle).SQUARE ? 20 : 16,
+              value: __props.icon,
+              style: normalizeStyle({
+                "--color": "inherit",
+                lineHeight: "1",
+                verticalAlign: getVertivalAlign.value
+              })
+            }, null, 8, ["size", "value", "style"])) : createCommentVNode("", true),
+            __props.icon && __props.hasText ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass({
+                "h-6px": __props.hasIcon && __props.hasText && __props.buttonStyle === unref(ButtonStyle).SQUARE && __props.size !== unref(ButtonSize).SMALL,
+                "h-4px": __props.hasIcon && __props.hasText && __props.buttonStyle === unref(ButtonStyle).SQUARE && __props.size === unref(ButtonSize).SMALL,
+                "w-6px": __props.hasIcon && __props.hasText && __props.buttonStyle === unref(ButtonStyle).ORDINARY && __props.size !== unref(ButtonSize).SMALL,
+                "w-4px": __props.hasIcon && __props.hasText && __props.buttonStyle === unref(ButtonStyle).ORDINARY && __props.size === unref(ButtonSize).SMALL
+              })
+            }, null, 2)) : createCommentVNode("", true)
+          ]),
+          default: withCtx(() => [
+            __props.hasText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.hasText ? __props.title : ""), 1)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["size", "type", "danger", "loading", "block", "disabled", "class", "title"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/basic-button/basic-button.css

@@ -0,0 +1,25 @@
+.square[data-v-1dbcb2fa] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-width: 72px;
+  height: 72px;
+  padding: 0;
+}
+.squaref[data-v-1dbcb2fa] {
+  min-width: 72px;
+  height: 72px;
+  padding: 0;
+}
+.line[data-v-1dbcb2fa] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+[data-v-1dbcb2fa] .group .ant-btn {
+  height: 100%;
+}
+[data-v-1dbcb2fa] .ant-btn-loading-icon {
+  height: 0;
+}

package/es/components/basic-button/basic-button.vue.d.ts

@@ -0,0 +1,100 @@
+import { PropType } from 'vue';
+import { ButtonStyle as buttonEnum, ButtonColorType } from '@gct-paas/core';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+        icon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    buttonType: {
+        type: PropType<ButtonColorType>;
+        default: string;
+    };
+    buttonTheme: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    buttonStyle: {
+        type: PropType<buttonEnum>;
+        default: string;
+    };
+    dropdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    dropdown: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    buttonType: {
+        type: PropType<ButtonColorType>;
+        default: string;
+    };
+    buttonTheme: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    buttonStyle: {
+        type: PropType<buttonEnum>;
+        default: string;
+    };
+    dropdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onDropdown?: ((...args: any[]) => any) | undefined;
+}>, {
+    loading: boolean;
+    disabled: boolean;
+    icon: string;
+    buttonStyle: buttonEnum;
+    dropdown: boolean;
+    buttonType: ButtonColorType;
+    buttonTheme: string;
+    iconColor: string;
+}, {}, {}, {}, 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/components/basic-button/basic-button.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './basic-button.vue3.mjs';
+import './basic-button.css';/* empty css                   */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const basicButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1dbcb2fa"]]);
+
+export { basicButton as default };

package/es/components/basic-button/basic-button.vue3.mjs

@@ -0,0 +1,130 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, createElementVNode, renderSlot, withModifiers } from 'vue';
+import { ButtonStyle } from '@gct-paas/core';
+
+const _hoisted_1 = { class: "inline-block align-middle" };
+const _hoisted_2 = { class: "align-middle leading-none" };
+const _hoisted_3 = { class: "align-middle leading-none" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "basic-button",
+  props: {
+    buttonType: { type: String, default: "" },
+    buttonTheme: { type: String, default: "" },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    iconColor: { type: String, default: "" },
+    buttonStyle: { type: String, default: "" },
+    dropdown: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["dropdown"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const getButtonClass = computed(() => {
+      const { buttonTheme, buttonStyle } = props;
+      const className = [`ant-btn-${buttonTheme}`];
+      if (buttonStyle === ButtonStyle.SQUARE) {
+        className.push("square");
+      } else {
+        className.push("line");
+      }
+      return className;
+    });
+    const getDropdownClass = computed(() => {
+      const { buttonTheme } = props;
+      return `ant-btn-${buttonTheme}`;
+    });
+    function handel() {
+      emit("dropdown");
+    }
+    return (_ctx, _cache) => {
+      const _component_IconNext = resolveComponent("IconNext");
+      const _component_a_button = resolveComponent("a-button");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.dropdown ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["inline-block ant-btn-group", __props.buttonStyle === unref(ButtonStyle).SQUARE ? "squaref group" : ""])
+        }, [
+          createVNode(_component_a_button, {
+            class: normalizeClass(getButtonClass.value),
+            disabled: __props.disabled,
+            type: __props.buttonType,
+            "ant-click-animating-without-extra-node": "false"
+          }, {
+            default: withCtx(() => [
+              __props.icon ? (openBlock(), createBlock(_component_IconNext, {
+                key: 0,
+                class: "align-middle",
+                value: __props.icon,
+                size: __props.buttonStyle === unref(ButtonStyle).SQUARE ? 20 : 14,
+                color: __props.iconColor
+              }, null, 8, ["value", "size", "color"])) : createCommentVNode("", true),
+              __props.icon ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: normalizeClass({
+                  "inline-block w2px": __props.buttonStyle === unref(ButtonStyle).ORDINARY,
+                  "h-4px": __props.buttonStyle === unref(ButtonStyle).SQUARE
+                })
+              }, null, 2)) : createCommentVNode("", true),
+              createElementVNode("span", _hoisted_2, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ]),
+            _: 3
+          }, 8, ["class", "disabled", "type"]),
+          createVNode(_component_a_button, {
+            disabled: __props.disabled,
+            type: __props.buttonType,
+            class: normalizeClass(getDropdownClass.value),
+            onClick: withModifiers(handel, ["stop"])
+          }, {
+            icon: withCtx(() => [
+              renderSlot(_ctx.$slots, "icon", {}, void 0, true)
+            ]),
+            _: 3
+          }, 8, ["disabled", "type", "class"])
+        ], 2)) : (openBlock(), createBlock(_component_a_button, {
+          key: 1,
+          disabled: __props.disabled,
+          type: __props.buttonType,
+          class: normalizeClass(getButtonClass.value)
+        }, {
+          default: withCtx(() => [
+            __props.icon ? (openBlock(), createBlock(_component_IconNext, {
+              key: 0,
+              class: "align-middle",
+              value: __props.icon,
+              size: __props.buttonStyle === unref(ButtonStyle).SQUARE ? 20 : 14,
+              color: __props.iconColor
+            }, null, 8, ["value", "size", "color"])) : createCommentVNode("", true),
+            __props.icon ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass({
+                "inline-block w3px": __props.buttonStyle === unref(ButtonStyle).ORDINARY,
+                "h-4px": __props.buttonStyle === unref(ButtonStyle).SQUARE
+              })
+            }, null, 2)) : createCommentVNode("", true),
+            createElementVNode("span", _hoisted_3, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ])
+          ]),
+          _: 3
+        }, 8, ["disabled", "type", "class"]))
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/code-editor/code-editor.d.ts

@@ -30,6 +30,6 @@ export declare const CodeEditor: import('vue').DefineComponent<import('vue').Ext
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
     value: string;
-    config: editor.IStandaloneEditorConstructionOptions;
     language: string;
+    config: editor.IStandaloneEditorConstructionOptions;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/index.d.ts

@@ -1,6 +1,15 @@
-export { AssetsSvgIcon } from './assets-svg-icon/assets-svg-icon';
+import { App } from 'vue';
+import { default as SvgIcon } from './svg-icon/svg-icon.vue';
+import { AssetsSvgIcon } from './assets-svg-icon/assets-svg-icon';
+import { default as BaseButton } from './base-button/base-button.vue';
+import { default as BasicButton } from './basic-button/basic-button.vue';
+export { SvgIcon, AssetsSvgIcon, BaseButton, BasicButton };
 export { CodeEditor } from './code-editor/code-editor';
 export { FlexContainer } from './layout/flex-container/flex-container';
 export { FlexItem } from './layout/flex-item/flex-item';
 export { GridContainer } from './layout/grid-container/grid-container';
 export { ViewContainer } from './layout/view-container/view-container';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/es/components/index.mjs

@@ -0,0 +1,22 @@
+import _sfc_main from './svg-icon/svg-icon.vue.mjs';
+import './layout/view-container/view-container.css';import './layout/flex-container/flex-container.css';import './code-editor/code-editor.css';import './basic-button/basic-button.css';import './base-button/base-button.css';import './svg-icon/svg-icon.css';/* empty css                        */
+import { AssetsSvgIcon } from './assets-svg-icon/assets-svg-icon.mjs';
+import 'vue';
+import 'ant-design-vue';
+import 'lodash-es';
+import '@gct-paas/core';
+/* empty css                              */
+/* empty css                                */
+import '@monaco-editor/loader';
+/* empty css                              */
+/* empty css                                           */
+/* empty css                                           */
+
+const Comps = {
+  install(app) {
+    app.component(AssetsSvgIcon.name, AssetsSvgIcon);
+    app.component(_sfc_main.name, _sfc_main);
+  }
+};
+
+export { AssetsSvgIcon, _sfc_main as SvgIcon, Comps as default };

package/es/components/layout/flex-container/flex-container.mjs

@@ -0,0 +1,94 @@
+import { defineComponent, createVNode, isVNode } from 'vue';
+import { FlexItem } from '../flex-item/flex-item.mjs';
+import { useNamespace } from '@gct-paas/core';
+import './flex-container.css';/* empty css                     */
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/**
+ * flex 布局容器
+ */
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+const FlexContainer = /* @__PURE__ */ defineComponent({
+  name: 'FlexContainer',
+  props: {
+    layout: Object
+  },
+  setup(props) {
+    const ns = useNamespace('flex-container');
+    const getStyle = () => {
+      const style = {};
+      if (props.layout) {
+        const {
+          alignContent,
+          alignItems,
+          flexDirection,
+          flexWrap,
+          justifyContent
+        } = props.layout;
+        if (alignContent != null) {
+          style.alignContent = alignContent;
+        }
+        if (alignItems != null) {
+          style.alignItems = alignItems;
+        }
+        if (flexDirection != null) {
+          style.flexDirection = flexDirection;
+        }
+        if (flexWrap != null) {
+          style.flexWrap = flexWrap;
+        }
+        if (justifyContent != null) {
+          style.justifyContent = justifyContent;
+        }
+      }
+      return style;
+    };
+    const getItemStyle = model => {
+      const style = {};
+      if (model) {
+        const {
+          width,
+          height
+        } = model;
+        if (width != null) {
+          style.width = width;
+        }
+        if (height != null) {
+          style.height = height;
+        }
+      }
+      return style;
+    };
+    return {
+      ns,
+      getStyle,
+      getItemStyle
+    };
+  },
+  render() {
+    let items = this.$slots.default?.() || [];
+    if (items.length > 0) {
+      items = items[0].children || [];
+    }
+    return createVNode("div", {
+      "class": this.ns.b(),
+      "style": this.getStyle()
+    }, [items.map(item => {
+      if (!item) {
+        return null;
+      }
+      const model = item.props.model.flexItem;
+      return createVNode(FlexItem, {
+        "layout": model,
+        "style": this.getItemStyle(item.props.model)
+      }, _isSlot(item) ? item : {
+        default: () => [item]
+      });
+    })]);
+  }
+});
+
+export { FlexContainer };

package/es/components/layout/flex-item/flex-item.mjs

@@ -0,0 +1,55 @@
+import { defineComponent, createVNode } from 'vue';
+import { useNamespace } from '@gct-paas/core';
+
+/**
+ * flex 布局容器项
+ */
+const FlexItem = /* @__PURE__ */ defineComponent({
+  name: 'FlexItem',
+  props: {
+    layout: Object
+  },
+  setup(props) {
+    const ns = useNamespace('flex-item');
+    const getStyle = () => {
+      const style = {};
+      if (props.layout) {
+        const {
+          order,
+          alignSelf,
+          flexBasis,
+          flexGrow,
+          flexShrink
+        } = props.layout;
+        if (order != null) {
+          style['order'] = order;
+        }
+        if (alignSelf != null) {
+          style['align-self'] = alignSelf;
+        }
+        if (flexBasis != null) {
+          style['flex-basis'] = flexBasis;
+        }
+        if (flexGrow != null) {
+          style['flex-grow'] = flexGrow;
+        }
+        if (flexShrink != null) {
+          style['flex-shrink'] = flexShrink;
+        }
+      }
+      return style;
+    };
+    return {
+      ns,
+      getStyle
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b(),
+      "style": this.getStyle()
+    }, [this.$slots.default?.()]);
+  }
+});
+
+export { FlexItem };

package/es/components/layout/grid-container/grid-container.mjs

@@ -0,0 +1,51 @@
+import { defineComponent, createVNode, resolveComponent, isVNode } from 'vue';
+import { useNamespace } from '@gct-paas/core';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/**
+ * 栅格布局
+ */
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+const GridContainer = /* @__PURE__ */ defineComponent({
+  name: 'GridContainer',
+  props: {
+    layout: Object
+  },
+  setup() {
+    const ns = useNamespace('grid-container');
+    return {
+      ns
+    };
+  },
+  render() {
+    let _slot;
+    const l = this.layout || {};
+    let items = this.$slots.default?.() || [];
+    if (items.length > 0) {
+      items = items[0].children || [];
+    }
+    return createVNode(resolveComponent("a-row"), {
+      "class": this.ns.b(),
+      "wrap": true,
+      "gutter": l.gutter
+    }, _isSlot(_slot = items.map(item => {
+      if (!item) {
+        return null;
+      }
+      const model = item.props.model.gridItem;
+      return createVNode(resolveComponent("a-col"), {
+        "span": model ? model.span ?? 24 : 24,
+        "offset": model ? model.offset ?? 0 : 0
+      }, _isSlot(item) ? item : {
+        default: () => [item]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+export { GridContainer };