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

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

@@ -0,0 +1,173 @@
+import { PropType } from 'vue';
+import { ButtonSize, ButtonStyle } from '@gct-paas/core';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    hasIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    danger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    buttonStyle: {
+        type: PropType<ButtonStyle>;
+        default: string;
+    };
+    i18nConfig: {
+        type: StringConstructor;
+        default: string;
+    };
+    hidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableCustomColor: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    hasIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    danger: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    buttonStyle: {
+        type: PropType<ButtonStyle>;
+        default: string;
+    };
+    i18nConfig: {
+        type: StringConstructor;
+        default: string;
+    };
+    hidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableCustomColor: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    hidden: boolean;
+    size: ButtonSize;
+    type: string;
+    title: string;
+    icon: string;
+    disabled: boolean;
+    loading: boolean;
+    block: boolean;
+    hasIcon: boolean;
+    hasText: boolean;
+    danger: boolean;
+    buttonStyle: ButtonStyle;
+    i18nConfig: string;
+    confirm: boolean;
+    confirmText: string;
+    enableCustomColor: boolean;
+    backgroundColor: string;
+    fontColor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import base_button_vue_vue_type_script_setup_true_name_BaseButton_lang_default from "./base-button.vue_vue_type_script_setup_true_name_BaseButton_lang.mjs";
+import './base-button.vue_vue_type_style_index_0_scoped_5b7fe5af_lang.css';/* empty css                                                                  */
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+//#region src/components/base-button/base-button.vue
+var base_button_default = /* @__PURE__ */ _plugin_vue_export_helper_default(base_button_vue_vue_type_script_setup_true_name_BaseButton_lang_default, [["__scopeId", "data-v-5b7fe5af"]]);
+//#endregion
+export { base_button_default as default };

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

@@ -0,0 +1,181 @@
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, resolveComponent, toDisplayString, unref, useCssVars, withCtx } from "vue";
+import { debounce } from "lodash-es";
+import { ButtonSize, ButtonStyle, t } from "@gct-paas/core";
+import { Modal as Modal$1 } from "ant-design-vue";
+//#region src/components/base-button/base-button.vue?vue&type=script&setup=true&name=BaseButton&lang.ts
+var _hoisted_1 = { class: "inline-block align-middle" };
+var _hoisted_2 = {
+	key: 0,
+	class: "btn-title gct-text-overflow whitespace-nowrap"
+};
+var base_button_vue_vue_type_script_setup_true_name_BaseButton_lang_default = /* @__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) => ({
+			"v75739162": props.fontColor,
+			"dfaf8ce0": props.backgroundColor,
+			"v6d7bff14": 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$1.confirm({
+						content: props.confirmText || t("sys.pageDesigner.confirmTodo"),
+						onOk() {
+							res("onOk");
+						},
+						onCancel() {
+							rej("onCancel");
+						}
+					});
+				});
+				emit("click");
+				return;
+			}
+			debonceClick();
+		};
+		return (_ctx, _cache) => {
+			const _component_icon_next = resolveComponent("icon-next");
+			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_icon_next, {
+					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"
+			])]);
+		};
+	}
+});
+//#endregion
+export { base_button_vue_vue_type_script_setup_true_name_BaseButton_lang_default as default };

package/es/components/base-button/base-button.vue_vue_type_style_index_0_scoped_5b7fe5af_lang.css

@@ -0,0 +1,74 @@
+.ant-btn[data-v-5b7fe5af] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ant-btn.btn-font-color[data-v-5b7fe5af] {
+  color: var(--v75739162) !important;
+}
+.ant-btn.btn-bg-style[data-v-5b7fe5af] {
+  border-color: var(--dfaf8ce0) !important;
+  background: var(--v6d7bff14) !important;
+}
+.square[data-v-5b7fe5af] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 72px;
+  height: 72px;
+  padding: 0;
+  border-radius: 4px;
+}
+.square .icon-next[data-v-5b7fe5af] {
+  margin: 0 !important;
+}
+.square .btn-title[data-v-5b7fe5af] {
+  width: inherit;
+  padding: 0 8px;
+}
+.square.ant-btn-sm[data-v-5b7fe5af] {
+  width: 72px;
+  height: 64px;
+  font-size: 14px;
+}
+.square.ant-btn-sm .btn-title[data-v-5b7fe5af] {
+  padding: 0 4px;
+}
+.square.ant-btn-lg[data-v-5b7fe5af] {
+  width: 80px;
+  height: 88px;
+}
+.squaref[data-v-5b7fe5af] {
+  min-width: 72px;
+  height: 56px;
+  padding: 0;
+}
+.line[data-v-5b7fe5af] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+[data-v-5b7fe5af] .group .ant-btn {
+  height: 100%;
+}
+[data-v-5b7fe5af] .ant-btn-loading-icon {
+  width: 0;
+  height: 0;
+  line-height: 0;
+}
+[data-v-5b7fe5af] .ant-btn-icon-only {
+  vertical-align: -2px;
+}
+.gct-text-overflow-2[data-v-5b7fe5af] {
+  display: -webkit-inline-box;
+  display: -moz-inline-box;
+  display: inline-flexbox;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  box-orient: 2;
+}

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;
+}>, {
+    icon: string;
+    disabled: boolean;
+    loading: boolean;
+    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 _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import basic_button_vue_vue_type_script_setup_true_name_BasicButton_lang_default from "./basic-button.vue_vue_type_script_setup_true_name_BasicButton_lang.mjs";
+import './basic-button.vue_vue_type_style_index_0_scoped_22131025_lang.css';/* empty css                                                                   */
+//#region src/components/basic-button/basic-button.vue
+var basic_button_default = /* @__PURE__ */ _plugin_vue_export_helper_default(basic_button_vue_vue_type_script_setup_true_name_BasicButton_lang_default, [["__scopeId", "data-v-22131025"]]);
+//#endregion
+export { basic_button_default as default };

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

@@ -0,0 +1,148 @@
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveComponent, unref, withCtx, withModifiers } from "vue";
+import { ButtonStyle } from "@gct-paas/core";
+//#region src/components/basic-button/basic-button.vue?vue&type=script&setup=true&name=BasicButton&lang.ts
+var _hoisted_1 = { class: "inline-block align-middle" };
+var _hoisted_2 = { class: "align-middle leading-none" };
+var _hoisted_3 = { class: "align-middle leading-none" };
+var basic_button_vue_vue_type_script_setup_true_name_BasicButton_lang_default = /* @__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_icon_next = resolveComponent("icon-next");
+			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_icon_next, {
+						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_icon_next, {
+						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"
+			]))]);
+		};
+	}
+});
+//#endregion
+export { basic_button_vue_vue_type_script_setup_true_name_BasicButton_lang_default as default };