@ibiz-template/vue3-components 0.7.24-alpha.1 → 0.7.24-alpha.2

package/lib/node_modules/.pnpm/@ibiz-template_core@0.7.18_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs

@@ -0,0 +1,221 @@
+'use strict';
+
+const defaultNamespace = 'ibiz';
+const statePrefix = 'is-';
+/**
+ * css bem 命名规则拼接
+ * _bem('ibiz', 'layout') => ibiz-layout
+ * _bem('ibiz', 'layout', '', 'title') => ibiz-layout__title
+ * _bem('ibiz', 'layout', '', '', 'right') => ibiz-layout--right
+ * _bem('ibiz', 'layout', '', 'title', 'right') => ibiz-layout__title--right
+ * _bem('ibiz', 'layout', 'header', 'title', 'right') => ibiz-layout-header__title--right
+ *
+ * @author chitanda
+ * @date 2022-09-06 11:09:42
+ * @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;
+}
+/**
+ * 全局样式处理命名空间
+ *
+ * @author chitanda
+ * @date 2022-09-06 11:09:50
+ * @export
+ * @class Namespace
+ */
+class Namespace {
+    /**
+     * Creates an instance of Namespace.
+     *
+     * @author chitanda
+     * @date 2022-09-06 12:09:12
+     * @param {string} block 当前命名空间的根模块,例如组件的名称
+     * @param {string} [namespace] 指定命名空间，未指定使用默认值 ibiz
+     */
+    constructor(block, namespace) {
+        this.block = block;
+        this.namespace = namespace || defaultNamespace;
+    }
+    /**
+     * namespace-block
+     * namespace-block-blockSuffix
+     *
+     * @author chitanda
+     * @date 2022-09-06 12:09:08
+     * @param {string} [blockSuffix='']
+     * @return {*}  {string}
+     */
+    b(blockSuffix = '') {
+        return _bem(this.namespace, this.block, blockSuffix, '', '');
+    }
+    /**
+     * namespace-block__element
+     *
+     * @author chitanda
+     * @date 2022-09-06 12:09:48
+     * @param {string} [element]
+     * @return {*}  {string}
+     */
+    e(element) {
+        return element ? _bem(this.namespace, this.block, '', element, '') : '';
+    }
+    /**
+     * namespace-block--modifier
+     *
+     * @author chitanda
+     * @date 2022-09-06 12:09:37
+     * @param {string} [modifier]
+     * @return {*}  {string}
+     */
+    m(modifier) {
+        return modifier ? _bem(this.namespace, this.block, '', '', modifier) : '';
+    }
+    /**
+     * namespace-block-blockSuffix__element
+     *
+     * @author chitanda
+     * @date 2022-09-06 12:09:52
+     * @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
+     *
+     * @author chitanda
+     * @date 2022-09-06 12:09:19
+     * @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
+     *
+     * @author chitanda
+     * @date 2022-09-06 12:09:59
+     * @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
+     *
+     * @author chitanda
+     * @date 2022-09-06 12:09:37
+     * @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';
+     *
+     * @author chitanda
+     * @date 2022-09-06 12:09:57
+     * @param {string} name
+     * @param {boolean} [state]
+     * @return {*}  {string}
+     */
+    is(name, state) {
+        return name && state ? `${statePrefix}${name}` : '';
+    }
+    /**
+     * 生成使用到的 css 变量 style 对象
+     *
+     * @author chitanda
+     * @date 2022-09-06 15:09:41
+     * @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 对象
+     *
+     * @author chitanda
+     * @date 2022-09-06 15:09:03
+     * @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 变量名称
+     *
+     * @author chitanda
+     * @date 2022-09-06 15:09:21
+     * @param {string} name
+     * @return {*}  {string}
+     */
+    cssVarName(name) {
+        return `--${this.namespace}-${name}`;
+    }
+    /**
+     * 生成块 css var 变量名称
+     *
+     * @author chitanda
+     * @date 2022-09-06 15:09:35
+     * @param {string} name
+     * @return {*}  {string}
+     */
+    cssVarBlockName(name) {
+        return `--${this.namespace}-${this.block}-${name}`;
+    }
+}
+
+exports.Namespace = Namespace;
+exports.defaultNamespace = defaultNamespace;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.24-alpha.1",
+  "version": "0.7.24-alpha.2",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -32,12 +32,12 @@
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.3",
     "@ibiz-template/core": "0.7.18",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.7.24-alpha.0",
-    "@ibiz-template/runtime": "0.7.24-alpha.0",
+    "@ibiz-template/model-helper": "0.7.24-alpha.1",
+    "@ibiz-template/runtime": "0.7.24-alpha.1",
     "@ibiz-template/theme": "^0.7.0",
-    "@ibiz-template/vue3-util": "0.7.24-alpha.0",
+    "@ibiz-template/vue3-util": "0.7.24-alpha.1",
     "@ibiz-template/web-theme": "^1.1.18",
-    "@ibiz/model-core": "^0.1.30",
+    "@ibiz/model-core": "^0.1.32",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",
@@ -101,7 +101,7 @@
     "@ibiz-template/runtime": "^0.7.0",
     "@ibiz-template/theme": "^0.7.0",
     "@ibiz-template/vue3-util": "^0.7.0",
-    "@ibiz/model-core": "^0.1.30",
+    "@ibiz/model-core": "^0.1.32",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.3.3",
     "@wangeditor/editor": "^5.1.23",