@ibiz-template/vue3-components 0.7.18 → 0.7.19-alpha.1

package/es/control/app-menu/app-menu.mjs

@@ -234,8 +234,6 @@ const AppMenuControl = /* @__PURE__ */ defineComponent({
     };
     c.evt.on("onCreated", async () => {
       saveConfigs.value = c.saveConfigs;
-    });
-    c.evt.on("onMounted", async () => {
       const allItems = c.getAllItems();
       const defaultActiveMenuItem = allItems.find((item) => {
         return item.openDefault && !item.hidden;
@@ -255,6 +253,8 @@ const AppMenuControl = /* @__PURE__ */ defineComponent({
           defaultOpens.value.push(item.id);
         });
       }
+    });
+    c.evt.on("onMounted", async () => {
       const counterRefId = c.model.appCounterRefId;
       if (counterRefId) {
         counter = c.getCounter(counterRefId);

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.d.ts

@@ -13,6 +13,8 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
         load: (args?: import("@ibiz-template/runtime").IDataAbilityParams | undefined) => Promise<IData>;
         save: (args?: import("@ibiz-template/runtime").FormSaveParams | undefined) => Promise<IData>;
         remove: (args?: import("@ibiz-template/runtime").IDataAbilityParams | undefined) => Promise<boolean>;
+        autoSave: () => Promise<void>;
+        immediateAutoSave: () => Promise<void>;
         wfSubmit: (args?: import("@ibiz-template/runtime").IDataAbilityParams | undefined) => Promise<void>;
         wfStart: (args?: import("@ibiz-template/runtime").IDataAbilityParams | undefined) => Promise<void>;
         getData: () => IData[];

package/es/control/grid/grid/grid.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, mergeProps, h, createVNode, createTextVNode, renderSlot, onUnmounted, defineComponent } from 'vue';
+import { resolveComponent, mergeProps, h, createVNode, watch, createTextVNode, renderSlot, onUnmounted, defineComponent } from 'vue';
 import { useControlController, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
 import { ScriptFactory, GridController } from '@ibiz-template/runtime';
 import { NOOP } from '@ibiz-template/core';
@@ -196,6 +196,11 @@ const GridControl = /* @__PURE__ */ defineComponent({
       defaultSort,
       summaryMethod
     } = useAppGridBase(c, props);
+    watch(() => tableData.value, () => {
+      c.calcShowMode(tableData.value);
+    }, {
+      immediate: true
+    });
     const {
       renderPopover
     } = useRowEditPopover(tableRef, c);
@@ -298,12 +303,8 @@ const GridControl = /* @__PURE__ */ defineComponent({
       return;
     }
     const state = this.c.state;
-    const {
-      hideHeader,
-      enablePagingBar
-    } = this.c.model;
     return createVNode(resolveComponent("iBizControlBase"), {
-      "class": [this.ns.is("show-header", !hideHeader), this.ns.is("enable-page", enablePagingBar), this.ns.is("enable-group", this.c.model.enableGroup), this.ns.is("single-select", state.singleSelect), this.ns.is("empty", state.items.length === 0), this.ns.is("enable-customized", this.c.model.enableCustomized)],
+      "class": [this.ns.is("show-header", !this.c.state.hideHeader), this.ns.is("enable-page", this.c.state.enablePagingBar), this.ns.is("enable-group", this.c.model.enableGroup), this.ns.is("single-select", state.singleSelect), this.ns.is("empty", state.items.length === 0), this.ns.is("enable-customized", this.c.model.enableCustomized)],
       "controller": this.c,
       "style": this.headerCssVars
     }, {
@@ -312,7 +313,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
         "class": this.ns.e("table"),
         "default-sort": this.defaultSort,
         "border": true,
-        "show-header": !hideHeader,
+        "show-header": !this.c.state.hideHeader,
         "show-summary": this.c.enableAgg,
         "summary-method": this.summaryMethod,
         "highlight-current-row": state.singleSelect,
@@ -339,7 +340,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
         append: () => {
           return this.renderPopover();
         }
-      }), enablePagingBar && createVNode(resolveComponent("iBizPagination"), {
+      }), this.c.state.enablePagingBar && createVNode(resolveComponent("iBizPagination"), {
         "total": state.total,
         "curPage": state.curPage,
         "size": state.size,
@@ -347,7 +348,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
         "onChange": this.onPageChange,
         "onPageSizeChange": this.onPageSizeChange,
         "onPageRefresh": this.onPageRefresh
-      }, null), this.c.model.enableCustomized && !hideHeader && createVNode("div", {
+      }, null), this.c.model.enableCustomized && !this.c.state.hideHeader && createVNode("div", {
         "class": this.ns.b("setting-box")
       }, [createVNode(resolveComponent("iBizGridSetting"), {
         "columnStates": state.columnStates,

package/es/control/search-bar/search-bar.mjs

@@ -1,5 +1,5 @@
 import { computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { useControlController, useLocalCacheKey, useNamespace } from '@ibiz-template/vue3-util';
 import './search-bar.css';
 import { SearchBarController } from '@ibiz-template/runtime';
 
@@ -26,6 +26,7 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
   setup() {
     var _a;
     const c = useControlController((...args) => new SearchBarController(...args));
+    c.setStorageKeyFn(useLocalCacheKey(c.context, "SEARCH_BAR_SELECTED_GROUP", c.view.modal.routeDepth));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     let isSearch = false;
     const onSearch = () => {

package/es/control/toolbar/short-cut-button/short-cut-button.css

@@ -0,0 +1 @@
+.ibiz-short-cut-button__icon svg{width:var(--ibiz-font-size-regular);height:var(--ibiz-font-size-regular);font-size:var(--ibiz-font-size-regular)}

package/es/control/toolbar/short-cut-button/short-cut-button.mjs

@@ -58,7 +58,7 @@ const IBizShortCutButton = /* @__PURE__ */ defineComponent({
       "onClick": this.onClick
     }, {
       default: () => [this.item.showIcon && this.item.sysImage && createVNode("span", {
-        "class": this.ns2.b("icon")
+        "class": [this.ns2.b("icon"), this.ns.e("icon")]
       }, [createVNode(resolveComponent("iBizIcon"), {
         "icon": this.item.sysImage
       }, null)]), this.item.showCaption && createVNode("span", {

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/index.d.ts

@@ -10,7 +10,7 @@ export declare const IBizTreeGridExFieldColumn: import("@ibiz-template/vue3-util
 }, {
     ns: import("@ibiz-template/core").Namespace;
     nodeColumn: import("vue").ComputedRef<import("@ibiz-template/runtime").TreeGridExNodeColumnController | undefined>;
-    fieldValue: import("vue").ComputedRef<any>;
+    fieldValue: import("vue").Ref<any>;
     showText: import("vue").ComputedRef<any>;
     clickable: import("vue").ComputedRef<any>;
     tooltip: import("vue").ComputedRef<any>;

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.d.ts

@@ -13,7 +13,7 @@ export declare const TreeGridExFieldColumn: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     nodeColumn: import("vue").ComputedRef<import("@ibiz-template/runtime").TreeGridExNodeColumnController | undefined>;
-    fieldValue: import("vue").ComputedRef<any>;
+    fieldValue: import("vue").Ref<any>;
     showText: import("vue").ComputedRef<any>;
     clickable: import("vue").ComputedRef<any>;
     tooltip: import("vue").ComputedRef<any>;

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.mjs

@@ -1,4 +1,4 @@
-import { computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { TreeGridExFieldColumnController, TreeGridExRowState } from '@ibiz-template/runtime';
 import { isNotNil } from 'ramda';
@@ -19,14 +19,19 @@ const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("tree-grid-ex-field-column");
-    const nodeColumn = computed(() => {
-      return props.controller.nodeColumnControllerMap.get(props.row.data._nodeId);
-    });
-    const fieldValue = computed(() => {
+    const fieldValue = ref();
+    watch(() => props.row.data, () => {
       if (props.row.data._nodeType !== "DE" && props.controller.isFirstShowColumn) {
-        return props.row.data._text;
+        fieldValue.value = props.row.data._text;
+      } else {
+        fieldValue.value = props.row.data[props.controller.name];
       }
-      return props.row.data[props.controller.name];
+    }, {
+      deep: true,
+      immediate: true
+    });
+    const nodeColumn = computed(() => {
+      return props.controller.nodeColumnControllerMap.get(props.row.data._nodeId);
     });
     const codeListText = ref("");
     const onInfoTextChange = (text) => {

package/es/panel-component/user-action/user-action.mjs

@@ -38,6 +38,10 @@ const UserAction = /* @__PURE__ */ defineComponent({
       }
     }
     const onClick = async (event) => {
+      const e = {
+        ...event
+      };
+      e.target = event.currentTarget;
       const id = props.modelData.id;
       const menuC = c.panel.view.getController("appmenu");
       if (menuC) {
@@ -55,7 +59,7 @@ const UserAction = /* @__PURE__ */ defineComponent({
           const tempParam = c.panel.params;
           tempContext.srfappid = targetMenu.appId || ibiz.env.appId;
           await ibiz.commands.execute(AppFuncCommand.TAG, targetMenu.appFuncId, tempContext, tempParam, {
-            event
+            event: e
           });
         }
       }
@@ -70,11 +74,11 @@ const UserAction = /* @__PURE__ */ defineComponent({
   render() {
     return createVNode("div", {
       "class": this.ns.b(),
-      "onClick": (event) => this.onClick(event),
       "title": this.modelData.caption
     }, [createVNode(resolveComponent("i-biz-icon"), {
       "class": [this.ns.e("image")],
-      "icon": this.sysImage
+      "icon": this.sysImage,
+      "onClick": (event) => this.onClick(event)
     }, null)]);
   }
 });

package/es/util/app-popover/app-popover-component.css

@@ -1 +1 @@
-.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;width:8px;height:8px;background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}.ibiz-popover__overlay{position:fixed;inset:0;background-color:transparent}
+.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;width:8px;height:8px;z-index:-1;background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}.ibiz-popover__overlay{position:fixed;inset:0;background-color:transparent}

package/es/view-engine/edit-view.engine.mjs

@@ -63,7 +63,9 @@ class EditViewEngine extends ViewEngineBase {
     modal.hooks.shouldDismiss.tapPromise(async (context) => {
       const uiDomain = ibiz.uiDomainManager.get(this.view.context.srfsessionid);
       const isChange = (this.form.state.modified || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
-      if (isChange && context.allowClose == null) {
+      if (isChange && this.form.model.enableAutoSave) {
+        await this.form.immediateAutoSave();
+      } else if (isChange && context.allowClose == null) {
         const isAllow = await ibiz.confirm.error({
           title: ibiz.i18n.t("viewEngine.closeRemind"),
           desc: ibiz.i18n.t("viewEngine.confirmClosePrompt")

package/lib/control/app-menu/app-menu.cjs

@@ -236,8 +236,6 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
     };
     c.evt.on("onCreated", async () => {
       saveConfigs.value = c.saveConfigs;
-    });
-    c.evt.on("onMounted", async () => {
       const allItems = c.getAllItems();
       const defaultActiveMenuItem = allItems.find((item) => {
         return item.openDefault && !item.hidden;
@@ -257,6 +255,8 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
           defaultOpens.value.push(item.id);
         });
       }
+    });
+    c.evt.on("onMounted", async () => {
       const counterRefId = c.model.appCounterRefId;
       if (counterRefId) {
         counter = c.getCounter(counterRefId);

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

@@ -198,6 +198,11 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       defaultSort,
       summaryMethod
     } = gridControl_util.useAppGridBase(c, props);
+    vue.watch(() => tableData.value, () => {
+      c.calcShowMode(tableData.value);
+    }, {
+      immediate: true
+    });
     const {
       renderPopover
     } = useRowEditPopover.useRowEditPopover(tableRef, c);
@@ -300,12 +305,8 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       return;
     }
     const state = this.c.state;
-    const {
-      hideHeader,
-      enablePagingBar
-    } = this.c.model;
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
-      "class": [this.ns.is("show-header", !hideHeader), this.ns.is("enable-page", enablePagingBar), this.ns.is("enable-group", this.c.model.enableGroup), this.ns.is("single-select", state.singleSelect), this.ns.is("empty", state.items.length === 0), this.ns.is("enable-customized", this.c.model.enableCustomized)],
+      "class": [this.ns.is("show-header", !this.c.state.hideHeader), this.ns.is("enable-page", this.c.state.enablePagingBar), this.ns.is("enable-group", this.c.model.enableGroup), this.ns.is("single-select", state.singleSelect), this.ns.is("empty", state.items.length === 0), this.ns.is("enable-customized", this.c.model.enableCustomized)],
       "controller": this.c,
       "style": this.headerCssVars
     }, {
@@ -314,7 +315,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
         "class": this.ns.e("table"),
         "default-sort": this.defaultSort,
         "border": true,
-        "show-header": !hideHeader,
+        "show-header": !this.c.state.hideHeader,
         "show-summary": this.c.enableAgg,
         "summary-method": this.summaryMethod,
         "highlight-current-row": state.singleSelect,
@@ -341,7 +342,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
         append: () => {
           return this.renderPopover();
         }
-      }), enablePagingBar && vue.createVNode(vue.resolveComponent("iBizPagination"), {
+      }), this.c.state.enablePagingBar && vue.createVNode(vue.resolveComponent("iBizPagination"), {
         "total": state.total,
         "curPage": state.curPage,
         "size": state.size,
@@ -349,7 +350,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
         "onChange": this.onPageChange,
         "onPageSizeChange": this.onPageSizeChange,
         "onPageRefresh": this.onPageRefresh
-      }, null), this.c.model.enableCustomized && !hideHeader && vue.createVNode("div", {
+      }, null), this.c.model.enableCustomized && !this.c.state.hideHeader && vue.createVNode("div", {
         "class": this.ns.b("setting-box")
       }, [vue.createVNode(vue.resolveComponent("iBizGridSetting"), {
         "columnStates": state.columnStates,

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

@@ -28,6 +28,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
   setup() {
     var _a;
     const c = vue3Util.useControlController((...args) => new runtime.SearchBarController(...args));
+    c.setStorageKeyFn(vue3Util.useLocalCacheKey(c.context, "SEARCH_BAR_SELECTED_GROUP", c.view.modal.routeDepth));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     let isSearch = false;
     const onSearch = () => {

package/lib/control/toolbar/short-cut-button/short-cut-button.cjs

@@ -60,7 +60,7 @@ const IBizShortCutButton = /* @__PURE__ */ vue.defineComponent({
       "onClick": this.onClick
     }, {
       default: () => [this.item.showIcon && this.item.sysImage && vue.createVNode("span", {
-        "class": this.ns2.b("icon")
+        "class": [this.ns2.b("icon"), this.ns.e("icon")]
       }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
         "icon": this.item.sysImage
       }, null)]), this.item.showCaption && vue.createVNode("span", {

package/lib/control/toolbar/short-cut-button/short-cut-button.css

@@ -0,0 +1 @@
+.ibiz-short-cut-button__icon svg{width:var(--ibiz-font-size-regular);height:var(--ibiz-font-size-regular);font-size:var(--ibiz-font-size-regular)}

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.cjs

@@ -23,14 +23,19 @@ const TreeGridExFieldColumn = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const ns = vue3Util.useNamespace("tree-grid-ex-field-column");
-    const nodeColumn = vue.computed(() => {
-      return props.controller.nodeColumnControllerMap.get(props.row.data._nodeId);
-    });
-    const fieldValue = vue.computed(() => {
+    const fieldValue = vue.ref();
+    vue.watch(() => props.row.data, () => {
       if (props.row.data._nodeType !== "DE" && props.controller.isFirstShowColumn) {
-        return props.row.data._text;
+        fieldValue.value = props.row.data._text;
+      } else {
+        fieldValue.value = props.row.data[props.controller.name];
       }
-      return props.row.data[props.controller.name];
+    }, {
+      deep: true,
+      immediate: true
+    });
+    const nodeColumn = vue.computed(() => {
+      return props.controller.nodeColumnControllerMap.get(props.row.data._nodeId);
     });
     const codeListText = vue.ref("");
     const onInfoTextChange = (text) => {

package/lib/panel-component/user-action/user-action.cjs

@@ -40,6 +40,10 @@ const UserAction = /* @__PURE__ */ vue.defineComponent({
       }
     }
     const onClick = async (event) => {
+      const e = {
+        ...event
+      };
+      e.target = event.currentTarget;
       const id = props.modelData.id;
       const menuC = c.panel.view.getController("appmenu");
       if (menuC) {
@@ -57,7 +61,7 @@ const UserAction = /* @__PURE__ */ vue.defineComponent({
           const tempParam = c.panel.params;
           tempContext.srfappid = targetMenu.appId || ibiz.env.appId;
           await ibiz.commands.execute(runtime.AppFuncCommand.TAG, targetMenu.appFuncId, tempContext, tempParam, {
-            event
+            event: e
           });
         }
       }
@@ -72,11 +76,11 @@ const UserAction = /* @__PURE__ */ vue.defineComponent({
   render() {
     return vue.createVNode("div", {
       "class": this.ns.b(),
-      "onClick": (event) => this.onClick(event),
       "title": this.modelData.caption
     }, [vue.createVNode(vue.resolveComponent("i-biz-icon"), {
       "class": [this.ns.e("image")],
-      "icon": this.sysImage
+      "icon": this.sysImage,
+      "onClick": (event) => this.onClick(event)
     }, null)]);
   }
 });

package/lib/util/app-popover/app-popover-component.css

@@ -1 +1 @@
-.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;width:8px;height:8px;background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}.ibiz-popover__overlay{position:fixed;inset:0;background-color:transparent}
+.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;width:8px;height:8px;z-index:-1;background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}.ibiz-popover__overlay{position:fixed;inset:0;background-color:transparent}

package/lib/view-engine/edit-view.engine.cjs

@@ -65,7 +65,9 @@ class EditViewEngine extends runtime.ViewEngineBase {
     modal.hooks.shouldDismiss.tapPromise(async (context) => {
       const uiDomain = ibiz.uiDomainManager.get(this.view.context.srfsessionid);
       const isChange = (this.form.state.modified || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
-      if (isChange && context.allowClose == null) {
+      if (isChange && this.form.model.enableAutoSave) {
+        await this.form.immediateAutoSave();
+      } else if (isChange && context.allowClose == null) {
         const isAllow = await ibiz.confirm.error({
           title: ibiz.i18n.t("viewEngine.closeRemind"),
           desc: ibiz.i18n.t("viewEngine.confirmClosePrompt")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.18",
+  "version": "0.7.19-alpha.1",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -29,15 +29,15 @@
   "dependencies": {
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.5",
-    "@ibiz-template-plugin/gantt": "0.1.5",
+    "@ibiz-template-plugin/gantt": "0.1.6-alpha.0",
     "@ibiz-template/core": "0.7.18",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.7.18",
-    "@ibiz-template/runtime": "0.7.18",
+    "@ibiz-template/model-helper": "0.7.19-alpha.1",
+    "@ibiz-template/runtime": "0.7.19-alpha.1",
     "@ibiz-template/theme": "^0.7.0",
-    "@ibiz-template/vue3-util": "0.7.18",
+    "@ibiz-template/vue3-util": "0.7.19-alpha.1",
     "@ibiz-template/web-theme": "^1.1.17",
-    "@ibiz/model-core": "^0.1.27",
+    "@ibiz/model-core": "^0.1.28",
     "@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.27",
+    "@ibiz/model-core": "^0.1.28",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.3.3",
     "@wangeditor/editor": "^5.1.23",