@ibiz-template/vue3-components 0.7.26-alpha.3 → 0.7.27

package/es/editor/dropdown-list/index.mjs

@@ -1,4 +1,5 @@
 export { IBizDropdown } from './ibiz-dropdown/ibiz-dropdown.mjs';
+export { IBizEmojiPicker } from './ibiz-emoji-picker/ibiz-emoji-picker.mjs';
 export { DropDownListEditorController } from './dropdown-list-editor.controller.mjs';
 export { DropDownListEditorProvider } from './dropdown-list-editor.provider.mjs';
 

package/es/editor/index.mjs

@@ -34,6 +34,7 @@ import { IBizInput } from './text-box/input/input.mjs';
 import { IBizInputNumber } from './text-box/ibiz-input-number/ibiz-input-number.mjs';
 import { IBizInputIP } from './text-box/ibiz-input-ip/ibiz-input-ip.mjs';
 import { IBizDropdown } from './dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs';
+import { IBizEmojiPicker } from './dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.mjs';
 import { IBizCheckbox } from './check-box/ibiz-checkbox/ibiz-checkbox.mjs';
 import { IBizCheckboxList } from './check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.mjs';
 import { IBizRadio } from './radio-button-list/ibiz-radio/ibiz-radio.mjs';
@@ -100,6 +101,7 @@ const IBizEditor = {
     v.component(IBizInputNumber.name, IBizInputNumber);
     v.component(IBizInputIP.name, IBizInputIP);
     v.component(IBizDropdown.name, IBizDropdown);
+    v.component(IBizEmojiPicker.name, IBizEmojiPicker);
     v.component(IBizCheckbox.name, IBizCheckbox);
     v.component(IBizCheckboxList.name, IBizCheckboxList);
     v.component(IBizRadio.name, IBizRadio);
@@ -170,6 +172,10 @@ const IBizEditor = {
       "MDROPDOWNLIST",
       () => new DropDownListEditorProvider()
     );
+    registerEditorProvider(
+      "DROPDOWNLIST_EMOJI_PICKER",
+      () => new DropDownListEditorProvider("EMOJI_PICKER")
+    );
     registerEditorProvider("CHECKBOX", () => new CheckBoxEditorProvider());
     registerEditorProvider(
       "CHECKBOXLIST",

package/es/editor/span/span/span.mjs

@@ -2,7 +2,7 @@ import { ref, watch, computed, resolveComponent, createVNode, defineComponent }
 import { getSpanProps, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './span.css';
 import { isNil } from 'ramda';
-import { DataTypes } from '@ibiz-template/core';
+import { DataTypes, isBase64, base64ToStr } from '@ibiz-template/core';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 
@@ -74,6 +74,8 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
             text.value = "".concat(newVal);
             ibiz.log.error("".concat(newVal, " \u503C\u683C\u5F0F\u5316\u9519\u8BEF"));
           }
+        } else if (Number.isNaN(Number(newVal)) && isBase64("".concat(newVal))) {
+          text.value = base64ToStr("".concat(newVal));
         } else {
           text.value = "".concat(newVal);
         }

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.mjs

@@ -94,15 +94,6 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
       emit("focus", e);
       setEditable(true);
     };
-    const onBlur = (e) => {
-      emit("blur", e);
-      setEditable(false);
-    };
-    const handleKeyUp = (e) => {
-      if (e && e.code === "Enter") {
-        emit("enter", e);
-      }
-    };
     const debounce = (func, wait) => {
       let timeout;
       return (...args) => {
@@ -117,9 +108,20 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
       }
       emit("change", data);
     }, 300);
+    const onBlur = (e) => {
+      emit("blur", e);
+      if (enablethousands.value) {
+        debouncedOnInput(currentVal.value);
+      }
+      setEditable(false);
+    };
+    const handleKeyUp = (e) => {
+      if (e && e.code === "Enter") {
+        emit("enter", e);
+      }
+    };
     const onInput = (value) => {
       currentVal.value = value;
-      debouncedOnInput(value);
     };
     return {
       ns,

package/es/editor/text-box/input/input.d.ts

@@ -26,7 +26,7 @@ export declare const IBizInput: import("vue").DefineComponent<{
     c: TextBoxEditorController;
     ns: import("@ibiz-template/core").Namespace;
     rows: import("vue").Ref<number>;
-    type: import("vue").ComputedRef<"string" | "text" | "textarea" | "password">;
+    type: import("vue").ComputedRef<"string" | "text" | "password" | "textarea">;
     items: import("vue").Ref<readonly {
         value: string | number;
         text: string;

package/es/editor/text-box/input/input.mjs

@@ -1,5 +1,6 @@
 import { isVNode, ref, computed, watch, onUnmounted, resolveComponent, createVNode, mergeProps, defineComponent } from 'vue';
 import { getInputProps, getEditorEmits, useNamespace, useCodeListListen } from '@ibiz-template/vue3-util';
+import { isBase64, base64ToStr } from '@ibiz-template/core';
 import { createUUID } from 'qx-util';
 import './input.css';
 
@@ -57,6 +58,8 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       if (newVal !== oldVal) {
         if (newVal == null) {
           currentVal.value = "";
+        } else if (Number.isNaN(Number(newVal)) && isBase64("".concat(newVal))) {
+          currentVal.value = base64ToStr("".concat(newVal));
         } else {
           currentVal.value = newVal.toString();
         }

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.mjs

@@ -165,7 +165,7 @@ const IBizSearchCondEdit = /* @__PURE__ */ defineComponent({
       }, this.$attrs), null), createVNode(resolveComponent("el-button"), {
         "ref": "filterButtonRef",
         "type": "primary",
-        "title": ibiz.i18n.t("app.edit"),
+        "title": ibiz.env.enableTitle ? ibiz.i18n.t("app.edit") : void 0,
         "class": this.ns.b("filter"),
         "onClick": () => this.triggerFilter()
       }, {

package/es/locale/en/index.d.ts

@@ -1129,6 +1129,20 @@ declare const _default: {
         actionToolbar: {
             more: string;
         };
+        emojiSelect: {
+            frequently: string;
+            peoples: string;
+            nature: string;
+            foods: string;
+            activity: string;
+            objects: string;
+            places: string;
+            symbols: string;
+            flags: string;
+        };
+        formItemContainer: {
+            more: string;
+        };
     };
     editor: {
         common: {
@@ -1176,6 +1190,9 @@ declare const _default: {
             uploadJsonFormatErr: string;
             exportJsonFormatErr: string;
         };
+        emojiPicker: {
+            addEmoji: string;
+        };
     };
     panelComponent: {
         authUserinfo: {

package/es/locale/en/index.mjs

@@ -463,6 +463,20 @@ var index = {
     },
     actionToolbar: {
       more: "More"
+    },
+    emojiSelect: {
+      frequently: "Frequently",
+      peoples: "Peoples",
+      nature: "Nature",
+      foods: "Foods",
+      activity: "Activity",
+      objects: "Objects",
+      places: "Places",
+      symbols: "Symbols",
+      flags: "Flags"
+    },
+    formItemContainer: {
+      more: "More"
     }
   },
   // 编辑器
@@ -511,6 +525,9 @@ var index = {
       fileSizeErr: "The file size cannot exceed",
       uploadJsonFormatErr: "The configuration of uploadparams did not follow the standard JSON format",
       exportJsonFormatErr: "The configuration of exportparams did not follow the standard JSON format"
+    },
+    emojiPicker: {
+      addEmoji: "Add emoji"
     }
   },
   panelComponent: {

package/es/locale/zh-CN/index.d.ts

@@ -1123,6 +1123,20 @@ declare const _default: {
         actionToolbar: {
             more: string;
         };
+        emojiSelect: {
+            frequently: string;
+            peoples: string;
+            nature: string;
+            foods: string;
+            activity: string;
+            objects: string;
+            places: string;
+            symbols: string;
+            flags: string;
+        };
+        formItemContainer: {
+            more: string;
+        };
     };
     editor: {
         common: {
@@ -1170,6 +1184,9 @@ declare const _default: {
             uploadJsonFormatErr: string;
             exportJsonFormatErr: string;
         };
+        emojiPicker: {
+            addEmoji: string;
+        };
     };
     panelComponent: {
         authUserinfo: {

package/es/locale/zh-CN/index.mjs

@@ -459,6 +459,20 @@ var index = {
     },
     actionToolbar: {
       more: "\u66F4\u591A"
+    },
+    emojiSelect: {
+      frequently: "\u5E38\u7528",
+      peoples: "\u60C5\u7EEA",
+      nature: "\u81EA\u7136",
+      foods: "\u98DF\u7269\u4E0E\u996E\u6599",
+      activity: "\u6D3B\u52A8",
+      objects: "\u5BF9\u8C61",
+      places: "\u65C5\u884C\u4E0E\u5730\u65B9",
+      symbols: "\u7B26\u53F7",
+      flags: "\u65D7\u5E1C"
+    },
+    formItemContainer: {
+      more: "\u66F4\u591A"
     }
   },
   // 编辑器
@@ -507,6 +521,9 @@ var index = {
       fileSizeErr: "\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7",
       uploadJsonFormatErr: "\u914D\u7F6Euploadparams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F",
       exportJsonFormatErr: "\u914D\u7F6Eexportparams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F"
+    },
+    emojiPicker: {
+      addEmoji: "\u6DFB\u52A0\u8868\u60C5"
     }
   },
   panelComponent: {

package/es/panel-component/nav-tabs/nav-tabs.controller.d.ts

@@ -80,4 +80,11 @@ export declare class NavTabsController extends PanelItemController<IPanelRawItem
      * @date 2023-05-09 02:50:01
      */
     removeAll(): void;
+    /**
+     * 刷新项（解决主信息更新之后界面ui未刷新）
+     *
+     * @author tony001
+     * @date 2024-06-28 08:06:11
+     */
+    refreshItemUI(): void;
 }

package/es/panel-component/nav-tabs/nav-tabs.controller.mjs

@@ -1,5 +1,6 @@
 import { PanelItemController } from '@ibiz-template/runtime';
 import { isNil, reject } from 'ramda';
+import { nextTick } from 'vue';
 import { NavTabsState } from './nav-tabs.state.mjs';
 
 "use strict";
@@ -58,6 +59,7 @@ class NavTabsController extends PanelItemController {
     const findItem = this.findTabItem(key);
     if (findItem) {
       Object.assign(findItem, reject(isNil, info));
+      this.refreshItemUI();
     } else {
       this.state.tabItems.push({ key, ...info });
       this.state.activeTab = this.state.currentKey;
@@ -116,6 +118,24 @@ class NavTabsController extends PanelItemController {
       (_a = this.navPos) == null ? void 0 : _a.closeViewByKeys(removeKeys);
     }
   }
+  /**
+   * 刷新项（解决主信息更新之后界面ui未刷新）
+   *
+   * @author tony001
+   * @date 2024-06-28 08:06:11
+   */
+  refreshItemUI() {
+    const tempItem = {
+      key: "exampleItem",
+      caption: ""
+    };
+    this.state.tabItems.push(tempItem);
+    this.state.activeTab = tempItem.key;
+    nextTick(() => {
+      this.state.tabItems.pop();
+      this.state.activeTab = this.state.tabItems[this.state.tabItems.length - 1].key;
+    });
+  }
 }
 
 export { NavTabsController };

package/es/panel-component/panel-button/panel-button.mjs

@@ -101,7 +101,7 @@ const PanelButton = /* @__PURE__ */ defineComponent({
       }, [createVNode(resolveComponent("el-button"), {
         "type": this.buttonType,
         "text": this.isText,
-        "title": this.tooltip,
+        "title": ibiz.env.enableTitle ? this.tooltip : void 0,
         "disabled": this.state.disabled,
         "loading": this.state.loading,
         "onClick": this.handleButtonClick

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

@@ -61,9 +61,10 @@ class EditViewEngine extends ViewEngineBase {
     }
     this.view.slotProps.toolbar.manualCalcButtonState = true;
     modal.hooks.shouldDismiss.tapPromise(async (context) => {
+      var _a, _b;
       const uiDomain = ibiz.uiDomainManager.get(this.view.context.srfsessionid);
-      const isChange = (this.form.state.modified || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
-      if (isChange && this.form.model.enableAutoSave && !uiDomain.dataModification) {
+      const isChange = (((_a = this.form) == null ? void 0 : _a.state.modified) || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
+      if (isChange && ((_b = this.form) == null ? void 0 : _b.model.enableAutoSave) && !uiDomain.dataModification) {
         await this.form.immediateAutoSave();
       } else if (isChange && context.allowClose == null) {
         const isAllow = await ibiz.confirm.error({

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

@@ -30,8 +30,9 @@ class OptViewEngine extends ViewEngineBase {
     }
     this.view.slotProps.toolbar.manualCalcButtonState = true;
     modal.hooks.shouldDismiss.tapPromise(async (context) => {
+      var _a;
       const uiDomain = ibiz.uiDomainManager.get(this.view.context.srfsessionid);
-      const isChange = (this.form.state.modified || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
+      const isChange = (((_a = this.form) == null ? void 0 : _a.state.modified) || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
       if (isChange && context.allowClose == null) {
         const isAllow = await ibiz.confirm.error({
           title: ibiz.i18n.t("viewEngine.closeRemind"),

package/es/view-engine/pickup-tree-view.engine.mjs

@@ -39,6 +39,7 @@ class PickupTreeViewEngine extends TreeViewEngine {
       this.view.slotProps.tree = {};
     }
     this.view.slotProps.tree.singleSelect = this.view.state.singleSelect;
+    this.view.slotProps.tree.checkStrictly = this.view.state.checkStrictly;
     if (this.view.state.selectedData) {
       this.selectData = this.view.state.selectedData.map((item) => {
         return {

package/es/web-app/attach-environment-config.mjs

@@ -6,7 +6,8 @@ const envMap = /* @__PURE__ */ new Map([
   ["baseUrl", "BaseUrl"],
   ["remoteModelUrl", "remoteDynaPath"],
   ["dcSystem", "mockDcSystemId"],
-  ["enablePermission", "enablePermissionValid"]
+  ["enablePermission", "enablePermissionValid"],
+  ["enableTitle", "enableTitle"]
 ]);
 async function attachEnvironmentConfig() {
   const env = window.Environment;

package/lib/common/action-toolbar/action-toolbar.cjs

@@ -106,7 +106,7 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
             "text": true,
             "size": "small",
             "onClick": (e) => this.handleClick(detail, e),
-            "title": detail.tooltip,
+            "title": ibiz.env.enableTitle ? detail.tooltip : void 0,
             "disabled": this.actionsState[detail.id].disabled,
             "class": this.calcActionItemClass(detail)
           }, {

package/lib/common/custom-theme/custom-theme.cjs

@@ -126,7 +126,7 @@ const CustomTheme = /* @__PURE__ */ vue.defineComponent({
       }, [c.predefineType.map((item) => {
         return vue.createVNode(vue.resolveComponent("el-button"), {
           "color": item.color,
-          "title": ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang)),
+          "title": ibiz.env.enableTitle ? ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang)) : void 0,
           "onClick": () => {
             handleThemeChange(item.codeName);
           }

package/lib/common/data-import2/data-import2.cjs

@@ -415,7 +415,10 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode(vue.resolveComponent("el-button"), {
       "onClick": this.onButtonImportClick,
       "disabled": !this.selectValues.join(""),
-      "title": !this.selectValues.join("") ? ibiz.i18n.t("component.dataImport2.selectProperties") : ""
+      "title": (
+        // eslint-disable-next-line no-nested-ternary
+        ibiz.env.enableTitle ? !this.selectValues.join("") ? ibiz.i18n.t("component.dataImport2.selectProperties") : "" : void 0
+      )
     }, _isSlot(_slot2 = ibiz.i18n.t("component.dataImport2.import")) ? _slot2 : {
       default: () => [_slot2]
     })]) : ""])])])]), vue.createVNode(vue.resolveComponent("data-import2-table"), {

package/lib/common/emoji-select/components/categories/categories.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./categories.css');
+
+"use strict";
+const Categories = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCategories",
+  props: {
+    categories: {
+      type: Array,
+      required: true,
+      default: () => []
+    },
+    current: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ["select"],
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("emoji-categories");
+    const onSelect = (category) => {
+      emit("select", category);
+    };
+    return {
+      ns,
+      onSelect
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [this.categories.map((category) => {
+      return vue.createVNode("div", {
+        "class": [this.ns.e("category"), this.ns.is("active", category.name === this.current)],
+        "onClick": () => this.onSelect(category)
+      }, [vue.createVNode("span", {
+        "class": this.ns.em("category", "svg"),
+        "title": category.label,
+        "innerHTML": category.icon
+      }, null)]);
+    })]);
+  }
+});
+
+exports.Categories = Categories;

package/lib/common/emoji-select/components/categories/categories.css

@@ -0,0 +1 @@
+.ibiz-emoji-categories{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:var(--ibiz-height-control-default);padding:0 var(--ibiz-spacing-base-loose);overflow-x:auto;background-color:var(--ibiz-color-bg-0)}.ibiz-emoji-categories__category{display:flex;align-items:center;min-width:var(--ibiz-font-size-header-6);height:100%;font-size:var(--ibiz-font-size-header-6);cursor:pointer}.ibiz-emoji-categories__category--svg{line-height:var(--ibiz-font-size-header-6)}.ibiz-emoji-categories__category--svg svg{fill:var(--ibiz-color-text-3)}.ibiz-emoji-categories__category.is-active,.ibiz-emoji-categories__category:hover{position:relative}.ibiz-emoji-categories__category.is-active::after,.ibiz-emoji-categories__category:hover::after{position:absolute;bottom:0;display:block;width:100%;content:"";border-top:.125rem solid var(--ibiz-color-primary)}.ibiz-emoji-categories__category:hover{color:var(--ibiz-color-primary)}.ibiz-emoji-categories__category:hover svg{fill:var(--ibiz-color-primary)}

package/lib/common/emoji-select/components/categories/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var categories = require('./categories.cjs');
+
+"use strict";
+
+exports.Categories = categories.Categories;

package/lib/common/emoji-select/components/category-label/category-label.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./category-label.css');
+
+"use strict";
+const CategoryLabel = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCategoryLabel",
+  props: {
+    name: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["select"],
+  setup() {
+    const ns = vue3Util.useNamespace("emoji-category-label");
+    return {
+      ns
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [this.name]);
+  }
+});
+
+exports.CategoryLabel = CategoryLabel;

package/lib/common/emoji-select/components/category-label/category-label.css

@@ -0,0 +1 @@
+.ibiz-emoji-category-label{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-3);text-transform:uppercase}

package/lib/common/emoji-select/components/category-label/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var categoryLabel = require('./category-label.cjs');
+
+"use strict";
+
+exports.CategoryLabel = categoryLabel.CategoryLabel;

package/lib/common/emoji-select/components/emoji-item/emoji-item.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./emoji-item.css');
+
+"use strict";
+const EmojiItem = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizEmojiItem",
+  props: {
+    emoji: {
+      type: Object,
+      required: true,
+      default: () => {
+      }
+    },
+    size: {
+      type: Number,
+      required: true
+    },
+    withBorder: {
+      type: Boolean,
+      required: true
+    }
+  },
+  emits: ["click"],
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("emoji-item");
+    const styleSize = vue.computed(() => {
+      return {
+        fontSize: "".concat(props.size - 5, "px"),
+        lineHeight: "".concat(props.size, "px"),
+        height: "".concat(props.size, "px"),
+        width: "".concat(props.size, "px")
+      };
+    });
+    const onClick = () => {
+      emit("click", props.emoji);
+    };
+    return {
+      ns,
+      styleSize,
+      onClick
+    };
+  },
+  render() {
+    return vue.createVNode("span", {
+      "class": [this.ns.b(), this.ns.is("border", this.withBorder)],
+      "style": this.styleSize,
+      "onClick": this.onClick,
+      "innerHTML": this.emoji.data
+    }, null);
+  }
+});
+
+exports.EmojiItem = EmojiItem;

package/lib/common/emoji-select/components/emoji-item/emoji-item.css

@@ -0,0 +1 @@
+.ibiz-emoji-item{box-sizing:content-box;display:flex;align-items:center;justify-self:center;padding:var(--ibiz-spacing-tight);overflow:hidden;cursor:pointer}.ibiz-emoji-item.is-border:hover{background:var(--ibiz-color-bg-0);border-radius:var(--ibiz-border-radius-small)}

package/lib/common/emoji-select/components/emoji-item/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var emojiItem = require('./emoji-item.cjs');
+
+"use strict";
+
+exports.EmojiItem = emojiItem.EmojiItem;