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

package/lib/editor/upload/ibiz-file-upload/ibiz-file-upload.cjs

@@ -18,6 +18,10 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
   }) {
     const ns = vue3Util.useNamespace("file-upload");
     const c = props.controller;
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = vue3Util.useAutoFocusBlur(props, emit);
     const {
       uploadUrl,
       headers,
@@ -30,6 +34,7 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
       beforeUpload
     } = useIviewUpload.useIViewUpload(props, (value) => {
       emit("change", value);
+      useInValueChange();
     }, c);
     const noUploadIcon = vue.computed(() => {
       var _a;
@@ -46,7 +51,7 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
     });
     const {
       componentRef
-    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       c,

package/lib/editor/upload/ibiz-image-upload/ibiz-image-upload.cjs

@@ -15,6 +15,10 @@ const IBizImageUpload = /* @__PURE__ */ vue.defineComponent({
   }) {
     const ns = vue3Util.useNamespace("image-upload");
     const c = props.controller;
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = vue3Util.useAutoFocusBlur(props, emit);
     const {
       uploadUrl,
       headers,
@@ -27,6 +31,7 @@ const IBizImageUpload = /* @__PURE__ */ vue.defineComponent({
       beforeUpload
     } = useIviewUpload.useIViewUpload(props, (value) => {
       emit("change", value);
+      useInValueChange();
     }, c);
     const dialogImageUrl = vue.ref("");
     const dialogVisible = vue.ref(false);
@@ -48,7 +53,7 @@ const IBizImageUpload = /* @__PURE__ */ vue.defineComponent({
     });
     const {
       componentRef
-    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       c,

package/lib/locale/en/index.cjs

@@ -238,7 +238,8 @@ var index = {
         gridRowHoverDesc: "Table row suspension color, background color when a row is hover",
         gridRowSelect: "Select color for table row",
         gridRowSelectDesc: "Table row selected color, background color when a row is selected"
-      }
+      },
+      loadMore: "Load more"
     },
     menu: {
       noSupportAlign: "The menu direction {align} is not supported temporarily",

package/lib/locale/zh-CN/index.cjs

@@ -238,7 +238,8 @@ var index = {
         gridRowHoverDesc: "\u8868\u683C\u884C\u60AC\u6D6E\u8272, \u5F53\u67D0\u4E00\u884Chover\u65F6\u80CC\u666F\u8272",
         gridRowSelect: "\u8868\u683C\u884C\u9009\u4E2D\u8272",
         gridRowSelectDesc: "\u8868\u683C\u884C\u9009\u4E2D\u8272\uFF0C\u5F53\u67D0\u4E00\u884C\u9009\u4E2D\u65F6\u80CC\u666F\u8272"
-      }
+      },
+      loadMore: "\u52A0\u8F7D\u66F4\u591A"
     },
     menu: {
       noSupportAlign: "\u6682\u672A\u652F\u6301\u83DC\u5355\u65B9\u5411\u4E3A {align}",

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/lib/node_modules/.pnpm/{element-plus@2.7.5_vue@3.3.8 → element-plus@2.4.4_vue@3.3.8}/node_modules/element-plus/dist/locale/zh-cn.cjs

@@ -2,14 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/*! Element Plus v2.7.5 */
+/*! Element Plus v2.4.4 */
 
 var zhCn = {
   name: "zh-cn",
   el: {
-    breadcrumb: {
-      label: "\u9762\u5305\u5C51"
-    },
     colorpicker: {
       confirm: "\u786E\u5B9A",
       clear: "\u6E05\u7A7A"
@@ -111,11 +108,6 @@ var zhCn = {
       clearFilter: "\u5168\u90E8",
       sumText: "\u5408\u8BA1"
     },
-    tour: {
-      next: "\u4E0B\u4E00\u6B65",
-      previous: "\u4E0A\u4E00\u6B65",
-      finish: "\u7ED3\u675F\u5BFC\u89C8"
-    },
     tree: {
       emptyText: "\u6682\u65E0\u6570\u636E"
     },
@@ -136,11 +128,6 @@ var zhCn = {
     popconfirm: {
       confirmButtonText: "\u786E\u5B9A",
       cancelButtonText: "\u53D6\u6D88"
-    },
-    carousel: {
-      leftArrow: "\u4E0A\u4E00\u5F20\u5E7B\u706F\u7247",
-      rightArrow: "\u4E0B\u4E00\u5F20\u5E7B\u706F\u7247",
-      indicator: "\u5E7B\u706F\u7247\u5207\u6362\u81F3\u7D22\u5F15 {index}"
     }
   }
 };

package/lib/web-app/create-vue-app.cjs

@@ -2,7 +2,7 @@
 
 var vue = require('vue');
 var ElementPlus = require('element-plus');
-var zhCn = require('../node_modules/.pnpm/element-plus@2.7.5_vue@3.3.8/node_modules/element-plus/dist/locale/zh-cn.cjs');
+var zhCn = require('../node_modules/.pnpm/element-plus@2.4.4_vue@3.3.8/node_modules/element-plus/dist/locale/zh-cn.cjs');
 var vue3Util = require('@ibiz-template/vue3-util');
 var ibizVue3 = require('../ibiz-vue3.cjs');
 var index = require('../locale/index.cjs');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.24-alpha.1",
+  "version": "0.7.24",
   "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",
+    "@ibiz-template/runtime": "0.7.24",
     "@ibiz-template/theme": "^0.7.0",
-    "@ibiz-template/vue3-util": "0.7.24-alpha.0",
+    "@ibiz-template/vue3-util": "0.7.24",
     "@ibiz-template/web-theme": "^1.1.18",
-    "@ibiz/model-core": "^0.1.30",
+    "@ibiz/model-core": "^0.1.34",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",
@@ -46,7 +46,7 @@
     "cherry-markdown": "0.8.26",
     "dayjs": "^1.11.10",
     "echarts": "^5.4.3",
-    "element-plus": "^2.4.4",
+    "element-plus": "2.4.4",
     "file-saver": "^2.0.5",
     "interactjs": "^1.10.20",
     "lodash-es": "^4.17.21",
@@ -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.34",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.3.3",
     "@wangeditor/editor": "^5.1.23",
@@ -110,7 +110,7 @@
     "cherry-markdown": "^0.8.22",
     "dayjs": "^1.11.9",
     "echarts": "^5.4.3",
-    "element-plus": "^2.4.4",
+    "element-plus": "2.4.4",
     "lodash-es": "^4.17.21",
     "monaco-editor": "^0.45.0",
     "pinia": "^2.1.6",