@gct-paas/core-web 0.1.4-dev.11 → 0.1.4-dev.13

package/es/components/assets-svg-icon/request.mjs

@@ -1,51 +1,68 @@
-import { isSvgDataUrl, isEncodedDataUrl, validateContent } from './validate.mjs';
-
-const ioniconContent = /* @__PURE__ */ new Map();
-const requests = /* @__PURE__ */ new Map();
-let parser;
+import { isEncodedDataUrl, isSvgDataUrl, validateContent } from "./validate.mjs";
+//#region src/components/assets-svg-icon/request.ts
+var ioniconContent = /* @__PURE__ */ new Map();
+var requests = /* @__PURE__ */ new Map();
+var parser;
+/**
+* Safely fallback to an empty svg
+*/
 function safeFallback(url) {
-  const svg = "";
-  ioniconContent.set(url, svg);
-  return svg;
+	const svg = "";
+	ioniconContent.set(url, svg);
+	return svg;
 }
-const getSvgContent = (url, sanitize) => {
-  const req = requests.get(url);
-  if (req) {
-    return req;
-  }
-  if (typeof fetch !== "undefined" && typeof document !== "undefined") {
-    if (isSvgDataUrl(url) && isEncodedDataUrl(url)) {
-      return Promise.resolve(getSvgByUrl(url));
-    }
-    return fetchSvg(url, sanitize);
-  }
-  return Promise.resolve(safeFallback(url));
+var getSvgContent = (url, sanitize) => {
+	/**
+	* See if we already have a request for this url
+	*/
+	const req = requests.get(url);
+	if (req) return req;
+	if (typeof fetch !== "undefined" && typeof document !== "undefined") {
+		/**
+		* If the url is a data url of an svg, then try to parse it
+		* with the DOMParser. This works with content security policies enabled.
+		*/
+		if (isSvgDataUrl(url) && isEncodedDataUrl(url)) return Promise.resolve(getSvgByUrl(url));
+		return fetchSvg(url, sanitize);
+	}
+	return Promise.resolve(safeFallback(url));
 };
 function getSvgByUrl(url) {
-  if (!parser) {
-    parser = new DOMParser();
-  }
-  const doc = parser.parseFromString(url, "text/html");
-  const svg = doc.querySelector("svg");
-  if (svg) {
-    ioniconContent.set(url, svg.outerHTML);
-    return svg.outerHTML;
-  }
-  throw new Error(`Could not parse svg from ${url}`);
+	if (!parser)
+ /**
+	* Create an instance of the DOM parser. This creates a single
+	* parser instance for the entire app, which is more efficient.
+	*/
+	parser = new DOMParser();
+	const svg = parser.parseFromString(url, "text/html").querySelector("svg");
+	if (svg) {
+		ioniconContent.set(url, svg.outerHTML);
+		return svg.outerHTML;
+	}
+	throw new Error(`Could not parse svg from ${url}`);
 }
 function fetchSvg(url, sanitize) {
-  const req = fetch(url).then((rsp) => {
-    return rsp.text().then((svgContent) => {
-      if (svgContent && sanitize !== false) {
-        svgContent = validateContent(svgContent);
-      }
-      const svg = svgContent || "";
-      ioniconContent.set(url, svg);
-      return svg;
-    }).catch(() => safeFallback(url));
-  }).catch(() => safeFallback(url));
-  requests.set(url, req);
-  return req;
+	/**
+	* We don't already have a request
+	*/
+	const req = fetch(url).then((rsp) => {
+		/**
+		* When fetching from a file:// URL, some browsers return
+		* a 0 status code even when the request succeeds so don't
+		* rely on rsp.ok as the only signal of success.
+		*/
+		return rsp.text().then((svgContent) => {
+			if (svgContent && sanitize !== false) svgContent = validateContent(svgContent);
+			const svg = svgContent || "";
+			ioniconContent.set(url, svg);
+			return svg;
+		}).catch(() => safeFallback(url));
+	}).catch(() => safeFallback(url));
+	/**
+	* Cache for the same requests
+	*/
+	requests.set(url, req);
+	return req;
 }
-
+//#endregion
 export { getSvgContent, ioniconContent };

package/es/components/assets-svg-icon/utils.mjs

@@ -1,21 +1,23 @@
-const isStr = (val) => typeof val === "string";
-const isSrc = (str) => str.length > 0 && /(\/|\.)/.test(str);
-const getSrc = (src) => {
-  if (isStr(src)) {
-    src = src.trim();
-    if (isSrc(src)) {
-      return src;
-    }
-  }
-  return null;
+//#region src/components/assets-svg-icon/utils.ts
+var isStr = (val) => typeof val === "string";
+var isSrc = (str) => str.length > 0 && /(\/|\.)/.test(str);
+var getSrc = (src) => {
+	if (isStr(src)) {
+		src = src.trim();
+		if (isSrc(src)) return src;
+	}
+	return null;
 };
-const isRTL = (hostEl) => {
-  if (hostEl) {
-    if (hostEl.dir !== "") {
-      return hostEl.dir.toLowerCase() === "rtl";
-    }
-  }
-  return document?.dir.toLowerCase() === "rtl";
+/**
+* Returns `true` if the document or host element
+* has a `dir` set to `rtl`. The host value will always
+* take priority over the root document value.
+*/
+var isRTL = (hostEl) => {
+	if (hostEl) {
+		if (hostEl.dir !== "") return hostEl.dir.toLowerCase() === "rtl";
+	}
+	return document?.dir.toLowerCase() === "rtl";
 };
-
-export { getSrc, isRTL, isSrc, isStr };
+//#endregion
+export { getSrc, isRTL, isStr };

package/es/components/assets-svg-icon/validate.mjs

@@ -1,43 +1,29 @@
-import { isStr } from './utils.mjs';
-
-const validateContent = (svgContent) => {
-  const div = document.createElement("div");
-  div.innerHTML = svgContent;
-  for (let i = div.childNodes.length - 1; i >= 0; i--) {
-    if (div.childNodes[i].nodeName.toLowerCase() !== "svg") {
-      div.removeChild(div.childNodes[i]);
-    }
-  }
-  const svgElm = div.firstElementChild;
-  if (svgElm && svgElm.nodeName.toLowerCase() === "svg") {
-    const svgClass = svgElm.getAttribute("class") || "";
-    svgElm.setAttribute("class", (svgClass + " s-ion-icon").trim());
-    if (isValid(svgElm)) {
-      return div.innerHTML;
-    }
-  }
-  return "";
+import { isStr } from "./utils.mjs";
+//#region src/components/assets-svg-icon/validate.ts
+var validateContent = (svgContent) => {
+	const div = document.createElement("div");
+	div.innerHTML = svgContent;
+	for (let i = div.childNodes.length - 1; i >= 0; i--) if (div.childNodes[i].nodeName.toLowerCase() !== "svg") div.removeChild(div.childNodes[i]);
+	const svgElm = div.firstElementChild;
+	if (svgElm && svgElm.nodeName.toLowerCase() === "svg") {
+		const svgClass = svgElm.getAttribute("class") || "";
+		svgElm.setAttribute("class", (svgClass + " s-ion-icon").trim());
+		if (isValid(svgElm)) return div.innerHTML;
+	}
+	return "";
 };
-const isValid = (elm) => {
-  if (elm.nodeType === 1) {
-    if (elm.nodeName.toLowerCase() === "script") {
-      return false;
-    }
-    for (let i = 0; i < elm.attributes.length; i++) {
-      const name = elm.attributes[i].name;
-      if (isStr(name) && name.toLowerCase().indexOf("on") === 0) {
-        return false;
-      }
-    }
-    for (let i = 0; i < elm.childNodes.length; i++) {
-      if (!isValid(elm.childNodes[i])) {
-        return false;
-      }
-    }
-  }
-  return true;
+var isValid = (elm) => {
+	if (elm.nodeType === 1) {
+		if (elm.nodeName.toLowerCase() === "script") return false;
+		for (let i = 0; i < elm.attributes.length; i++) {
+			const name = elm.attributes[i].name;
+			if (isStr(name) && name.toLowerCase().indexOf("on") === 0) return false;
+		}
+		for (let i = 0; i < elm.childNodes.length; i++) if (!isValid(elm.childNodes[i])) return false;
+	}
+	return true;
 };
-const isSvgDataUrl = (url) => url.startsWith("data:image/svg+xml");
-const isEncodedDataUrl = (url) => url.indexOf(";utf8,") !== -1;
-
-export { isEncodedDataUrl, isSvgDataUrl, isValid, validateContent };
+var isSvgDataUrl = (url) => url.startsWith("data:image/svg+xml");
+var isEncodedDataUrl = (url) => url.indexOf(";utf8,") !== -1;
+//#endregion
+export { isEncodedDataUrl, isSvgDataUrl, validateContent };

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

@@ -1,7 +1,7 @@
-import _sfc_main from './base-button.vue3.mjs';
-import './base-button.css';/* empty css                  */
-import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
-
-const baseButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5375ec2b"]]);
-
-export { baseButton as default };
+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_5375ec2b_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-5375ec2b"]]);
+//#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) => ({
+			"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$1.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"
+			])]);
+		};
+	}
+});
+//#endregion
+export { base_button_vue_vue_type_script_setup_true_name_BaseButton_lang_default as default };

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

@@ -1,7 +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 };
+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_1dbcb2fa_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-1dbcb2fa"]]);
+//#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_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"
+			]))]);
+		};
+	}
+});
+//#endregion
+export { basic_button_vue_vue_type_script_setup_true_name_BasicButton_lang_default as default };