@ibiz-template/vue3-components 0.7.9 → 0.7.11

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.cjs

@@ -83,23 +83,25 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
       deep: true
     });
     const renderRemoveBtn = (index) => {
+      let _slot2;
       if (!props.controller.enableDelete) {
         return null;
       }
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return vue.createVNode(vue.resolveComponent("el-popconfirm"), {
-          "title": "\u662F\u5426\u5220\u9664\u9009\u4E2D\u9879",
-          "confirm-button-text": "\u786E\u8BA4",
-          "cancel-button-text": "\u53D6\u6D88",
+          "title": ibiz.i18n.t("control.form.repeaterGrid.promptInformation"),
+          "confirm-button-text": ibiz.i18n.t("app.confirm"),
+          "cancel-button-text": ibiz.i18n.t("app.cancel"),
           "onConfirm": () => props.controller.remove(index)
         }, {
           reference: () => {
+            let _slot;
             return vue.createVNode(vue.resolveComponent("el-button"), {
               "text": true,
               "type": "danger",
               "class": [ns.be("index", "remove")]
-            }, {
-              default: () => [vue.createTextVNode("\u5220\u9664")]
+            }, _isSlot(_slot = ibiz.i18n.t("app.delete")) ? _slot : {
+              default: () => [_slot]
             });
           }
         });
@@ -109,8 +111,8 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
         "type": "danger",
         "class": [ns.be("index", "remove")],
         "onClick": () => props.controller.remove(index)
-      }, {
-        default: () => [vue.createTextVNode("\u5220\u9664")]
+      }, _isSlot(_slot2 = ibiz.i18n.t("app.delete")) ? _slot2 : {
+        default: () => [_slot2]
       });
     };
     return {
@@ -121,6 +123,7 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    let _slot3;
     return vue.createVNode("div", {
       "class": this.ns.b()
     }, [this.controller.enableCreate && vue.createVNode(vue.resolveComponent("el-button"), {
@@ -128,8 +131,8 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
       "onClick": () => {
         this.controller.create();
       }
-    }, {
-      default: () => [vue.createTextVNode("\u6DFB\u52A0")]
+    }, _isSlot(_slot3 = ibiz.i18n.t("app.add")) ? _slot3 : {
+      default: () => [_slot3]
     }), vue.createVNode(vue.resolveComponent("el-table"), {
       "class": this.ns.e("table"),
       "show-header": true,
@@ -174,7 +177,7 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
             } = opts;
             const formC = vue.toRaw(this.formControllers[$index]);
             if (!formC || !formC.state.isLoaded) {
-              return vue.createVNode("div", null, [vue.createTextVNode("\u4E0D\u5B58\u5728\u6216\u52A0\u8F7D\u4E2D")]);
+              return vue.createVNode("div", null, [ibiz.i18n.t("control.form.repeaterGrid.absentOrLoad")]);
             }
             const formItemC = formC.formItems.find((x) => x.name === item.id);
             let editor = null;

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-single-form/repeater-single-form.cjs

@@ -46,7 +46,7 @@ const RepeaterSingleForm = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     if (!this.controller.repeatedForm) {
-      throw new core.RuntimeError("\u6CA1\u6709repeatedForm");
+      throw new core.RuntimeError(ibiz.i18n.t("control.form.repeaterSingleForm.errorMessage"));
     }
     return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
       "class": this.ns.b(),

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl.cjs

@@ -61,7 +61,7 @@ const FormMDCtrl = /* @__PURE__ */ vue.defineComponent({
         }, null);
         break;
       default:
-        vue.createVNode("div", null, [model.contentType, vue.createTextVNode("\u6682\u672A\u652F\u6301")]);
+        vue.createVNode("div", null, [ibiz.i18n.t("app.noSupport")]);
         break;
     }
     return vue.createVNode("div", {

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl.provider.cjs

@@ -31,7 +31,9 @@ class FormMDCtrlProvider {
       default:
         throw new core.ModelError(
           detailModel,
-          "\u6682\u672A\u652F\u6301\u5185\u5BB9\u7C7B\u578B\u4E3A".concat(detailModel.contentType)
+          "".concat(ibiz.i18n.t("control.form.formMDctrl.errorMessage", {
+            contentType: detailModel.contentType
+          }))
         );
     }
     await c.init();

package/lib/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.cjs

@@ -5,6 +5,9 @@ var vue3Util = require('@ibiz-template/vue3-util');
 require('./mdctrl-container.css');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const MDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
   name: "IBizMDCtrlContainer",
   props: {
@@ -33,30 +36,33 @@ const MDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
       return props.enableCreate || props.enableDelete;
     });
     const renderAddBtn = () => {
+      let _slot;
       return vue.createVNode(vue.resolveComponent("el-button"), {
         "class": [ns.be("item-actions", "create"), ns.be("item-actions", "btn")],
         "onClick": () => emit("addClick")
-      }, {
-        default: () => [vue.createTextVNode("\u6DFB\u52A0")]
+      }, _isSlot(_slot = ibiz.i18n.t("app.add")) ? _slot : {
+        default: () => [_slot]
       });
     };
     const renderRemoveBtn = (item, index) => {
+      let _slot3;
       if (!props.enableDelete) {
         return null;
       }
       if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
         return vue.createVNode(vue.resolveComponent("el-popconfirm"), {
-          "title": "\u662F\u5426\u5220\u9664\u9009\u4E2D\u9879",
-          "confirm-button-text": "\u786E\u8BA4",
-          "cancel-button-text": "\u53D6\u6D88",
+          "title": ibiz.i18n.t("control.form.mdCtrlContainer.promptInformation"),
+          "confirm-button-text": ibiz.i18n.t("app.confirm"),
+          "cancel-button-text": ibiz.i18n.t("app.cancel"),
           "onConfirm": () => emit("removeClick", item, index)
         }, {
           reference: () => {
+            let _slot2;
             return vue.createVNode(vue.resolveComponent("el-button"), {
               "type": "danger",
               "class": [ns.be("item-actions", "remove"), ns.be("item-actions", "btn")]
-            }, {
-              default: () => [vue.createTextVNode("\u5220\u9664")]
+            }, _isSlot(_slot2 = ibiz.i18n.t("app.delete")) ? _slot2 : {
+              default: () => [_slot2]
             });
           }
         });
@@ -65,8 +71,8 @@ const MDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
         "type": "danger",
         "class": [ns.be("item-actions", "remove"), ns.be("item-actions", "btn")],
         "onClick": () => emit("removeClick", item, index)
-      }, {
-        default: () => [vue.createTextVNode("\u5220\u9664")]
+      }, _isSlot(_slot3 = ibiz.i18n.t("app.delete")) ? _slot3 : {
+        default: () => [_slot3]
       });
     };
     return {
@@ -84,7 +90,7 @@ const MDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
       const formComponent = this.$slots.item ? this.$slots.item({
         data: item,
         index
-      }) : vue.createVNode("div", null, [vue.createTextVNode("\u672A\u63D0\u4F9Bitem\u63D2\u69FD")]);
+      }) : vue.createVNode("div", null, [ibiz.i18n.t("control.form.mdCtrlContainer.noSlot")]);
       return vue.createVNode("div", {
         "class": this.ns.b("item")
       }, [formComponent, this.showActions && vue.createVNode("div", {

package/lib/control/gantt/gantt.cjs

@@ -139,10 +139,19 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
       c.onDbTreeNodeClick(nodeData);
     };
     const onNodeExpand = (nodeData) => {
+      c.onExpandChange(nodeData, true);
       if (nodeData && !nodeData._children) {
         c.refreshNodeChildren(nodeData);
       }
     };
+    c.evt.on("onDefaultExpand", (event) => {
+      if (ganttRef.value) {
+        ganttRef.value.refresh();
+      }
+    });
+    const onNodeCollapse = (nodeData) => {
+      c.onExpandChange(nodeData, false);
+    };
     c.evt.on("onNewRow", (event) => {
       if (ganttRef.value) {
         const nodeData = event.row.data;
@@ -319,19 +328,19 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
         "class": "detail"
       }, [vue.createVNode("div", {
         "class": "caption"
-      }, [vue.createTextVNode("\u5B8C\u6210\u91CF")]), vue.createVNode("div", {
+      }, [ibiz.i18n.t("control.gantt.complete")]), vue.createVNode("div", {
         "class": "description"
       }, [item._finishDataItemValue])]), vue.createVNode("div", {
         "class": "detail"
       }, [vue.createVNode("div", {
         "class": "caption"
-      }, [vue.createTextVNode("\u603B\u91CF")]), vue.createVNode("div", {
+      }, [ibiz.i18n.t("control.gantt.total")]), vue.createVNode("div", {
         "class": "description"
       }, [item._totalDataItemValue])]), vue.createVNode("div", {
         "class": "detail"
       }, [vue.createVNode("div", {
         "class": "caption"
-      }, [vue.createTextVNode("\u622A\u6B62\u65F6\u95F4")]), vue.createVNode("div", {
+      }, [ibiz.i18n.t("control.gantt.deadline")]), vue.createVNode("div", {
         "class": "description"
       }, [dayjs(item._endDataItemValue).format("YYYY-MM-DD HH:mm:ss")])])])]);
     };
@@ -392,6 +401,7 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
       onNodeClick,
       onNodeDbClick,
       onNodeExpand,
+      onNodeCollapse,
       renderContent,
       onSliderMove,
       renderNoData
@@ -419,6 +429,7 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
         "locale": this.locale,
         "showCheckbox": !this.c.state.singleSelect,
         "onNodeExpand": this.onNodeExpand,
+        "onNodeCollapse": this.onNodeCollapse,
         "onRowClick": this.onNodeClick,
         "onRowDblClick": this.onNodeDbClick,
         "onRowChecked": this.onCheck,

package/lib/control/grid/grid/grid.cjs

@@ -215,7 +215,9 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
         "class": ns.b("batch-toolbar-content")
       }, [vue.createVNode("div", {
         "class": ns.b("batch-toolbar-text")
-      }, [vue.createTextVNode("\u5DF2\u9009\u4E2D"), c.state.selectedData.length, vue.createTextVNode("\u9879")]), vue.createVNode("div", {
+      }, [ibiz.i18n.t("control.common.itemsSelected", {
+        length: c.state.selectedData.length
+      })]), vue.createVNode("div", {
         "class": ns.b("batch-toolbar-separator")
       }, [vue.createTextVNode("|")]), vue.createVNode(vue.resolveComponent("iBizToolbarControl"), {
         "modelData": batchToolbar,

package/lib/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.cjs

@@ -46,7 +46,9 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
         case "all":
           return allEdit.useAllEdit(props, componentRef);
         default:
-          throw new core.RuntimeError("".concat(ibiz.config.grid.editShowMode, "\u6682\u672A\u652F\u6301"));
+          throw new core.RuntimeError(ibiz.i18n.t("control.common.noSupportItem", {
+            name: ibiz.config.grid.editShowMode
+          }));
       }
     };
     const {

package/lib/control/grid/row-edit-popover/row-edit-popover.cjs

@@ -5,6 +5,9 @@ var vue3Util = require('@ibiz-template/vue3-util');
 require('./row-edit-popover.css');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const IBizRowEditPopover = /* @__PURE__ */ vue.defineComponent({
   name: "IBizRowEditPopover",
   props: {
@@ -48,16 +51,17 @@ const IBizRowEditPopover = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    let _slot, _slot2;
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.is("hidden", !this.show)]
     }, [vue.createVNode(vue.resolveComponent("el-button"), {
       "onClick": this.onConfirm
-    }, {
-      default: () => [vue.createTextVNode("\u786E\u5B9A")]
+    }, _isSlot(_slot = ibiz.i18n.t("control.common.determine")) ? _slot : {
+      default: () => [_slot]
     }), vue.createVNode(vue.resolveComponent("el-button"), {
       "onClick": this.onCancel
-    }, {
-      default: () => [vue.createTextVNode("\u53D6\u6D88")]
+    }, _isSlot(_slot2 = ibiz.i18n.t("app.cancel")) ? _slot2 : {
+      default: () => [_slot2]
     })]);
   }
 });

package/lib/control/grid/row-edit-popover/use-row-edit-popover.cjs

@@ -12,7 +12,7 @@ function useRowEditPopover(tableRef, c) {
   const popStyle = vue.reactive({});
   const findTrEl = (row) => {
     if (!tableRef.value) {
-      throw new core.RuntimeError("\u627E\u4E0D\u5230\u8868\u683C\u7EC4\u4EF6\u5F15\u7528");
+      throw new core.RuntimeError(ibiz.i18n.t("control.common.citeErrMessage"));
     }
     const tableEl = tableRef.value.$el;
     let selector = ".el-table__row";
@@ -21,14 +21,14 @@ function useRowEditPopover(tableRef, c) {
     }
     const trEl = tableEl.querySelector(selector);
     if (!trEl) {
-      throw new core.RuntimeError("\u627E\u4E0D\u5230\u5BF9\u5E94\u7684\u8868\u683C\u884Cdom\u5143\u7D20");
+      throw new core.RuntimeError(ibiz.i18n.t("control.common.noDomErrMessage"));
     }
     return trEl;
   };
   const showRowEditPop = async (row) => {
     const trEl = findTrEl(row);
     if (!popInstance) {
-      throw new core.RuntimeError("\u62FF\u4E0D\u5230pop\u7EC4\u4EF6\u7684\u5B9E\u4F8B");
+      throw new core.RuntimeError(ibiz.i18n.t("control.common.noPopErrMessage"));
     }
     const popEl = popInstance.$el;
     const {

package/lib/control/kanban/kanban.cjs

@@ -8,6 +8,9 @@ var core = require('@ibiz-template/core');
 require('./kanban.css');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const KanbanControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizKanbanControl",
   components: {
@@ -169,6 +172,7 @@ const KanbanControl = /* @__PURE__ */ vue.defineComponent({
       }, null)]);
     };
     const renderBatchCheck = (group) => {
+      let _slot;
       const selectedData = group.selectedData || [];
       const checkAll = selectedData.length === group.children.length;
       const isIndeterminate = selectedData.length > 0 && selectedData.length < group.children.length;
@@ -178,11 +182,14 @@ const KanbanControl = /* @__PURE__ */ vue.defineComponent({
         "model-value": checkAll,
         "indeterminate": isIndeterminate,
         "onChange": () => handleCheckAllGroup(group, checkAll)
-      }, {
-        default: () => [vue.createTextVNode("\u5168\u9009")]
+      }, _isSlot(_slot = ibiz.i18n.t("control.kanban.selectAll")) ? _slot : {
+        default: () => [_slot]
       }), vue.createVNode("span", {
-        "class": ns.be("batch", "info")
-      }, [vue.createTextVNode("\u5DF2\u9009\u62E9"), vue.createVNode("span", null, [selectedData.length]), vue.createTextVNode("\u6761\u6570\u636E")])]);
+        "class": ns.be("batch", "info"),
+        "innerHTML": ibiz.i18n.t("control.kanban.selectedDataCount", {
+          length: selectedData.length
+        })
+      }, null)]);
     };
     const renderBatchContainer = (group) => {
       if (batchKey.value !== group.key) {
@@ -267,14 +274,15 @@ const KanbanControl = /* @__PURE__ */ vue.defineComponent({
     const renderGroupToolbar = (group) => {
       const showActionBar = c.model.groupUIActionGroup && group.groupActionGroupState || batchToolbarModel;
       if (batchKey.value === group.key) {
+        let _slot2;
         return vue.createVNode("span", {
           "class": ns.be("group", "header-right"),
           "onClick": (event) => stopPropagation(event)
         }, [vue.createVNode(vue.resolveComponent("el-button"), {
           "text": true,
           "onClick": () => c.closeBatch()
-        }, {
-          default: () => [vue.createTextVNode("\u5B8C\u6210")]
+        }, _isSlot(_slot2 = ibiz.i18n.t("app.complete")) ? _slot2 : {
+          default: () => [_slot2]
         })]);
       }
       return vue.createVNode("span", {
@@ -290,7 +298,7 @@ const KanbanControl = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: () => [vue.createVNode("ion-icon", {
           "name": "add-outline",
-          "title": "\u65B0\u5EFA"
+          "title": ibiz.i18n.t("control.kanban.newPrompt")
         }, null)]
       }), showActionBar && vue.createVNode(vue.resolveComponent("el-dropdown"), {
         "class": ns.be("group", "header-actions"),
@@ -314,7 +322,7 @@ const KanbanControl = /* @__PURE__ */ vue.defineComponent({
         }, {
           default: () => [vue.createVNode("ion-icon", {
             "name": "checkmark-sharp"
-          }, null), vue.createTextVNode("\u6279\u91CF\u64CD\u4F5C")]
+          }, null), ibiz.i18n.t("control.kanban.natchOperation")]
         })])
       })]);
     };

package/lib/control/report-panel/report-detail/user2-report-panel/user2-report-panel.cjs

@@ -59,7 +59,7 @@ const User2ReportPanel = /* @__PURE__ */ vue.defineComponent({
     }
     return vue.createVNode("div", {
       "class": this.ns.e("empty")
-    }, [vue.createTextVNode("\u6682\u65E0\u6570\u636E")]);
+    }, [ibiz.i18n.t("control.common.currentNoData")]);
   }
 });
 

package/lib/control/report-panel/report-panel.cjs

@@ -49,7 +49,7 @@ const ReportPanelControl = /* @__PURE__ */ vue.defineComponent({
             "controller": c
           }, null);
         default:
-          return vue.createVNode("div", null, [vue.createTextVNode("\u6682\u672A\u5B9E\u73B0")]);
+          return vue.createVNode("div", null, [ibiz.i18n.t("control.reportPanel.unrealized")]);
       }
     };
     return {

package/lib/control/search-bar/filter-tree/filter-tree.cjs

@@ -358,6 +358,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       })])]);
     };
     renderFilterItems = (node) => {
+      let _slot3;
       const itemsC = findFilterController(node);
       if (node.simple) {
         let _slot2;
@@ -396,8 +397,8 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         "onClick": () => {
           addItem(node);
         }
-      }, {
-        default: () => [vue.createTextVNode("\u6DFB\u52A0\u9879")]
+      }, _isSlot(_slot3 = ibiz.i18n.t("control.searchBar.filterTree.addItem")) ? _slot3 : {
+        default: () => [_slot3]
       })]), vue.createVNode("div", {
         "class": ns.be("group", "list")
       }, [node.children.length > 0 && node.children.map((child, index) => {
@@ -434,6 +435,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    let _slot4;
     return vue.createVNode("div", {
       "class": [this.ns.b()]
     }, [this.UiFilterNodes.length > 0 && this.UiFilterNodes.map((node) => {
@@ -448,13 +450,13 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         this.onConfirm();
       }
     }, {
-      default: () => [this.isInSearchBar ? "\u641C\u7D22" : "\u786E\u5B9A"]
+      default: () => [this.isInSearchBar ? ibiz.i18n.t("control.searchBar.filterTree.search") : ibiz.i18n.t("control.common.determine")]
     }), vue.createVNode(vue.resolveComponent("el-button"), {
       "onClick": () => {
         this.onCancel();
       }
-    }, {
-      default: () => [vue.createTextVNode("\u91CD\u7F6E")]
+    }, _isSlot(_slot4 = ibiz.i18n.t("control.searchBar.filterTree.reset")) ? _slot4 : {
+      default: () => [_slot4]
     })])]);
   }
 });

package/lib/control/search-bar/search-bar.cjs

@@ -138,7 +138,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
           }, [groupItem.caption]);
         })])), this.c.model.enableGroup && this.c.isBackendSearchGroup && vue.createVNode(vue.resolveComponent("el-button"), {
           "class": this.ns.b("save"),
-          "title": "\u4FDD\u5B58\u5206\u7EC4",
+          "title": ibiz.i18n.t("control.searchBar.saveGroup"),
           "onClick": this.handleSave
         }, {
           default: () => [vue.createVNode("ion-icon", {
@@ -162,7 +162,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
         }), this.c.enableFilter && vue.createVNode(vue.resolveComponent("el-button"), {
           "ref": "filterButtonRef",
           "type": "primary",
-          "title": "\u8FC7\u6EE4",
+          "title": ibiz.i18n.t("control.searchBar.filter"),
           "class": this.ns.b("filter"),
           "onClick": () => this.triggerFilter()
         }, {

package/lib/control/search-bar/search-groups/edit-group-util.cjs

@@ -10,7 +10,13 @@ function useEditGroup(c) {
   });
   const editFormRef = vue.ref();
   const editFormRules = vue.reactive({
-    caption: [{ required: true, message: "\u5206\u7EC4\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A", trigger: "blur" }]
+    caption: [
+      {
+        required: true,
+        message: ibiz.i18n.t("control.searchBar.searchGroups.groupValueRule"),
+        trigger: "blur"
+      }
+    ]
   });
   const handleEditFormSubmit = async () => {
     if (editFormRef.value) {
@@ -30,7 +36,9 @@ function useEditGroup(c) {
                 }
               }
             }
-            ibiz.message.success("\u66F4\u65B0\u6210\u529F\uFF01");
+            ibiz.message.success(
+              "".concat(ibiz.i18n.t("control.common.updateSuccess"), "\uFF01")
+            );
             editDialogVisible.value = false;
           }
         }

package/lib/control/search-bar/search-groups/new-group-util.cjs

@@ -10,7 +10,13 @@ function useNewGroup(c) {
   });
   const newFormRef = vue.ref();
   const newFormRules = vue.reactive({
-    caption: [{ required: true, message: "\u5206\u7EC4\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A", trigger: "blur" }]
+    caption: [
+      {
+        required: true,
+        message: ibiz.i18n.t("control.searchBar.searchGroups.groupValueRule"),
+        trigger: "blur"
+      }
+    ]
   });
   const handleNewFormCancel = () => {
     if (newFormRef.value) {
@@ -27,13 +33,17 @@ function useNewGroup(c) {
               return group.caption === newForm.caption;
             });
             if (sameCaptionGroup) {
-              ibiz.message.error("\u5206\u7EC4\u540D\u79F0\u4E0D\u80FD\u91CD\u590D\uFF01");
+              ibiz.message.error(
+                ibiz.i18n.t("control.searchBar.searchGroups.errorMessage")
+              );
               return;
             }
             await c.service.create(newForm.caption);
             handleNewFormCancel();
             await c.initSearBarGroups();
-            ibiz.message.success("\u65B0\u5EFA\u6210\u529F\uFF01");
+            ibiz.message.success(
+              "".concat(ibiz.i18n.t("control.common.newSuccCreated"), "\uFF01")
+            );
           }
         }
       );