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

package/es/utils/namespace/namespace.mjs

@@ -1,169 +1,183 @@
-import { STYLE_NAMESPACE_TAG } from '../../constants/index.mjs';
-
-const statePrefix = "is-";
+import "../../constants/index.mjs";
+//#region src/utils/namespace/namespace.ts
+var statePrefix = "is-";
+/**
+* css bem 命名规则拼接
+* _bem('gct', 'layout') => gct-layout
+* _bem('gct', 'layout', '', 'title') => gct-layout__title
+* _bem('gct', 'layout', '', '', 'right') => gct-layout--right
+* _bem('gct', 'layout', '', 'title', 'right') => gct-layout__title--right
+* _bem('gct', 'layout', 'header', 'title', 'right') => gct-layout-header__title--right
+*
+* @param {string} namespace 命名空间
+* @param {string} block 块
+* @param {string} blockSuffix 块后缀
+* @param {string} element 元素
+* @param {string} modifier 修饰符
+* @return {*}  {string}
+*/
 function _bem(namespace, block, blockSuffix, element, modifier) {
-  let cls = `${namespace}-${block}`;
-  if (blockSuffix) {
-    cls += `-${blockSuffix}`;
-  }
-  if (element) {
-    cls += `__${element}`;
-  }
-  if (modifier) {
-    cls += `--${modifier}`;
-  }
-  return cls;
-}
-class Namespace {
-  /**
-   * Creates an instance of Namespace.
-   *
-   * @param {string} block 当前命名空间的根模块,例如组件的名称
-   * @param {string} [namespace] 指定命名空间，未指定使用默认值 gct
-   */
-  constructor(block, namespace) {
-    this.block = block;
-    this.namespace = namespace || STYLE_NAMESPACE_TAG;
-  }
-  /**
-   * 命名空间
-   *
-   * @type {string}
-   */
-  namespace;
-  /**
-   * namespace-block
-   * namespace-block-blockSuffix
-   *
-   * @param {string} [blockSuffix='']
-   * @return {*}  {string}
-   */
-  b(blockSuffix = "") {
-    return _bem(this.namespace, this.block, blockSuffix, "", "");
-  }
-  /**
-   * namespace-block__element
-   *
-   * @param {string} [element]
-   * @return {*}  {string}
-   */
-  e(element) {
-    return element ? _bem(this.namespace, this.block, "", element, "") : "";
-  }
-  /**
-   * namespace-block--modifier
-   *
-   * @param {string} [modifier]
-   * @return {*}  {string}
-   */
-  m(modifier) {
-    return modifier ? _bem(this.namespace, this.block, "", "", modifier) : "";
-  }
-  /**
-   * namespace-block-blockSuffix__element
-   *
-   * @param {string} [blockSuffix]
-   * @param {string} [element]
-   * @return {*}  {string}
-   */
-  be(blockSuffix, element) {
-    return blockSuffix && element ? _bem(this.namespace, this.block, blockSuffix, element, "") : "";
-  }
-  /**
-   * namespace-block__element--modifier
-   *
-   * @param {string} [element]
-   * @param {string} [modifier]
-   * @return {*}  {string}
-   */
-  em(element, modifier) {
-    return element && modifier ? _bem(this.namespace, this.block, "", element, modifier) : "";
-  }
-  /**
-   * namespace-block-blockSuffix--modifier
-   *
-   * @param {string} [blockSuffix]
-   * @param {string} [modifier]
-   * @return {*}  {string}
-   */
-  bm(blockSuffix, modifier) {
-    return blockSuffix && modifier ? _bem(this.namespace, this.block, blockSuffix, "", modifier) : "";
-  }
-  /**
-   * namespace-block-blockSuffix__element--modifier
-   *
-   * @param {string} [blockSuffix]
-   * @param {string} [element]
-   * @param {string} [modifier]
-   * @return {*}  {string}
-   */
-  bem(blockSuffix, element, modifier) {
-    return blockSuffix && element && modifier ? _bem(this.namespace, this.block, blockSuffix, element, modifier) : "";
-  }
-  /**
-   * 返回状态 class
-   *
-   * is('loading', false) => '';
-   * is('loading', true) => 'is-loading';
-   *
-   * @param {string} name
-   * @param {boolean} [state]
-   * @return {*}  {string}
-   */
-  is(name, state) {
-    return name && state ? `${statePrefix}${name}` : "";
-  }
-  /**
-   * 生成使用到的 css 变量 style 对象
-   *
-   * @param {Record<string, string>} object
-   * @return {*}  {Record<string, string>}
-   */
-  cssVar(object) {
-    const styles = {};
-    for (const key in object) {
-      if (object[key]) {
-        styles[this.cssVarName(key)] = object[key];
-      }
-    }
-    return styles;
-  }
-  /**
-   * 生成使用到的 css block 变量 style 对象
-   *
-   * @param {Record<string, string>} object
-   * @return {*}  {Record<string, string>}
-   */
-  cssVarBlock(object) {
-    const styles = {};
-    for (const key in object) {
-      if (object[key]) {
-        styles[this.cssVarBlockName(key)] = object[key];
-      }
-    }
-    return styles;
-  }
-  /**
-   * 生成 css var 变量名称
-   *
-   * @param {string} name
-   * @return {*}  {string}
-   */
-  cssVarName(name) {
-    return `--${this.namespace}-${name}`;
-  }
-  /**
-   * 生成块 css var 变量名称
-   *
-   * @param {string} name
-   * @return {*}  {string}
-   */
-  cssVarBlockName(name) {
-    return `--${this.namespace}-${this.block}-${name}`;
-  }
+	let cls = `${namespace}-${block}`;
+	if (blockSuffix) cls += `-${blockSuffix}`;
+	if (element) cls += `__${element}`;
+	if (modifier) cls += `--${modifier}`;
+	return cls;
 }
+/**
+* 全局样式处理命名空间
+*
+* @export
+* @class Namespace
+*/
+var Namespace = class {
+	/**
+	* 命名空间
+	*
+	* @type {string}
+	*/
+	namespace;
+	/**
+	* Creates an instance of Namespace.
+	*
+	* @param {string} block 当前命名空间的根模块,例如组件的名称
+	* @param {string} [namespace] 指定命名空间，未指定使用默认值 gct
+	*/
+	constructor(block, namespace) {
+		this.block = block;
+		this.namespace = namespace || "gct";
+	}
+	/**
+	* namespace-block
+	* namespace-block-blockSuffix
+	*
+	* @param {string} [blockSuffix='']
+	* @return {*}  {string}
+	*/
+	b(blockSuffix = "") {
+		return _bem(this.namespace, this.block, blockSuffix, "", "");
+	}
+	/**
+	* namespace-block__element
+	*
+	* @param {string} [element]
+	* @return {*}  {string}
+	*/
+	e(element) {
+		return element ? _bem(this.namespace, this.block, "", element, "") : "";
+	}
+	/**
+	* namespace-block--modifier
+	*
+	* @param {string} [modifier]
+	* @return {*}  {string}
+	*/
+	m(modifier) {
+		return modifier ? _bem(this.namespace, this.block, "", "", modifier) : "";
+	}
+	/**
+	* namespace-block-blockSuffix__element
+	*
+	* @param {string} [blockSuffix]
+	* @param {string} [element]
+	* @return {*}  {string}
+	*/
+	be(blockSuffix, element) {
+		return blockSuffix && element ? _bem(this.namespace, this.block, blockSuffix, element, "") : "";
+	}
+	/**
+	* namespace-block__element--modifier
+	*
+	* @param {string} [element]
+	* @param {string} [modifier]
+	* @return {*}  {string}
+	*/
+	em(element, modifier) {
+		return element && modifier ? _bem(this.namespace, this.block, "", element, modifier) : "";
+	}
+	/**
+	* namespace-block-blockSuffix--modifier
+	*
+	* @param {string} [blockSuffix]
+	* @param {string} [modifier]
+	* @return {*}  {string}
+	*/
+	bm(blockSuffix, modifier) {
+		return blockSuffix && modifier ? _bem(this.namespace, this.block, blockSuffix, "", modifier) : "";
+	}
+	/**
+	* namespace-block-blockSuffix__element--modifier
+	*
+	* @param {string} [blockSuffix]
+	* @param {string} [element]
+	* @param {string} [modifier]
+	* @return {*}  {string}
+	*/
+	bem(blockSuffix, element, modifier) {
+		return blockSuffix && element && modifier ? _bem(this.namespace, this.block, blockSuffix, element, modifier) : "";
+	}
+	/**
+	* 返回状态 class
+	*
+	* is('loading', false) => '';
+	* is('loading', true) => 'is-loading';
+	*
+	* @param {string} name
+	* @param {boolean} [state]
+	* @return {*}  {string}
+	*/
+	is(name, state) {
+		return name && state ? `${statePrefix}${name}` : "";
+	}
+	/**
+	* 生成使用到的 css 变量 style 对象
+	*
+	* @param {Record<string, string>} object
+	* @return {*}  {Record<string, string>}
+	*/
+	cssVar(object) {
+		const styles = {};
+		for (const key in object) if (object[key]) styles[this.cssVarName(key)] = object[key];
+		return styles;
+	}
+	/**
+	* 生成使用到的 css block 变量 style 对象
+	*
+	* @param {Record<string, string>} object
+	* @return {*}  {Record<string, string>}
+	*/
+	cssVarBlock(object) {
+		const styles = {};
+		for (const key in object) if (object[key]) styles[this.cssVarBlockName(key)] = object[key];
+		return styles;
+	}
+	/**
+	* 生成 css var 变量名称
+	*
+	* @param {string} name
+	* @return {*}  {string}
+	*/
+	cssVarName(name) {
+		return `--${this.namespace}-${name}`;
+	}
+	/**
+	* 生成块 css var 变量名称
+	*
+	* @param {string} name
+	* @return {*}  {string}
+	*/
+	cssVarBlockName(name) {
+		return `--${this.namespace}-${this.block}-${name}`;
+	}
+};
+/**
+* 获取 bem 操作类
+*
+* @export
+* @param {string} block
+* @return {*}  {Namespace}
+*/
 function useNamespace(block) {
-  return new Namespace(block);
+	return new Namespace(block);
 }
-
+//#endregion
 export { Namespace, useNamespace };

package/es/utils/openUtil/index.mjs

@@ -0,0 +1,2 @@
+import "./modal/modal.mjs";
+import "./overlay-container/overlay-container.mjs";

package/es/utils/openUtil/modal/modal.mjs

@@ -1,80 +1,73 @@
-import { reactive } from 'vue';
-import { AsyncSeriesHook } from 'qx-util';
-
-class Modal {
-  ignoreDismissCheck = false;
-  state = reactive({
-    okDisabled: false,
-    cancelDisabled: false
-  });
-  hooks = {
-    shouldDismiss: new AsyncSeriesHook(),
-    beforeDismiss: new AsyncSeriesHook()
-  };
-  ok;
-  setOptions;
-  constructor(opts) {
-    if (opts.dismiss) {
-      this._dismiss = opts.dismiss;
-    }
-    if (opts.setOptions) {
-      this.setOptions = opts.setOptions;
-    }
-  }
-  cancel;
-  callback(ok, cancel) {
-    if (ok) {
-      this.ok = ok;
-    }
-    if (cancel) {
-      this.cancel = cancel;
-    }
-  }
-  /**
-   * 外部注入的模态等组件实际的关闭操作
-   *
-   * @author zhanghanrui
-   * @date 2024-03-19 21:03:08
-   * @param {IModalData} data
-   */
-  _dismiss = (data) => {
-    console.warn("外部关闭能力未注册", data);
-  };
-  /**
-   * 注入模态等组件实际的关闭操作
-   *
-   * @author zhanghanrui
-   * @date 2024-03-19 21:03:13
-   * @param {(data: IModalData) => void} dismiss
-   */
-  injectDismiss(dismiss) {
-    this._dismiss = dismiss;
-  }
-  async dismiss(data = { ok: false, data: [] }) {
-    const context = {};
-    if (this.ignoreDismissCheck !== true) {
-      await this.hooks.shouldDismiss.call(context);
-    }
-    if (context.allowClose === false) {
-      console.warn("shouldDismiss结果为false,关闭中断。");
-      return false;
-    }
-    await this.hooks.beforeDismiss.call(data);
-    this._dismiss(data);
-    this.destroy();
-    return true;
-  }
-  /**
-   * 执行完一次关闭后就会调销毁
-   *
-   * @author zhanghanrui
-   * @date 2024-03-19 21:03:22
-   * @protected
-   */
-  destroy() {
-    this.hooks.shouldDismiss.clear();
-    this.hooks.beforeDismiss.clear();
-  }
-}
-
+import { reactive } from "vue";
+import { AsyncSeriesHook } from "qx-util";
+//#region src/utils/openUtil/modal/modal.ts
+var Modal = class {
+	ignoreDismissCheck = false;
+	state = reactive({
+		okDisabled: false,
+		cancelDisabled: false
+	});
+	hooks = {
+		shouldDismiss: new AsyncSeriesHook(),
+		beforeDismiss: new AsyncSeriesHook()
+	};
+	ok;
+	setOptions;
+	constructor(opts) {
+		if (opts.dismiss) this._dismiss = opts.dismiss;
+		if (opts.setOptions) this.setOptions = opts.setOptions;
+	}
+	cancel;
+	callback(ok, cancel) {
+		if (ok) this.ok = ok;
+		if (cancel) this.cancel = cancel;
+	}
+	/**
+	* 外部注入的模态等组件实际的关闭操作
+	*
+	* @author zhanghanrui
+	* @date 2024-03-19 21:03:08
+	* @param {IModalData} data
+	*/
+	_dismiss = (data) => {
+		console.warn("外部关闭能力未注册", data);
+	};
+	/**
+	* 注入模态等组件实际的关闭操作
+	*
+	* @author zhanghanrui
+	* @date 2024-03-19 21:03:13
+	* @param {(data: IModalData) => void} dismiss
+	*/
+	injectDismiss(dismiss) {
+		this._dismiss = dismiss;
+	}
+	async dismiss(data = {
+		ok: false,
+		data: []
+	}) {
+		const context = {};
+		if (this.ignoreDismissCheck !== true) await this.hooks.shouldDismiss.call(context);
+		if (context.allowClose === false) {
+			console.warn("shouldDismiss结果为false,关闭中断。");
+			return false;
+		}
+		await this.hooks.beforeDismiss.call(data);
+		this._dismiss(data);
+		this.destroy();
+		return true;
+	}
+	/**
+	* 执行完一次关闭后就会调销毁
+	*
+	* @author zhanghanrui
+	* @date 2024-03-19 21:03:22
+	* @protected
+	*/
+	destroy() {
+		this.hooks.shouldDismiss.clear();
+		this.hooks.beforeDismiss.clear();
+	}
+};
+//#endregion
 export { Modal };