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

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -1,9 +1,8 @@
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
 };
-
-export { _export_sfc as default };
+//#endregion
+export { _plugin_vue_export_helper_default as default };

package/es/components/app-modal/app-modal-component.mjs

@@ -1,140 +1,109 @@
-import { defineComponent, ref, provide, createVNode, h, resolveComponent, isVNode } from 'vue';
-import { ConfigProvider } from 'ant-design-vue';
-import { OverlayContainer, useNamespace, Modal } from '@gct-paas/core';
-import { DndProvider } from 'vue3-dnd';
-import { HTML5Backend } from 'react-dnd-html5-backend';
 import './app-modal-component.css';/* empty css                          */
-
+import { createVNode, defineComponent, h, isVNode, provide, ref, resolveComponent } from "vue";
+import { Modal, OverlayContainer, useNamespace } from "@gct-paas/core";
+import { ConfigProvider } from "ant-design-vue";
+import { DndProvider } from "vue3-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+//#region src/components/app-modal/app-modal-component.tsx
 function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const AppModalComponent = /* @__PURE__ */ defineComponent({
-  props: {
-    opts: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(props, ctx) {
-    const ns = useNamespace('modal');
-    const isShow = ref(false);
-    // 是否全屏
-    const isFullScreen = ref(props.opts.defaultFullscreen ? true : false);
-    const onFullScreen = () => {
-      isFullScreen.value = !isFullScreen.value;
-    };
-
-    // 合并options
-    const options = ref({});
-    if (props.opts) {
-      Object.assign(options.value, props.opts);
-    }
-    let data = null;
-    const modal = new Modal({
-      dismiss: result => {
-        isShow.value = false;
-        data = result;
-        ctx.emit('dismiss', data);
-      },
-      setOptions(opt) {
-        Object.assign(options.value, opt);
-      }
-    });
-    provide('modal', modal);
-    const dismiss = _data => {
-      return modal.dismiss(_data);
-    };
-    const present = () => {
-      isShow.value = true;
-    };
-    ctx.expose({
-      present,
-      dismiss
-    });
-    const isConfirmLoading = ref(false);
-    const ok = async () => {
-      if (modal.ok) {
-        try {
-          isConfirmLoading.value = true;
-          const result = await modal.ok();
-          isConfirmLoading.value = false;
-          if (result && (result.ok === true || result.close === true)) {
-            dismiss(result);
-          }
-        } finally {
-          isConfirmLoading.value = false;
-        }
-      } else {
-        console.warn('打开模态未实现ok方法');
-      }
-    };
-    const cancel = async () => {
-      if (modal.cancel) {
-        const bol = await modal.cancel();
-        if (bol === false) {
-          return;
-        }
-      }
-      dismiss();
-    };
-
-    // TODO: 需要注入 antd 的多语言，待实现
-    const locale = {
-      getAntdLocale: {
-        locale: {}
-      }
-    };
-    const {
-      getAntdLocale
-    } = locale;
-    return () => {
-      let _slot;
-      const slot = ctx.slots.default?.();
-      if (slot && slot.length > 0) {
-        slot[0].props.modal = modal;
-      }
-      return createVNode(ConfigProvider, {
-        "locale": getAntdLocale
-      }, {
-        default: () => [createVNode(DndProvider, {
-          "backend": HTML5Backend
-        }, _isSlot(_slot = h(resolveComponent('a-modal'), {
-          visible: isShow.value,
-          class: [ns.b(), options.value.placement && ns.m(options.value.placement), options.value.modalClass, ns.is('hidden-footer', options.value.showFooter === false), ns.is('hidden-close-btn', options.value.showCloseBtn === false), ns.is('hidden-cancel-btn', options.value.showCancelBtn === false), ns.is('full-screen', isFullScreen.value)],
-          centered: true,
-          onOk: ok,
-          confirmLoading: isConfirmLoading.value,
-          onCancel: cancel,
-          okText: '确认',
-          okButtonProps: {
-            disabled: modal.state.okDisabled
-          },
-          ...options.value
-        }, [options.value.canFullscreen !== false ? createVNode("div", {
-          "class": ns.e('full-screen'),
-          "onClick": onFullScreen
-        }, [createVNode("i", {
-          "class": `iconfont ${isFullScreen.value ? 'icon-tuichuquanping' : 'icon-quanping'}`
-        }, null)]) : null, slot])) ? _slot : {
-          default: () => [_slot]
-        })]
-      });
-    };
-  }
+var AppModalComponent = /* @__PURE__ */ defineComponent({
+	props: { opts: {
+		type: Object,
+		default: () => ({})
+	} },
+	setup(props, ctx) {
+		const ns = useNamespace("modal");
+		const isShow = ref(false);
+		const isFullScreen = ref(props.opts.defaultFullscreen ? true : false);
+		const onFullScreen = () => {
+			isFullScreen.value = !isFullScreen.value;
+		};
+		const options = ref({});
+		if (props.opts) Object.assign(options.value, props.opts);
+		let data = null;
+		const modal = new Modal({
+			dismiss: (result) => {
+				isShow.value = false;
+				data = result;
+				ctx.emit("dismiss", data);
+			},
+			setOptions(opt) {
+				Object.assign(options.value, opt);
+			}
+		});
+		provide("modal", modal);
+		const dismiss = (_data) => {
+			return modal.dismiss(_data);
+		};
+		const present = () => {
+			isShow.value = true;
+		};
+		ctx.expose({
+			present,
+			dismiss
+		});
+		const isConfirmLoading = ref(false);
+		const ok = async () => {
+			if (modal.ok) try {
+				isConfirmLoading.value = true;
+				const result = await modal.ok();
+				isConfirmLoading.value = false;
+				if (result && (result.ok === true || result.close === true)) dismiss(result);
+			} finally {
+				isConfirmLoading.value = false;
+			}
+			else console.warn("打开模态未实现ok方法");
+		};
+		const cancel = async () => {
+			if (modal.cancel) {
+				if (await modal.cancel() === false) return;
+			}
+			dismiss();
+		};
+		const { getAntdLocale } = { getAntdLocale: { locale: {} } };
+		return () => {
+			let _slot;
+			const slot = ctx.slots.default?.();
+			if (slot && slot.length > 0) slot[0].props.modal = modal;
+			return createVNode(ConfigProvider, { "locale": getAntdLocale }, { default: () => [createVNode(DndProvider, { "backend": HTML5Backend }, _isSlot(_slot = h(resolveComponent("a-modal"), {
+				visible: isShow.value,
+				class: [
+					ns.b(),
+					options.value.placement && ns.m(options.value.placement),
+					options.value.modalClass,
+					ns.is("hidden-footer", options.value.showFooter === false),
+					ns.is("hidden-close-btn", options.value.showCloseBtn === false),
+					ns.is("hidden-cancel-btn", options.value.showCancelBtn === false),
+					ns.is("full-screen", isFullScreen.value)
+				],
+				centered: true,
+				onOk: ok,
+				confirmLoading: isConfirmLoading.value,
+				onCancel: cancel,
+				okText: "确认",
+				okButtonProps: { disabled: modal.state.okDisabled },
+				...options.value
+			}, [options.value.canFullscreen !== false ? createVNode("div", {
+				"class": ns.e("full-screen"),
+				"onClick": onFullScreen
+			}, [createVNode("i", { "class": `iconfont ${isFullScreen.value ? "icon-tuichuquanping" : "icon-quanping"}` }, null)]) : null, slot])) ? _slot : { default: () => [_slot] })] });
+		};
+	}
 });
-
 /**
- * 创建模态框
- *
- * @author zhanghanrui
- * @date 2024-03-19 21:03:37
- * @export
- * @param {() => VNode} render
- * @param {(IModalOptions)} [opts]
- * @return {*}  {IOverlayContainer}
- */
+* 创建模态框
+*
+* @author zhanghanrui
+* @date 2024-03-19 21:03:37
+* @export
+* @param {() => VNode} render
+* @param {(IModalOptions)} [opts]
+* @return {*}  {IOverlayContainer}
+*/
 function createModal(render, opts) {
-  return new OverlayContainer(AppModalComponent, render, opts);
+	return new OverlayContainer(AppModalComponent, render, opts);
 }
-
-export { AppModalComponent, createModal };
+//#endregion
+export { createModal };

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

@@ -1,238 +1,167 @@
-import { defineComponent, createVNode, getCurrentInstance, ref, onMounted, nextTick, onUnmounted, watch, computed } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import { ioniconContent, getSvgContent } from './request.mjs';
-import { isRTL, getSrc } from './utils.mjs';
+import { getSrc, isRTL } from "./utils.mjs";
+import { getSvgContent, ioniconContent } from "./request.mjs";
 import './assets-svg-icon.css';/* empty css                      */
-
+import { computed, createVNode, defineComponent, getCurrentInstance, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/components/assets-svg-icon/assets-svg-icon.tsx
 /**
- * Create color classes for the icon.
- * @param color - The color of the icon.
- * @returns The color classes for the icon.
- */
-const createColorClasses = color => {
-  return color ? {
-    'ion-color': true,
-    [`ion-color-${color}`]: true
-  } : null;
+* Create color classes for the icon.
+* @param color - The color of the icon.
+* @returns The color classes for the icon.
+*/
+var createColorClasses = (color) => {
+	return color ? {
+		"ion-color": true,
+		[`ion-color-${color}`]: true
+	} : null;
 };
-
 /**
- * SVG图标组件 - 简化版本 (仅浏览器环境)
- *
- * 此组件是基于Stencil ion-icon组件简化的Vue实现，
- * 专门用于浏览器环境，仅支持通过src属性加载SVG。
- *
- * ## 功能
- * - 支持通过直接URL加载SVG图标
- * - 支持懒加载
- * - 支持RTL文本方向自动翻转
- * - 支持颜色和大小变化
- * - 支持SVG内容安全检查
- *
- * ## 使用示例
- *
- * // 使用 src 属性
- * <SvgIcon src="/path/to/icon.svg" />
- *
- * // 设置大小和颜色
- * <SvgIcon src="/path/to/icon.svg" size="large" color="primary" />
- *
- * // RTL 支持
- * <SvgIcon src="/path/to/icon.svg" flipRtl={true} />
- *
- * // 懒加载
- * <SvgIcon src="/path/to/icon.svg" lazy={true} />
- *
- * // 禁用 SVG 清理
- * <SvgIcon src="/path/to/icon.svg" sanitize={false} />
- */
-const AssetsSvgIcon = /* @__PURE__ */ defineComponent({
-  name: 'AssetsSvgIcon',
-  props: {
-    /**
-     * The color to use for the background of the item.
-     */
-    color: {
-      type: String
-    },
-    /**
-     * Specifies whether the icon should horizontally flip when `dir` is `"rtl"`.
-     */
-    flipRtl: {
-      type: Boolean
-    },
-    /**
-     * Specifies the exact `src` of an SVG file to use.
-     */
-    src: {
-      type: String,
-      required: true
-    },
-    /**
-     * The size of the icon.
-     * Available options are: `"small"` and `"large"`.
-     */
-    size: {
-      type: String
-    },
-    /**
-     * If enabled, ion-icon will be loaded lazily when it's visible in the viewport.
-     * Default, `false`.
-     */
-    lazy: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * When set to `false`, SVG content that is HTTP fetched will not be checked
-     * if the response SVG content has any `<script>` elements, or any attributes
-     * that start with `on`, such as `onclick`.
-     * @default true
-     */
-    sanitize: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    const ns = useNamespace('assets-svg-icon');
-    const instance = getCurrentInstance();
-
-    // Private state
-    let io;
-    const didLoadIcon = ref(false);
-
-    // Reactive state
-    const svgContent = ref(undefined);
-    const isVisible = ref(false);
-
-    /**
-     * Wait until the icon is visible in the viewport.
-     * @param el - The element to observe.
-     * @param rootMargin - The root margin of the observer.
-     * @param cb - The callback to call when the element is visible.
-     */
-    const waitUntilVisible = (el, rootMargin, cb) => {
-      /**
-       * IntersectionObserver is a browser API that allows you to observe
-       * the visibility of an element relative to a root element. It is
-       * supported in all modern browsers, except IE and when server-side
-       * rendering.
-       */
-      const hasIntersectionObserverSupport = Boolean(typeof window !== 'undefined' && props.lazy && window.IntersectionObserver);
-
-      /**
-       * browser doesn't support IntersectionObserver
-       * so just fallback to always show it
-       */
-      if (!hasIntersectionObserverSupport) {
-        return cb();
-      }
-      const intersectionObserver = io = new window.IntersectionObserver(data => {
-        if (data[0]?.isIntersecting) {
-          intersectionObserver.disconnect();
-          io = undefined;
-          cb();
-        }
-      }, {
-        rootMargin
-      });
-      intersectionObserver.observe(el);
-    };
-
-    /**
-     * Load the icon using only src URL
-     */
-    const loadIcon = () => {
-      if (typeof window !== 'undefined' && isVisible.value && props.src) {
-        const url = getSrc(props.src);
-        if (url) {
-          if (ioniconContent.has(url)) {
-            // sync if it's already loaded
-            svgContent.value = ioniconContent.get(url);
-          } else {
-            // async if it hasn't been loaded
-            getSvgContent(url, props.sanitize).then(() => {
-              svgContent.value = ioniconContent.get(url);
-            });
-          }
-          didLoadIcon.value = true;
-        }
-      }
-    };
-
-    // Component lifecycle hooks
-    onMounted(() => {
-      const el = instance?.vnode.el;
-      if (el) {
-        /**
-         * purposely do not return the promise here because loading
-         * the svg file should not hold up loading the app
-         * only load the svg if it's visible
-         */
-        waitUntilVisible(el, '50px', () => {
-          isVisible.value = true;
-          loadIcon();
-        });
-      }
-      nextTick(() => {
-        if (!didLoadIcon.value) {
-          loadIcon();
-        }
-      });
-    });
-    onUnmounted(() => {
-      if (io) {
-        io.disconnect();
-        io = undefined;
-      }
-    });
-
-    // Watch for src prop changes
-    watch(() => props.src, () => {
-      loadIcon();
-    });
-    const classes = computed(() => {
-      const {
-        flipRtl,
-        size,
-        color
-      } = props;
-      const el = instance?.vnode.el;
-
-      /**
-       * if flipRtl is true, the icon should change direction when `dir` changes
-       */
-      const shouldBeFlippable = flipRtl;
-      return {
-        ...createColorClasses(color),
-        [`icon-${size}`]: !!size,
-        'flip-rtl': shouldBeFlippable,
-        'icon-rtl': shouldBeFlippable && isRTL(el),
-        [ns.b()]: true
-      };
-    });
-    return {
-      ns,
-      svgContent,
-      classes
-    };
-  },
-  render() {
-    const {
-      svgContent,
-      classes
-    } = this;
-    return createVNode("div", {
-      "role": "img",
-      "class": classes
-    }, [typeof window !== 'undefined' && svgContent ? createVNode("div", {
-      "class": "icon-inner",
-      "innerHTML": svgContent
-    }, null) : createVNode("div", {
-      "class": "icon-inner"
-    }, null)]);
-  }
+* SVG图标组件 - 简化版本 (仅浏览器环境)
+*
+* 此组件是基于Stencil ion-icon组件简化的Vue实现，
+* 专门用于浏览器环境，仅支持通过src属性加载SVG。
+*
+* ## 功能
+* - 支持通过直接URL加载SVG图标
+* - 支持懒加载
+* - 支持RTL文本方向自动翻转
+* - 支持颜色和大小变化
+* - 支持SVG内容安全检查
+*
+* ## 使用示例
+*
+* // 使用 src 属性
+* <SvgIcon src="/path/to/icon.svg" />
+*
+* // 设置大小和颜色
+* <SvgIcon src="/path/to/icon.svg" size="large" color="primary" />
+*
+* // RTL 支持
+* <SvgIcon src="/path/to/icon.svg" flipRtl={true} />
+*
+* // 懒加载
+* <SvgIcon src="/path/to/icon.svg" lazy={true} />
+*
+* // 禁用 SVG 清理
+* <SvgIcon src="/path/to/icon.svg" sanitize={false} />
+*/
+var AssetsSvgIcon = /* @__PURE__ */ defineComponent({
+	name: "AssetsSvgIcon",
+	props: {
+		color: { type: String },
+		flipRtl: { type: Boolean },
+		src: {
+			type: String,
+			required: true
+		},
+		size: { type: String },
+		lazy: {
+			type: Boolean,
+			default: false
+		},
+		sanitize: {
+			type: Boolean,
+			default: true
+		}
+	},
+	setup(props) {
+		const ns = useNamespace("assets-svg-icon");
+		const instance = getCurrentInstance();
+		let io;
+		const didLoadIcon = ref(false);
+		const svgContent = ref(void 0);
+		const isVisible = ref(false);
+		/**
+		* Wait until the icon is visible in the viewport.
+		* @param el - The element to observe.
+		* @param rootMargin - The root margin of the observer.
+		* @param cb - The callback to call when the element is visible.
+		*/
+		const waitUntilVisible = (el, rootMargin, cb) => {
+			/**
+			* browser doesn't support IntersectionObserver
+			* so just fallback to always show it
+			*/
+			if (!Boolean(typeof window !== "undefined" && props.lazy && window.IntersectionObserver)) return cb();
+			const intersectionObserver = io = new window.IntersectionObserver((data) => {
+				if (data[0]?.isIntersecting) {
+					intersectionObserver.disconnect();
+					io = void 0;
+					cb();
+				}
+			}, { rootMargin });
+			intersectionObserver.observe(el);
+		};
+		/**
+		* Load the icon using only src URL
+		*/
+		const loadIcon = () => {
+			if (typeof window !== "undefined" && isVisible.value && props.src) {
+				const url = getSrc(props.src);
+				if (url) {
+					if (ioniconContent.has(url)) svgContent.value = ioniconContent.get(url);
+					else getSvgContent(url, props.sanitize).then(() => {
+						svgContent.value = ioniconContent.get(url);
+					});
+					didLoadIcon.value = true;
+				}
+			}
+		};
+		onMounted(() => {
+			const el = instance?.vnode.el;
+			if (el)
+ /**
+			* purposely do not return the promise here because loading
+			* the svg file should not hold up loading the app
+			* only load the svg if it's visible
+			*/
+			waitUntilVisible(el, "50px", () => {
+				isVisible.value = true;
+				loadIcon();
+			});
+			nextTick(() => {
+				if (!didLoadIcon.value) loadIcon();
+			});
+		});
+		onUnmounted(() => {
+			if (io) {
+				io.disconnect();
+				io = void 0;
+			}
+		});
+		watch(() => props.src, () => {
+			loadIcon();
+		});
+		return {
+			ns,
+			svgContent,
+			classes: computed(() => {
+				const { flipRtl, size, color } = props;
+				const el = instance?.vnode.el;
+				/**
+				* if flipRtl is true, the icon should change direction when `dir` changes
+				*/
+				const shouldBeFlippable = flipRtl;
+				return {
+					...createColorClasses(color),
+					[`icon-${size}`]: !!size,
+					"flip-rtl": shouldBeFlippable,
+					"icon-rtl": shouldBeFlippable && isRTL(el),
+					[ns.b()]: true
+				};
+			})
+		};
+	},
+	render() {
+		const { svgContent, classes } = this;
+		return createVNode("div", {
+			"role": "img",
+			"class": classes
+		}, [typeof window !== "undefined" && svgContent ? createVNode("div", {
+			"class": "icon-inner",
+			"innerHTML": svgContent
+		}, null) : createVNode("div", { "class": "icon-inner" }, null)]);
+	}
 });
-
+//#endregion
 export { AssetsSvgIcon };