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

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.d.ts

@@ -151,20 +151,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
+    hidden: boolean;
+    size: ButtonSize;
     type: string;
     title: string;
-    loading: boolean;
-    size: ButtonSize;
+    icon: string;
     disabled: boolean;
+    loading: boolean;
     block: boolean;
-    danger: boolean;
-    icon: string;
-    hidden: boolean;
-    confirm: boolean;
     hasIcon: boolean;
     hasText: boolean;
+    danger: boolean;
     buttonStyle: ButtonStyle;
     i18nConfig: string;
+    confirm: boolean;
     confirmText: string;
     enableCustomColor: boolean;
     backgroundColor: string;

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_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.css → base-button.vue_vue_type_style_index_0_scoped_5b7fe5af_lang.css}

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

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

@@ -82,9 +82,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>> & Readonly<{
     onDropdown?: ((...args: any[]) => any) | undefined;
 }>, {
-    loading: boolean;
-    disabled: boolean;
     icon: string;
+    disabled: boolean;
+    loading: boolean;
     buttonStyle: buttonEnum;
     dropdown: boolean;
     buttonType: ButtonColorType;

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