@ibiz-template/vue3-components 0.5.7-alpha.2 → 0.5.7-alpha.3

package/lib/editor/data-picker/ibiz-picker/ibiz-picker.cjs

@@ -20,6 +20,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
     const isShowAll = vue.ref(true);
     const isEditable = vue.ref(false);
     const editorRef = vue.ref();
+    const isLoaded = vue.ref(false);
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover") {
         return true;
@@ -109,6 +110,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
         const res = await c.getServiceData(trimQuery, props.data);
         if (res) {
           items.value = res.data;
+          isLoaded.value = true;
           if (cb && cb instanceof Function) {
             cb(items.value);
           }
@@ -161,13 +163,16 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
       vue.watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
         if (newVal !== oldVal) {
-          if (items.value.length === 0 && editorRef.value) {
+          if (!isLoaded.value && editorRef.value) {
             await onSearch("");
           }
           const curItem = items.value.find((item) => Object.is(item[c.keyName], newVal));
           if (curItem) {
             curValue.value = curItem[c.textName];
           }
+          if (newVal === null) {
+            emit("change", null);
+          }
         }
       }, {
         immediate: true

package/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.cjs

@@ -24,6 +24,9 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
     const refValue = vue.ref("");
     const isEditable = vue.ref(false);
     const editorRef = vue.ref();
+    const loading = vue.ref(false);
+    let waitQuery = null;
+    const isLoaded = vue.ref(false);
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover") {
         return true;
@@ -57,16 +60,50 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
     }, {
       immediate: true
     });
-    vue.watch(() => props.data[c.valueItem], (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        refValue.value = newVal;
-        if (newVal === null) {
-          emit("change", null);
+    const onSearch = async (query) => {
+      if (!shouldLoad.value) {
+        return;
+      }
+      if (c.model.appDataEntityId && loading.value === false) {
+        loading.value = true;
+        try {
+          let trimQuery = "";
+          if (query !== props.value) {
+            trimQuery = query.trim();
+          }
+          const res = await c.getServiceData(trimQuery, props.data);
+          if (res) {
+            items.value = res.data;
+          }
+        } finally {
+          loading.value = false;
+          isLoaded.value = true;
+          if (waitQuery != null) {
+            const selfQuery = waitQuery;
+            waitQuery = null;
+            await onSearch(selfQuery);
+          }
         }
+      } else {
+        waitQuery = query;
       }
-    }, {
-      immediate: true,
-      deep: true
+    };
+    vue.onMounted(() => {
+      vue.watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
+        if (newVal !== oldVal) {
+          if (!isLoaded.value && editorRef.value) {
+            shouldLoad.value = true;
+            await onSearch("");
+          }
+          refValue.value = newVal;
+          if (newVal === null) {
+            emit("change", null);
+          }
+        }
+      }, {
+        immediate: true,
+        deep: true
+      });
     });
     const setEditable = (flag) => {
       if (flag) {
@@ -77,7 +114,6 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
         }, 100);
       }
     };
-    const loading = vue.ref(false);
     const onACSelect = async (data) => {
       const dataItems = await c.calcFillDataItems(data);
       if (dataItems.length) {
@@ -107,34 +143,6 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
       }
       shouldLoad.value = false;
     };
-    let waitQuery = null;
-    const onSearch = async (query) => {
-      if (!shouldLoad.value) {
-        return;
-      }
-      if (c.model.appDataEntityId && loading.value === false) {
-        loading.value = true;
-        try {
-          let trimQuery = "";
-          if (query !== props.value) {
-            trimQuery = query.trim();
-          }
-          const res = await c.getServiceData(trimQuery, props.data);
-          if (res) {
-            items.value = res.data;
-          }
-        } finally {
-          loading.value = false;
-          if (waitQuery != null) {
-            const selfQuery = waitQuery;
-            waitQuery = null;
-            await onSearch(selfQuery);
-          }
-        }
-      } else {
-        waitQuery = query;
-      }
-    };
     const onOpenChange = (isOpen) => {
       if (isOpen) {
         items.value = [];

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -15,7 +15,6 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    var _a;
     const ns = vue3Util.useNamespace("dropdown");
     const c = props.controller;
     const items = vue.ref([]);
@@ -25,7 +24,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     const treeNodes = vue.ref([]);
     const isEditable = vue.ref(false);
     const editorRef = vue.ref();
-    const editorItems = (_a = c.model.editorItems) == null ? void 0 : _a.filter((item) => item.id !== c.model.id);
+    const editorItems = c.model.editorItems;
     const isLoading = vue.ref(false);
     let editorState = "";
     let funcs;
@@ -105,15 +104,15 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     };
     const curValue = vue.computed({
       get() {
-        var _a2, _b;
+        var _a, _b;
         if (!isLoadedCodeList.value) {
-          return "";
+          return c.multiple ? [] : "";
         }
         if (editorItems && editorItems.length > 0 && !c.multiple) {
           return props.data[editorItems[0].id];
         }
         if (props.value) {
-          return c.multiple ? (_a2 = props.value) == null ? void 0 : _a2.toString().split(",") : props.value.toString();
+          return c.multiple ? (_a = props.value) == null ? void 0 : _a.toString().split(",") : props.value.toString();
         }
         return (_b = props.value) == null ? void 0 : _b.toString();
       },

package/lib/editor/text-box/input/input.cjs

@@ -267,6 +267,9 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
         "type": this.type,
         "rows": this.rows,
         "resize": "none",
+        "maxlength": this.c.model.maxLength,
+        "minlength": this.c.model.minLength,
+        "show-word-limit": this.c.model.showMaxLength,
         "onInput": this.handleChange,
         "onKeyup": this.handleKeyUp,
         "onBlur": this.onBlur,

package/lib/panel-component/index.cjs

@@ -20,6 +20,7 @@ var index$e = require('./panel-remember-me/index.cjs');
 var index$7 = require('./index-actions/index.cjs');
 var index$f = require('./user-message/index.cjs');
 var index$g = require('./searchform-buttons/index.cjs');
+var index$h = require('./view-message/index.cjs');
 var navPosIndex_state = require('./nav-pos-index/nav-pos-index.state.cjs');
 var navPosIndex_controller = require('./nav-pos-index/nav-pos-index.controller.cjs');
 var panelButton_controller = require('./panel-button/panel-button.controller.cjs');
@@ -59,6 +60,7 @@ const IBizPanelComponents = {
     v.use(vue3Util.IBizPanelContainerImage);
     v.use(index$g.IBizSearchFormButtons);
     v.use(vue3Util.IBizPanelItemRender);
+    v.use(index$h.IBizViewMessage);
   }
 };
 

package/lib/panel-component/panel-button/panel-button.cjs

@@ -29,7 +29,8 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
       showCaption,
       sysImage,
       codeName,
-      itemStyle
+      itemStyle,
+      tooltip
     } = props.modelData;
     const {
       panel,
@@ -84,6 +85,7 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
       sysImage,
       codeName,
       state,
+      tooltip,
       handleButtonClick
     };
   },
@@ -94,6 +96,7 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(vue.resolveComponent("el-button"), {
         "type": this.buttonType,
         "text": this.isText,
+        "title": this.tooltip,
         "disabled": this.state.disabled,
         "loading": this.state.loading,
         "onClick": this.handleButtonClick

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

@@ -63,6 +63,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
           "hidden": this.noticeNum === 0
         }, {
           default: () => [vue.createVNode(vue.resolveComponent("i-biz-icon"), {
+            "id": runtime.PresetIdentifier.MESSAGE,
             "class": [this.ns.e("image")],
             "icon": this.sysImage
           }, null)]

package/lib/panel-component/view-message/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var viewMessage = require('./view-message.cjs');
+var viewMessage_provider = require('./view-message.provider.cjs');
+
+"use strict";
+const IBizViewMessage = vue3Util.withInstall(viewMessage.ViewMessage, function(v) {
+  v.component(viewMessage.ViewMessage.name, viewMessage.ViewMessage);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_VIEW_MESSAGE",
+    () => new viewMessage_provider.ViewMessageProvider()
+  );
+});
+
+exports.IBizViewMessage = IBizViewMessage;
+exports.default = IBizViewMessage;

package/lib/panel-component/view-message/view-message.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+const ViewMessage = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizViewMessage",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("view-message");
+    const c = props.controller;
+    const ctx = vue3Util.useCtx();
+    const {
+      view
+    } = ctx;
+    return {
+      ns,
+      c,
+      view
+    };
+  },
+  render() {
+    const c = this.view;
+    if (c.state.isCreated) {
+      const viewMessages = c.state.viewMessages.BODY;
+      if (viewMessages == null ? void 0 : viewMessages.length) {
+        return vue.createVNode(vue.resolveComponent("view-message"), {
+          "class": [this.ns.e("body-message")],
+          "messages": viewMessages
+        }, null);
+      }
+    }
+    return null;
+  }
+});
+
+exports.ViewMessage = ViewMessage;

package/lib/panel-component/view-message/view-message.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"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 ViewMessageProvider {
+  constructor() {
+    __publicField(this, "component", "IBizViewMessage");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.ViewMessageProvider = ViewMessageProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.5.7-alpha.2",
+  "version": "0.5.7-alpha.3",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -28,11 +28,11 @@
     "@ibiz-template-plugin/ai-chat": "^0.0.1",
     "@ibiz-template-plugin/gantt": "0.1.1",
     "@ibiz-template/core": "^0.5.7-alpha.0",
-    "@ibiz-template/model-helper": "^0.5.7-alpha.2",
-    "@ibiz-template/runtime": "^0.5.7-alpha.2",
+    "@ibiz-template/model-helper": "^0.5.7-alpha.3",
+    "@ibiz-template/runtime": "^0.5.7-alpha.3",
     "@ibiz-template/theme": "^0.5.0",
-    "@ibiz-template/vue3-util": "^0.5.7-alpha.2",
-    "@ibiz/model-core": "^0.1.7",
+    "@ibiz-template/vue3-util": "^0.5.7-alpha.3",
+    "@ibiz/model-core": "^0.1.8",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",