@ibiz-template/vue3-components 0.7.41-alpha.4 → 0.7.41-alpha.41

package/es/common/control-navigation/provider/chart-navigation.provider.mjs

@@ -0,0 +1,148 @@
+import { convertNavData } from '@ibiz-template/runtime';
+import { NavgationBaseProvider } from './navigation-base.provider.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ChartNavigationProvider extends NavgationBaseProvider {
+  constructor(controller) {
+    super(controller);
+    /**
+     * 图表导航栈数据
+     *
+     * @type {IData[]}
+     * @memberof ChartNavigationProvider
+     */
+    __publicField(this, "chartNavStack", []);
+    if (controller.state.enableNavView) {
+      controller.evt.on("onActive", (event) => {
+        this.xDataActive(event);
+      });
+    }
+  }
+  /**
+   * 获取默认激活数据
+   *
+   * @return {*}  {(IData | undefined)}
+   * @memberof ChartNavigationProvider
+   */
+  getDefaultActiveData() {
+    const activeSeriesGenerator = this.controller.generator.seriesGenerators.find((generator) => {
+      return generator.chartDataArr.length > 0 && generator.model.navAppViewId;
+    });
+    if (activeSeriesGenerator && activeSeriesGenerator.groupData) {
+      const firstGroupName = Object.keys(activeSeriesGenerator.groupData)[0];
+      const { chartData } = activeSeriesGenerator.groupData[firstGroupName].values().next().value;
+      return chartData;
+    }
+  }
+  /**
+   * 图表数据激活
+   *
+   * @param {EventBase} event
+   * @memberof ChartNavigationProvider
+   */
+  xDataActive(event) {
+    const { data } = event;
+    this.navViewMsg.value = this.getNavViewMsg(data[0]);
+    this.chartNavStack.unshift(data[0]);
+  }
+  /**
+   * 通过栈数据导航
+   *
+   * @return {*}  {void}
+   * @memberof ChartNavigationProvider
+   */
+  onNavDataByStack() {
+    const data = this.getDefaultActiveData();
+    if (!data)
+      return this.clearNavigation();
+    this.controller.setActive(data);
+    this.controller.setSelection([data]);
+  }
+  /**
+   * 解析参数
+   *
+   * @param {(INavigatable & { appDataEntityId?: string })} XDataModel
+   * @param {IData} data
+   * @param {IContext} context
+   * @param {IParams} params
+   * @return {*}  {{ context: IContext; params: IParams }}
+   * @memberof ChartNavigationProvider
+   */
+  prepareParams(XDataModel, data, context, params) {
+    var _a;
+    const { context: tempContext, params: tempParams } = super.prepareParams(
+      XDataModel,
+      data,
+      context,
+      params
+    );
+    if (data._seriesModelId) {
+      const seriesModel = (_a = this.controller.model.dechartSerieses) == null ? void 0 : _a.find(
+        (series) => {
+          return series.id === data._seriesModelId;
+        }
+      );
+      if (seriesModel) {
+        const { navigateContexts, navigateParams } = seriesModel;
+        const tempContext2 = convertNavData(
+          navigateContexts,
+          data,
+          params,
+          tempContext
+        );
+        const tempParams2 = convertNavData(
+          navigateParams,
+          data,
+          params,
+          tempParams
+        );
+        if (data.navParams)
+          Object.assign(tempParams2, data.navParams);
+        return {
+          context: Object.assign(tempContext.clone(), tempContext2),
+          params: tempParams2
+        };
+      }
+    }
+    return { context: tempContext, params: tempParams };
+  }
+  /**
+   * 获取导航视图信息
+   *
+   * @param {IData} data
+   * @return {*}  {INavViewMsg}
+   * @memberof ChartNavigationProvider
+   */
+  getNavViewMsg(data) {
+    var _a;
+    let viewModelId;
+    if (data._seriesModelId) {
+      const seriesModel = (_a = this.controller.model.dechartSerieses) == null ? void 0 : _a.find(
+        (series) => {
+          return series.id === data._seriesModelId;
+        }
+      );
+      viewModelId = seriesModel == null ? void 0 : seriesModel.navAppViewId;
+    }
+    const result = this.prepareParams(
+      this.controller.model,
+      data,
+      this.controller.context,
+      this.controller.params
+    );
+    return {
+      key: data._uuid,
+      context: result.context,
+      params: result.params,
+      viewId: viewModelId
+    };
+  }
+}
+
+export { ChartNavigationProvider };

package/es/common/control-navigation/provider/index.mjs

@@ -2,16 +2,19 @@ import { NavgationBaseProvider } from './navigation-base.provider.mjs';
 import { CalendarNavigationProvider } from './calendar-navigation.provider.mjs';
 import { TreeNavigationProvider } from './tree-navigation.provider.mjs';
 import { MapNavigationProvider } from './map-navigation.provider.mjs';
+import { ChartNavigationProvider } from './chart-navigation.provider.mjs';
 
 "use strict";
 function getNavigationProvider(controller) {
   const { controlType } = controller.model;
   if (controlType === "CALENDAR")
     return new CalendarNavigationProvider(controller);
-  if (controlType === "TREEVIEW")
+  if (controlType === "TREEVIEW" || controlType === "TREEGRIDEX")
     return new TreeNavigationProvider(controller);
   if (controlType === "MAP")
     return new MapNavigationProvider(controller);
+  if (controlType === "CHART")
+    return new ChartNavigationProvider(controller);
   return new NavgationBaseProvider(controller);
 }
 

package/es/common/control-navigation/provider/map-navigation.provider.mjs

@@ -1,3 +1,4 @@
+import { getAreaLevelByCode, calcDeCodeNameById, getAreaLevelNum } from '@ibiz-template/runtime';
 import { NavgationBaseProvider } from './navigation-base.provider.mjs';
 
 "use strict";
@@ -10,37 +11,72 @@ var __publicField = (obj, key, value) => {
 class MapNavigationProvider extends NavgationBaseProvider {
   constructor() {
     super(...arguments);
-    __publicField(this, "keyName", "id");
+    __publicField(this, "keyName", "_id");
+  }
+  /**
+   * @description 导航数据变化
+   * @param {IMapEvent['onNavDataChange']['event']} event
+   * @memberof MapNavigationProvider
+   */
+  onNavDataChange(event) {
+    var _a;
+    const { navData } = event;
+    if (((_a = this.navViewMsg.value) == null ? void 0 : _a.key) !== navData[this.keyName]) {
+      this.navStack.unshift(navData[this.keyName]);
+      this.navViewMsg.value = this.getNavViewMsg(navData);
+    }
   }
   onNavDataByStack() {
     const { items } = this.controller.state;
-    const navData = this.navStack.map((key) => items.find((item) => item._id === key)).find((item) => item !== void 0) || items[0];
+    const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || items[0];
     if (navData) {
-      this.controller.setNavData(navData);
+      if (navData._itemStyle.startsWith("REGION")) {
+        const data = { ...navData };
+        if (navData._areaCode) {
+          data.areaCode = this.controller.state.strAreaCode ? "".concat(navData._areaCode) : Number(navData._areaCode);
+          data.areaLevel = getAreaLevelByCode(navData._areaCode.toString());
+        }
+        this.setNavData(data);
+      } else {
+        this.setNavData(navData);
+      }
     } else {
-      this.navStack = [];
-      this.navViewMsg.value = void 0;
+      this.clearNavigation();
     }
   }
   getNavViewMsg(item) {
+    var _a, _b;
     const { sysMapItems } = this.model;
+    const { areaCode, areaLevel } = item;
     const itemModel = sysMapItems == null ? void 0 : sysMapItems.find((_item) => _item.id === item._mapItemId);
     if (itemModel) {
+      const tempContext = this.controller.context.clone();
+      const tempParams = { ...this.controller.params };
+      if ((_a = itemModel.itemStyle) == null ? void 0 : _a.startsWith("POINT")) {
+        const deName = calcDeCodeNameById(itemModel.appDataEntityId);
+        tempContext[deName] = item._deData.srfkey;
+      }
+      if ((_b = itemModel.itemStyle) == null ? void 0 : _b.startsWith("REGION")) {
+        tempParams.srfareacode = areaCode;
+        tempParams.srfarealevel = areaLevel;
+        tempParams.srfarealevelnum = areaLevel ? getAreaLevelNum(areaLevel) : 1;
+      }
       const { context, params } = this.prepareParams(
         itemModel,
-        item._deData,
-        this.controller.context,
-        this.controller.params
+        { ...item._deData, areaCode, areaLevel },
+        tempContext,
+        tempParams
       );
+      Object.assign(params, tempParams);
       return {
         params,
         context,
-        key: item._id,
+        key: item[this.keyName],
         viewId: itemModel.navAppViewId
       };
     }
     return {
-      key: item._id,
+      key: item[this.keyName],
       context: this.controller.context,
       params: this.controller.params
     };

package/es/common/control-navigation/provider/navigation-base.provider.mjs

@@ -88,6 +88,26 @@ class NavgationBaseProvider {
     const tempParams = { ...resultParams };
     return { context: tempContext, params: tempParams };
   }
+  /**
+   * @description 清空导航
+   * @protected
+   * @memberof NavgationBaseProvider
+   */
+  clearNavigation() {
+    this.navStack = [];
+    this.controller.setSelection([]);
+    this.navViewMsg.value = void 0;
+  }
+  /**
+   * @description 设置导航数据
+   * @protected
+   * @param {IData} data
+   * @memberof NavgationBaseProvider
+   */
+  setNavData(data) {
+    this.controller.setNavData(data);
+    this.controller.setSelection([data]);
+  }
   /**
    * 通过栈数据导航
    *
@@ -96,16 +116,11 @@ class NavgationBaseProvider {
   onNavDataByStack() {
     const { items } = this.controller.state;
     const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || items[0];
-    setTimeout(() => {
-      if (navData) {
-        this.controller.setNavData(navData);
-        this.controller.setSelection([navData]);
-      } else {
-        this.navStack = [];
-        this.controller.setSelection([]);
-        this.navViewMsg.value = void 0;
-      }
-    });
+    if (navData) {
+      this.setNavData(navData);
+    } else {
+      this.clearNavigation();
+    }
   }
   /**
    * 导航数据变化

package/es/common/control-navigation/provider/tree-navigation.provider.mjs

@@ -38,14 +38,11 @@ class TreeNavigationProvider extends NavgationBaseProvider {
       }
       return this.navNodeModelIds.includes(node._nodeId);
     });
-    const navData = this.navStack.map((key) => items.find((item) => item._id === key)).find((item) => item !== void 0) || defaultNav;
+    const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || defaultNav;
     if (navData) {
-      this.controller.setSelection([navData]);
-      this.controller.setNavData(navData);
+      this.setNavData(navData);
     } else {
-      this.navStack = [];
-      this.controller.setSelection([]);
-      this.navViewMsg.value = void 0;
+      this.clearNavigation();
     }
   }
   getNavViewMsg(item) {
@@ -64,14 +61,14 @@ class TreeNavigationProvider extends NavgationBaseProvider {
         _params
       );
       return {
-        key: item._id,
+        key: item[this.keyName],
         context,
         params,
         viewId: nodeModel.navAppViewId
       };
     }
     return {
-      key: item._id,
+      key: item[this.keyName],
       context: _context,
       params: _params
     };

package/es/common/coop-alert/coop-alert.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './coop-alert.css';
 

package/es/common/cropping/cropping.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, nextTick, createVNode, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, ref, computed, nextTick } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import './cropping.css';

package/es/common/custom-filter-condition/custom-filter-condition.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, watch, resolveComponent, h, createTextVNode, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, createTextVNode, resolveComponent, ref, watch, h } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import { getEditorProvider } from '@ibiz-template/runtime';

package/es/common/custom-theme/custom-theme.controller.mjs

@@ -1,5 +1,6 @@
 import { clone } from 'ramda';
 import { reactive } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
 import { predefineThemeVars } from './custom-theme-model.mjs';
 
 "use strict";
@@ -96,6 +97,39 @@ class CustomThemeController {
     this.model.forEach((item) => {
       this.initModelMapping(item);
     });
+    const pluginTheme = ibiz.util.theme.pluginTheme;
+    pluginTheme.forEach((item) => {
+      const ns = useNamespace("custom-theme");
+      const color = this.getRootCssVar(
+        ns.cssVarName("color-primary"),
+        item.themeTag
+      );
+      this.predefineType.push({
+        codeName: item.themeTag,
+        label: item.themeTag,
+        color,
+        isCustom: true
+      });
+    });
+  }
+  /**
+   * @description 获取根节点样式变量
+   * @protected
+   * @param {string} name
+   * @param {string} themeTag
+   * @returns {*}  {(string | number)}
+   * @memberof CustomThemeController
+   */
+  getRootCssVar(name, themeTag) {
+    const root = document.documentElement;
+    if (root.classList.contains(themeTag)) {
+      return this.getCssVar(name);
+    }
+    const className = root.className;
+    root.className = themeTag;
+    const color = this.getCssVar(name);
+    root.className = className;
+    return color;
   }
   /**
    * 初始化模型映射

package/es/common/custom-theme/custom-theme.mjs

@@ -1,10 +1,10 @@
-import { isVNode, getCurrentInstance, ref, watch, nextTick, onMounted, onUnmounted, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, getCurrentInstance, ref, watch, nextTick, onMounted, onUnmounted, computed } from 'vue';
 import { useNamespace, useUIStore } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
-import '../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/index.mjs';
+import '../../node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/index.mjs';
 import { CustomThemeController } from './custom-theme.controller.mjs';
 import './custom-theme.css';
-import loader from '../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/loader/index.mjs';
+import loader from '../../node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/loader/index.mjs';
 
 "use strict";
 function _isSlot(s) {
@@ -42,7 +42,7 @@ const CustomTheme = /* @__PURE__ */ defineComponent({
       nextTick(() => {
         loader.config({
           paths: {
-            vs: "".concat(ibiz.env.pluginBaseUrl, "/monaco-editor@0.45.0/min/vs")
+            vs: "".concat(ibiz.env.pluginBaseUrl, "/monaco-editor@0.52.2/min/vs")
           }
         });
         loader.init().then((loaderMonaco) => {
@@ -167,6 +167,12 @@ const CustomTheme = /* @__PURE__ */ defineComponent({
       }
       vue.$forceUpdate();
     };
+    const getVarLabel = (item) => {
+      if (item.labelLang) {
+        return ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang));
+      }
+      return item.label;
+    };
     const predefineColors = ref(["rgb(241, 4, 4)", "rgb(242, 76, 4)", "rgb(238, 153, 33)", "rgb(98, 230, 10)", "rgb(10, 230, 164)", "rgb(3, 144, 245)", "rgb(3, 7, 245)", "rgb(108, 3, 245)", "rgb(245, 3, 241)", "rgb(245, 3, 92)"]);
     const renderColorPicker = (data) => {
       let {
@@ -205,7 +211,7 @@ const CustomTheme = /* @__PURE__ */ defineComponent({
         "class": ns.b("item")
       }, [createVNode("div", {
         "class": ns.be("item", "caption")
-      }, [ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang))]), createVNode("div", {
+      }, [getVarLabel(item)]), createVNode("div", {
         "class": ns.be("item", "content")
       }, [item.vars.map((data) => {
         let content = renderColorPicker(data);
@@ -217,7 +223,7 @@ const CustomTheme = /* @__PURE__ */ defineComponent({
         }, [createVNode("span", {
           "class": ns.be("var", "description"),
           "title": showTitle(ibiz.i18n.t("control.common.customTheme.".concat(data.descLang)))
-        }, [ibiz.i18n.t("control.common.customTheme.".concat(data.labelLang))]), content]);
+        }, [getVarLabel(data)]), content]);
       })])]);
     };
     const handAdvancedSetting = async () => {
@@ -259,7 +265,7 @@ const CustomTheme = /* @__PURE__ */ defineComponent({
       }, [c.predefineType.map((item) => {
         return createVNode(resolveComponent("el-button"), {
           "color": item.color,
-          "title": showTitle(ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang))),
+          "title": showTitle(getVarLabel(item)),
           "onClick": () => {
             handleThemeChange(item.codeName);
           }
@@ -286,7 +292,7 @@ const CustomTheme = /* @__PURE__ */ defineComponent({
         let _slot;
         return createVNode(resolveComponent("el-tab-pane"), {
           "name": index,
-          "label": ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang))
+          "label": getVarLabel(item)
         }, _isSlot(_slot = renderItem(item)) ? _slot : {
           default: () => [_slot]
         });

package/es/common/data-import/data-import.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, createVNode, resolveComponent, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, defineComponent, withDirectives, createVNode, resolveComponent, resolveDirective, ref } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './data-import.css';
 import { downloadImportTemplate, selectAndImport } from '@ibiz-template/runtime';

package/es/common/data-import2/data-import2.mjs

@@ -1,7 +1,7 @@
-import { isVNode, ref, watch, onMounted, computed, createVNode, resolveComponent, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, defineComponent, withDirectives, createVNode, resolveComponent, resolveDirective, ref, watch, onMounted, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import qs from 'qs';
-import { CoreConst, getAppCookie, showTitle } from '@ibiz-template/core';
+import { showTitle } from '@ibiz-template/core';
 import { clone } from 'ramda';
 import './data-import2.css';
 import { getDefaultDataImport, getImportSchema, updateImportSchema, createImportSchema, asyncImportData2, fetchImportSchemas } from '@ibiz-template/runtime';
@@ -74,7 +74,7 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
         }
         let columnMapData = columnData.fields;
         if (!columnData.fields) {
-          const res = await getImportSchema(columnData.id);
+          const res = await getImportSchema(columnData.id, props.context);
           if (res.status === 200 && res.data) {
             columnMapData = res.data.fields;
           }
@@ -143,7 +143,8 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
           const resput = await updateImportSchema({
             appDataEntity: props.appDataEntity,
             dataImport,
-            data
+            data,
+            context: props.context
           });
           if (resput.status === 200 && resput.ok) {
             columnMappingListMap.set(listValue.value, resput.data);
@@ -160,7 +161,8 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
           const res = await createImportSchema({
             appDataEntity: props.appDataEntity,
             dataImport,
-            data
+            data,
+            context: props.context
           });
           if (res.status === 200 && res.ok) {
             columnMappingListMap.set(data.name, res.data);
@@ -183,7 +185,8 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
             appDataEntity: props.appDataEntity,
             dataImport,
             fileId: fileid,
-            schemaId: id
+            schemaId: id,
+            context: props.context
           });
           onCancelButtonClick();
         } else {
@@ -207,7 +210,8 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
     const columnMappingListQuery = async () => {
       const res = await fetchImportSchemas({
         appDataEntity: props.appDataEntity,
-        dataImport
+        dataImport,
+        context: props.context
       });
       if (res.status === 200 && res.data) {
         res.data.forEach((item) => {
@@ -234,8 +238,9 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
       }
       columnMappingListQuery();
     });
+    const uploadHeaders = ibiz.util.file.getUploadHeaders();
     const headers = ref({
-      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(getAppCookie(CoreConst.TOKEN))
+      ...uploadHeaders
     });
     const UploadUrl = computed(() => {
       let uploadFileUrl;
@@ -385,6 +390,7 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
       "options": this.options,
       "columnMappingListMap": this.columnMappingListMap,
       "listValue": this.listValue,
+      "context": this.context,
       "onListValueChange": this.listValueChange,
       "onColumnMappingListMapChange": this.columnMappingListMapChange,
       "onOptionsChange": this.optionsChange

package/es/common/data-import2-select/data-import2-select.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './data-import2-select.css';
 import { updateImportSchema, deleteImportSchema } from '@ibiz-template/runtime';
@@ -25,6 +25,10 @@ const DataImport2Select = /* @__PURE__ */ defineComponent({
     listValue: {
       type: String,
       required: true
+    },
+    context: {
+      type: Object,
+      required: false
     }
   },
   setup(props, {
@@ -55,7 +59,8 @@ const DataImport2Select = /* @__PURE__ */ defineComponent({
       if (data) {
         data.name = item.label;
         const result = await updateImportSchema({
-          data
+          data,
+          context: props.context
         });
         if (result.status === 200 && result.ok) {
           emit("columnMappingListMapChange", item.label, result.data);
@@ -81,7 +86,7 @@ const DataImport2Select = /* @__PURE__ */ defineComponent({
       e.stopPropagation();
       const columnData = props.columnMappingListMap.get(str);
       if (columnData) {
-        const res = await deleteImportSchema(columnData.id);
+        const res = await deleteImportSchema(columnData.id, props.context);
         if (res.status === 200 && res.ok) {
           emit("optionsChange", str);
           emit("columnMappingListMapChange", str);

package/es/common/data-import2-table/data-import2-table.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './data-import2-table.css';
 

package/es/common/doing-notice/doing-notice.mjs

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './doing-notice.css';
 

package/es/common/editor-empty-text/editor-empty-text.css

@@ -0,0 +1 @@
+.ibiz-editor-empty-text.is-placeholder{color:var(--ibiz-color-text-3);white-space:nowrap}

package/es/common/editor-empty-text/editor-empty-text.mjs

@@ -0,0 +1,31 @@
+import { defineComponent, createVNode } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './editor-empty-text.css';
+
+"use strict";
+const IBizEditorEmptyText = /* @__PURE__ */ defineComponent({
+  name: "IBizEditorEmptyText",
+  props: {
+    showPlaceholder: {
+      type: Boolean,
+      default: false
+    },
+    placeHolder: {
+      type: String,
+      default: ""
+    }
+  },
+  setup() {
+    const ns = useNamespace("editor-empty-text");
+    return {
+      ns
+    };
+  },
+  render() {
+    return createVNode("span", {
+      "class": [this.ns.b(), this.ns.is("placeholder", this.showPlaceholder)]
+    }, [this.showPlaceholder && this.placeHolder ? this.placeHolder : ibiz.config.common.emptyText]);
+  }
+});
+
+export { IBizEditorEmptyText };

package/es/common/emoji-select/components/categories/categories.mjs

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './categories.css';
 import { showTitle } from '@ibiz-template/core';

package/es/common/emoji-select/components/category-label/category-label.mjs

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './category-label.css';