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

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

@@ -14,15 +14,15 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const ns = vue3Util.useNamespace("color-picker");
     const c = props.controller;
     const currentVal = vue.ref("");
     const colorPicker = vue.ref(null);
-    const multiple = ((_a = c.editorParams) == null ? void 0 : _a.MULTIPLE) === "true";
-    const isCustom = ((_b = c.editorParams) == null ? void 0 : _b.CUSTOM) === "true";
-    const type = (_c = c.editorParams) == null ? void 0 : _c.TYPE;
-    const customColorList = ((_d = c.editorParams) == null ? void 0 : _d.CUSTOMCOLORLIST) || "";
+    const multiple = ((_a = c.editorParams) == null ? void 0 : _a.MULTIPLE) === "true" || ((_b = c.editorParams) == null ? void 0 : _b.multiple) === "true";
+    const isCustom = ((_c = c.editorParams) == null ? void 0 : _c.CUSTOM) === "true" || ((_d = c.editorParams) == null ? void 0 : _d.custom) === "true";
+    const type = ((_e = c.editorParams) == null ? void 0 : _e.TYPE) || ((_f = c.editorParams) == null ? void 0 : _f.type);
+    const customColorList = ((_g = c.editorParams) == null ? void 0 : _g.CUSTOMCOLORLIST) || ((_h = c.editorParams) == null ? void 0 : _h.customcolorlist) || "";
     const predefineColors = vue.ref(["#000000", "#2C2C2C", "#50555C", "#ACB3BF", "#D0D3D9", "#C4C4C4", "#DADADA", "#E5E5E5", "#F0F0F0", "#F24E1E", "#E99C58", "#FFC700", "#FF4D00", "#FF00D6", "#D82E57", "#8E1DE8", "#0ACF83", "#18A0FB", "#A259FF", "#907CFF"]);
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
@@ -54,7 +54,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
     const handleChange = (e) => {
       emit("change", e);
     };
-    const showPicker = (_e) => {
+    const showPicker = (_e2) => {
       setTimeout(() => {
         if (colorPicker.value) {
           colorPicker.value.show();
@@ -96,7 +96,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c;
     if (this.multiple) {
       if (this.isCustom) {
         return vue.createVNode(ibizColorMpickerCustom.IBizColorMPickerCustom, {
@@ -135,7 +135,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
         "size": "small",
         "predefine": this.predefineColors,
         "show-alpha": true
-      }, this.$attrs), null), ((_b = this.c.editorParams) == null ? void 0 : _b.isHiddenText) === "true" ? null : vue.createVNode("span", {
+      }, this.$attrs), null), ((_b = this.c.editorParams) == null ? void 0 : _b.isHiddenText) === "true" || ((_c = this.c.editorParams) == null ? void 0 : _c.ishiddentext) === "true" ? null : vue.createVNode("span", {
         "class": this.ns.b("text")
       }, [this.currentVal])]);
     }

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

@@ -7,6 +7,9 @@ var core = require('@ibiz-template/core');
 require('./ibiz-mpicker.css');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
   name: "IBizMPicker",
   props: vue3Util.getDataPickerProps(),
@@ -14,6 +17,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = vue3Util.useNamespace("mpicker");
     const c = props.controller;
     const curValue = vue.ref([]);
@@ -23,6 +27,9 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
     const loading = vue.ref(false);
     const isEditable = vue.ref(false);
     const editorRef = vue.ref();
+    const actionPostion = ((_a = c.model.editorParams) == null ? void 0 : _a.actionpostion) || "bottom";
+    const overflowMode = c.editorParams.overflowMode || c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
+    const isEllipsis = overflowMode === "ellipsis";
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -96,22 +103,42 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         }, 100);
       }
     };
-    const handleOpenViewClose = (result) => {
+    const handleOpenViewClose = async (result) => {
       const selects = [];
       if (result && Array.isArray(result)) {
-        result.forEach((select) => {
+        const calcPromises = result.map(async (select) => {
+          const item = select;
+          if (select.srfnodeid) {
+            Object.assign(item, select._deData);
+          }
+          const dataItems = await c.calcFillDataItems(item);
+          const res = {};
+          dataItems.forEach((dataItem) => {
+            Object.assign(res, {
+              [dataItem.id]: dataItem.value
+            });
+          });
+          return res;
+        });
+        const dataItemsList = await Promise.all(calcPromises);
+        result.forEach((select, _index) => {
           Object.assign(select, {
             [c.keyName]: select[c.keyName] ? select[c.keyName] : select.srfkey,
             [c.textName]: select[c.textName] ? select[c.textName] : select.srfmajortext
           });
+          const data = dataItemsList[_index];
           if (c.model.valueType === "OBJECTS") {
-            selects.push(c.handleObjectParams(select));
+            selects.push({
+              ...c.handleObjectParams(select),
+              ...data
+            });
           } else if (c.objectIdField) {
             selects.push(select[c.keyName]);
           } else {
             selects.push({
               [c.keyName]: select[c.keyName],
-              [c.textName]: select[c.textName]
+              [c.textName]: select[c.textName],
+              ...data
             });
           }
           const index = items.value.findIndex((item) => Object.is(item[c.keyName], select[c.keyName]));
@@ -146,15 +173,16 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         handleOpenViewClose(res);
       }
     };
-    const onSelect = (selects) => {
+    const onSelect = async (selects) => {
+      var _a2;
       setEditable(false);
-      if (selects.includes("empty")) {
-        resetCurValue();
-        return;
+      if (selects.includes("empty") || selects.some((selectKey) => selectKey.includes("DEUIACTION"))) {
+        (_a2 = editorRef.value) == null ? void 0 : _a2.blur();
+        return resetCurValue();
       }
       const val = [];
       let value = null;
-      selects.forEach((select) => {
+      const selections = selects.map((select) => {
         let index = items.value.findIndex((item2) => Object.is(item2[c.keyName], select));
         let item = {};
         if (index >= 0) {
@@ -165,14 +193,33 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
             item = selectItems.value[index];
           }
         }
+        return item;
+      });
+      const calcPromises = selections.map(async (select) => {
+        const dataItems = await c.calcFillDataItems(select);
+        const res = {};
+        dataItems.forEach((dataItem) => {
+          Object.assign(res, {
+            [dataItem.id]: dataItem.value
+          });
+        });
+        return res;
+      });
+      const dataItemsList = await Promise.all(calcPromises);
+      selections.forEach((item, index) => {
+        const data = dataItemsList[index];
         if (c.model.valueType === "OBJECTS") {
-          val.push(c.handleObjectParams(item));
+          val.push({
+            ...c.handleObjectParams(item),
+            ...data
+          });
         } else if (c.objectIdField) {
           val.push(item[c.keyName]);
         } else {
           val.push({
             [c.keyName]: item[c.keyName],
-            [c.textName]: item[c.textName]
+            [c.textName]: item[c.textName],
+            ...data
           });
         }
       });
@@ -265,45 +312,102 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         onSearch("");
       }
     });
-    const renderEmpty = () => {
-      if (items.value.length) {
-        return;
-      }
-      return vue.createVNode(vue.resolveComponent("el-option"), {
-        "value": "empty"
-      }, {
-        default: () => [vue.createVNode(vue.resolveComponent("iBizNoData"), {
-          "class": ns.e("empty"),
-          "onClick": (event) => event.stopPropagation()
-        }, null)]
+    const renderActionItems = () => {
+      return c.actionDetails.map((item) => {
+        if (!c.groupActionState[item.id].visible)
+          return;
+        return vue.createVNode(vue.resolveComponent("el-option"), {
+          "key": item.id,
+          "label": item.caption,
+          "value": "DEUIACTION-".concat(item.id),
+          "disabled": c.groupActionState[item.id].disabled,
+          "title": core.showTitle(isEllipsis ? item.tooltip : "")
+        }, {
+          default: () => vue.createVNode("div", {
+            "class": [ns.e("action-item"), ns.is("disabled", c.groupActionState[item.id].disabled)],
+            "onClick": (event) => {
+              if (!c.groupActionState[item.id].disabled)
+                c.onActionClick(item, props.data, event);
+            }
+          }, [item.showIcon && item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+            "class": ns.em("action-item", "icon"),
+            "icon": item.sysImage
+          }, null), vue.createVNode("span", {
+            "class": ns.em("action-item", "caption")
+          }, [item.showCaption ? item.caption : ""])])
+        });
       });
     };
+    const renderListItems = () => {
+      if (!items.value.length)
+        return [vue.createVNode(vue.resolveComponent("el-option"), {
+          "value": "empty"
+        }, {
+          default: () => [vue.createVNode(vue.resolveComponent("iBizNoData"), {
+            "class": ns.e("empty"),
+            "onClick": (event) => event.stopPropagation()
+          }, null)]
+        })];
+      return items.value.map((item) => {
+        return vue.createVNode(vue.resolveComponent("el-option"), {
+          "key": item[c.keyName],
+          "value": item[c.keyName],
+          "label": item[c.textName],
+          "title": core.showTitle(isEllipsis ? item[c.textName] : "")
+        }, {
+          default: () => {
+            var _a2;
+            if (c.acItemProvider) {
+              const component = vue.resolveComponent(c.acItemProvider.component);
+              return vue.h(component, {
+                item,
+                controller: c
+              });
+            }
+            const panel = (_a2 = c.deACMode) == null ? void 0 : _a2.itemLayoutPanel;
+            if (panel)
+              return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+                "data": item,
+                "modelData": panel,
+                "context": c.context,
+                "params": c.params
+              }, null);
+            return vue.createVNode("span", null, [item[c.textName] != null ? item[c.textName] : ""]);
+          }
+        });
+      });
+    };
+    const renderListContent = () => {
+      if (actionPostion === "top")
+        return [...renderActionItems(), ...renderListItems()];
+      return [...renderListItems(), ...renderActionItems()];
+    };
     return {
-      ns,
       c,
-      curValue,
-      loading,
+      ns,
       items,
+      loading,
+      curValue,
       valueText,
+      editorRef,
+      isEllipsis,
+      isEditable,
+      selectItems,
+      showFormDefaultContent,
+      onBlur,
+      onFocus,
       onSearch,
-      onOpenChange,
       onSelect,
       onRemove,
-      openPickUpView,
-      onFocus,
-      onBlur,
+      onOpenChange,
       handleKeyUp,
-      selectItems,
-      editorRef,
-      isEditable,
       setEditable,
-      showFormDefaultContent,
-      renderEmpty
+      openPickUpView,
+      renderListContent
     };
   },
   render() {
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
-    const isEllipsis = overflowMode === "ellipsis";
+    let _slot;
     const editContent = [!this.readonly && vue.createVNode(vue.resolveComponent("el-select"), vue.mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("select")],
@@ -324,38 +428,10 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       "onFocus": this.onFocus,
       "onBlur": this.onBlur,
       "onKeyup": this.handleKeyUp,
-      "fit-input-width": isEllipsis,
+      "fit-input-width": this.isEllipsis,
       "remote-show-suffix": this.c.model.showTrigger
-    }, this.$attrs), {
-      default: () => [this.items.map((item) => {
-        return vue.createVNode(vue.resolveComponent("el-option"), {
-          "title": core.showTitle(isEllipsis ? item[this.c.textName] : ""),
-          "key": item[this.c.keyName],
-          "value": item[this.c.keyName],
-          "label": item[this.c.textName]
-        }, {
-          default: () => {
-            var _a;
-            if (this.c.acItemProvider) {
-              const component = vue.resolveComponent(this.c.acItemProvider.component);
-              return vue.h(component, {
-                item,
-                controller: this.c
-              });
-            }
-            const panel = (_a = this.c.deACMode) == null ? void 0 : _a.itemLayoutPanel;
-            if (panel) {
-              return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
-                "data": item,
-                "modelData": panel,
-                "context": this.c.context,
-                "params": this.c.params
-              }, null);
-            }
-            return vue.createVNode("span", null, [item[this.c.textName] != null ? item[this.c.textName] : ""]);
-          }
-        });
-      }), this.renderEmpty()]
+    }, this.$attrs), _isSlot(_slot = this.renderListContent()) ? _slot : {
+      default: () => [_slot]
     }), !this.readonly && vue.createVNode("div", {
       "class": this.ns.e("buns-position")
     }, [this.c.model.pickupAppViewId ? vue.createVNode("div", {
@@ -373,7 +449,10 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode("span", {
         "class": this.ns.b("content-item")
       }, [item[this.c.textName]]);
-    }) : ibiz.config.common.emptyText]);
+    }) : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3);display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:absolute;right:26px;z-index:1;display:inline-block;width:30px;height:100%;cursor:pointer}.ibiz-mpicker__btns{position:absolute;right:0;width:100%;height:100%;color:var(--ibiz-form-item-placeholder-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker__action-item{color:var(--ibiz-color-link);text-align:center}.ibiz-mpicker__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-mpicker__transfer{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3)}.ibiz-mpicker__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-mpicker__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-mpicker-empty-bg-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}
+@charset "UTF-8";.ibiz-mpicker{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3);display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:absolute;right:26px;z-index:1;display:inline-block;width:30px;height:100%;cursor:pointer}.ibiz-mpicker__btns{position:absolute;right:0;width:100%;height:100%;color:var(--ibiz-form-item-placeholder-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker__action-item{display:flex;align-items:center;justify-content:center;color:var(--ibiz-color-link)}.ibiz-mpicker__action-item--caption{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-mpicker__action-item.is-disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-mpicker__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-mpicker__transfer{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3)}.ibiz-mpicker__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-mpicker__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-mpicker-empty-bg-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}