@ibiz-template/vue3-components 0.7.16-alpha.0 → 0.7.17-alpha.0

package/es/editor/autocomplete/autocomplete-editor.controller.d.ts

@@ -1,5 +1,5 @@
 import { IHttpResponse } from '@ibiz-template/core';
-import { EditorController } from '@ibiz-template/runtime';
+import { EditorController, IAcItemProvider } from '@ibiz-template/runtime';
 import { IAppDEACMode, IAutoComplete, IDEACModeDataItem } from '@ibiz/model-core';
 /**
  * 自动完成编辑器控制器
@@ -32,6 +32,14 @@ export declare class AutoCompleteEditorController extends EditorController<IAuto
      * 自填数据项集合（已排除了value和text)
      */
     dataItems: IDEACModeDataItem[];
+    /**
+     * 自填列表项适配器
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-21 17:05:21
+     * @type {IAcItemProvider}
+     */
+    acItemProvider?: IAcItemProvider;
     protected onInit(): Promise<void>;
     /**
      * 加载实体数据集数据

package/es/editor/autocomplete/autocomplete-editor.controller.mjs

@@ -1,5 +1,5 @@
 import { RuntimeModelError } from '@ibiz-template/core';
-import { EditorController, getDeACMode } from '@ibiz-template/runtime';
+import { EditorController, getDeACMode, getAcItemProvider } from '@ibiz-template/runtime';
 import { mergeDeepLeft } from 'ramda';
 
 "use strict";
@@ -36,6 +36,14 @@ class AutoCompleteEditorController extends EditorController {
      * 自填数据项集合（已排除了value和text)
      */
     __publicField(this, "dataItems", []);
+    /**
+     * 自填列表项适配器
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-21 17:05:21
+     * @type {IAcItemProvider}
+     */
+    __publicField(this, "acItemProvider");
   }
   async onInit() {
     super.onInit();
@@ -70,6 +78,9 @@ class AutoCompleteEditorController extends EditorController {
               }
             );
           }
+          if (this.deACMode.itemSysPFPluginId) {
+            this.acItemProvider = await getAcItemProvider(this.deACMode);
+          }
         }
       }
     }

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, h, createVNode, defineComponent } from 'vue';
 import { getAutoCompleteProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-autocomplete.css';
 import { debounce } from 'lodash-es';
@@ -181,6 +181,13 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
       default: ({
         item
       }) => {
+        if (this.c.acItemProvider) {
+          const component = resolveComponent(this.c.acItemProvider.component);
+          return h(component, {
+            item,
+            controller: this.c
+          });
+        }
         return createVNode("div", {
           "class": [this.ns.e("transfer-item"), this.ns.is("ellipsis", isEllipsis)],
           "title": isEllipsis ? item[this.c.textName] : ""

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, onMounted, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { isVNode, ref, computed, watch, onMounted, resolveComponent, mergeProps, h, createVNode, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-mpicker.css';
 import { clone } from 'lodash-es';
@@ -308,7 +308,18 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
         "key": item[this.c.keyName],
         "value": item[this.c.keyName],
         "label": item[this.c.textName]
-      }, null);
+      }, {
+        default: () => {
+          if (this.c.acItemProvider) {
+            const component = resolveComponent(this.c.acItemProvider.component);
+            return h(component, {
+              item,
+              controller: this.c
+            });
+          }
+          return createVNode("span", null, [item[this.c.textName] != null ? item[this.c.textName] : ""]);
+        }
+      });
     })) ? _slot : {
       default: () => [_slot]
     }), !this.readonly && createVNode("div", {

package/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, onMounted, resolveComponent, createVNode, mergeProps, defineComponent } from 'vue';
+import { ref, computed, watch, onMounted, resolveComponent, h, createVNode, mergeProps, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
 import { isEmpty, isNil } from 'ramda';
 import './ibiz-picker.css';
@@ -205,6 +205,16 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         context,
         params
       } = this.c;
+      if (this.c.acItemProvider) {
+        const component = resolveComponent(this.c.acItemProvider.component);
+        return h(component, {
+          item,
+          controller: this.c,
+          onClick: () => {
+            this.onACSelect(item);
+          }
+        });
+      }
       return panel ? createVNode(resolveComponent("iBizControlShell"), {
         "data": item,
         "modelData": panel,

package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, onMounted, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { isVNode, ref, computed, watch, onMounted, resolveComponent, mergeProps, h, createVNode, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
 import { isNil, clone } from 'ramda';
 import './ibiz-picker-dropdown.css';
@@ -240,7 +240,18 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
         "value": item[this.c.keyName],
         "key": item[this.c.keyName],
         "label": item[this.c.textName]
-      }, null);
+      }, {
+        default: () => {
+          if (this.c.acItemProvider) {
+            const component = resolveComponent(this.c.acItemProvider.component);
+            return h(component, {
+              item,
+              controller: this.c
+            });
+          }
+          return createVNode("span", null, [item[this.c.textName] != null ? item[this.c.textName] : ""]);
+        }
+      });
     })) ? _slot : {
       default: () => [_slot]
     });

package/es/editor/data-picker/picker-editor.controller.d.ts

@@ -1,5 +1,5 @@
 import { IHttpResponse } from '@ibiz-template/core';
-import { EditorController, IViewConfig } from '@ibiz-template/runtime';
+import { EditorController, IViewConfig, IAcItemProvider } from '@ibiz-template/runtime';
 import { IAppDEACMode, IDEACModeDataItem, IPicker } from '@ibiz/model-core';
 /**
  * 数据选择编辑器控制器
@@ -59,6 +59,14 @@ export declare class PickerEditorController extends EditorController<IPicker> {
     objectIdField: string | undefined;
     objectNameField: string | undefined;
     objectValueField: string | undefined;
+    /**
+     * 自填列表项适配器
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-21 17:05:50
+     * @type {IAcItemProvider}
+     */
+    acItemProvider?: IAcItemProvider;
     protected onInit(): Promise<void>;
     /**
      * 初始化noAc和noButton

package/es/editor/data-picker/picker-editor.controller.mjs

@@ -1,5 +1,5 @@
 import { RuntimeModelError } from '@ibiz-template/core';
-import { EditorController, getDeACMode, OpenAppViewCommand } from '@ibiz-template/runtime';
+import { EditorController, getDeACMode, getAcItemProvider, OpenAppViewCommand } from '@ibiz-template/runtime';
 import { mergeDeepLeft } from 'ramda';
 
 "use strict";
@@ -66,6 +66,14 @@ class PickerEditorController extends EditorController {
     __publicField(this, "objectNameField", "");
     // 对象值属性
     __publicField(this, "objectValueField", "");
+    /**
+     * 自填列表项适配器
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-21 17:05:50
+     * @type {IAcItemProvider}
+     */
+    __publicField(this, "acItemProvider");
   }
   async onInit() {
     var _a, _b, _c, _d;
@@ -103,6 +111,9 @@ class PickerEditorController extends EditorController {
               }
             );
           }
+          if (this.deACMode.itemSysPFPluginId) {
+            this.acItemProvider = await getAcItemProvider(this.deACMode);
+          }
         }
       }
     }

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.mjs

@@ -1,4 +1,4 @@
-import { isVNode, computed, ref, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { isVNode, computed, ref, watch, resolveComponent, mergeProps, h, createVNode, defineComponent } from 'vue';
 import { getListBoxProps, getEditorEmits, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './ibiz-list-box.css';
@@ -166,9 +166,19 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
       "label": item.value,
       "disabled": this.disabled || this.readonly || item.disableSelect === true
     }, {
-      default: () => [createVNode("span", {
-        "class": this.ns.e("text")
-      }, [item.text])]
+      default: () => {
+        const c = this.controller;
+        if (c.acItemProvider) {
+          const component = resolveComponent(c.acItemProvider.component);
+          return h(component, {
+            item,
+            controller: c
+          });
+        }
+        return createVNode("span", {
+          "class": this.ns.e("text")
+        }, [item.text]);
+      }
     }))) ? _slot : {
       default: () => [_slot]
     }) : createVNode(resolveComponent("el-radio-group"), mergeProps({
@@ -182,9 +192,19 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
         this.onSelectArrayChange(item.value);
       }
     }, {
-      default: () => [createVNode("span", {
-        "class": this.ns.e("text")
-      }, [item.text])]
+      default: () => {
+        const c = this.controller;
+        if (c.acItemProvider) {
+          const component = resolveComponent(c.acItemProvider.component);
+          return h(component, {
+            item,
+            controller: c
+          });
+        }
+        return createVNode("span", {
+          "class": this.ns.e("text")
+        }, [item.text]);
+      }
     }))) ? _slot2 : {
       default: () => [_slot2]
     })]);

package/es/editor/list-box/list-box-picker-editor.controller.d.ts

@@ -1,6 +1,6 @@
 import { IHttpResponse } from '@ibiz-template/core';
-import { EditorController } from '@ibiz-template/runtime';
-import { IListBoxPicker } from '@ibiz/model-core';
+import { EditorController, IAcItemProvider } from '@ibiz-template/runtime';
+import { IAppDEACMode, IListBoxPicker } from '@ibiz/model-core';
 /**
  * 列表框picker编辑器控制器
  * @return {*}
@@ -20,6 +20,22 @@ export declare class ListBoxPickerEditorController extends EditorController<ILis
      * 数据集codeName
      */
     interfaceName: string;
+    /**
+     * 实体自填模式模型
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-21 17:05:03
+     * @type {IAppDEACMode}
+     */
+    deACMode?: IAppDEACMode;
+    /**
+     * 自填列表项适配器
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-21 17:05:25
+     * @type {IAcItemProvider}
+     */
+    acItemProvider?: IAcItemProvider;
     protected onInit(): Promise<void>;
     /**
      * 加载实体数据集数据

package/es/editor/list-box/list-box-picker-editor.controller.mjs

@@ -1,5 +1,5 @@
 import { RuntimeModelError } from '@ibiz-template/core';
-import { EditorController } from '@ibiz-template/runtime';
+import { EditorController, getDeACMode, getAcItemProvider } from '@ibiz-template/runtime';
 import { mergeDeepLeft } from 'ramda';
 
 "use strict";
@@ -24,6 +24,22 @@ class ListBoxPickerEditorController extends EditorController {
      * 数据集codeName
      */
     __publicField(this, "interfaceName", "");
+    /**
+     * 实体自填模式模型
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-21 17:05:03
+     * @type {IAppDEACMode}
+     */
+    __publicField(this, "deACMode");
+    /**
+     * 自填列表项适配器
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-21 17:05:25
+     * @type {IAcItemProvider}
+     */
+    __publicField(this, "acItemProvider");
   }
   async onInit() {
     super.onInit();
@@ -31,6 +47,18 @@ class ListBoxPickerEditorController extends EditorController {
       if (this.model.appDEDataSetId) {
         this.interfaceName = this.model.appDEDataSetId;
       }
+      if (this.model.appDataEntityId && this.model.appDEACModeId) {
+        this.deACMode = await getDeACMode(
+          this.model.appDEACModeId,
+          this.model.appDataEntityId,
+          this.context.srfappid
+        );
+        if (this.deACMode) {
+          if (this.deACMode.itemSysPFPluginId) {
+            this.acItemProvider = await getAcItemProvider(this.deACMode);
+          }
+        }
+      }
     }
   }
   /**