@ibiz-template/mob-vue3-components 0.0.1-alpha.19

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

@@ -0,0 +1,200 @@
+import { ref, watch, resolveComponent, createVNode, h, vShow, withDirectives, defineComponent } from 'vue';
+import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import './ibiz-picker-select-view.css';
+import { clone } from 'ramda';
+
+"use strict";
+const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
+  name: "IBizPickerSelectView",
+  props: getDataPickerProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("picker-select-view");
+    const c = props.controller;
+    const editorModel = c.model;
+    const singleSelect = ref(true);
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.multiple) {
+        singleSelect.value = !c.toBoolean(editorModel.editorParams.multiple);
+      }
+    }
+    const keySet = ref([]);
+    let selectedData = [];
+    const curValue = ref("");
+    const context = ref(clone(c.context));
+    const params = ref(clone(c.params));
+    const {
+      componentRef: editorRef
+    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    watch(() => props.value, (newVal) => {
+      if (singleSelect.value) {
+        curValue.value = newVal || "";
+        if (!props.data || !c.valueItem || !props.data[c.valueItem]) {
+          ibiz.log.error("\u503C\u9879\u5F02\u5E38");
+        } else {
+          selectedData = [{
+            srfkey: props.data[c.valueItem],
+            srfmajortext: props.value
+          }];
+          params.value.selectedData = selectedData;
+        }
+      } else {
+        keySet.value = [];
+        const selectItems = [];
+        if (newVal) {
+          if (!props.data || !c.valueItem || !props.data[c.valueItem]) {
+            ibiz.log.error("\u503C\u9879\u5F02\u5E38");
+          } else {
+            const tempValue = props.data[c.valueItem].split(",");
+            const tempText = newVal.split(",");
+            tempValue.forEach((srfkey, index) => {
+              selectItems.push({
+                srfmajortext: tempText[index],
+                srfkey
+              });
+            });
+            selectItems.forEach((item) => {
+              keySet.value.push(item.srfkey);
+            });
+          }
+        }
+        selectedData = selectItems;
+        params.value.selectedData = selectedData;
+      }
+    }, {
+      immediate: false,
+      deep: true
+    });
+    const onClear = () => {
+      const dataItems = c.dataItems;
+      if (dataItems == null ? void 0 : dataItems.length) {
+        dataItems.forEach((dataItem) => {
+          emit("change", null, dataItem.id);
+        });
+      }
+      if (c.valueItem) {
+        emit("change", null, c.valueItem);
+      }
+      emit("change", null);
+    };
+    const onViewDataChange = (event) => {
+      if (event.length === 0) {
+        onClear();
+        return;
+      }
+      if (singleSelect.value) {
+        if (c.valueItem) {
+          const tempValue = event[0][c.keyName] ? event[0][c.keyName] : event[0].srfkey;
+          emit("change", tempValue, c.valueItem);
+        }
+        const tempText = event[0][c.textName] ? event[0][c.textName] : event[0].srfmajortext;
+        emit("change", tempText);
+      } else {
+        let tempValue = "";
+        let tempText = "";
+        if (event && Array.isArray(event)) {
+          event.forEach((select) => {
+            const srfkey = select[c.keyName] ? select[c.keyName] : select.srfkey;
+            tempValue += `${srfkey},`;
+            const srfmajortext = select[c.textName] ? select[c.textName] : select.srfmajortext;
+            tempText += `${srfmajortext},`;
+          });
+        }
+        tempValue = tempValue.substring(0, tempValue.length - 1);
+        tempText = tempText.substring(0, tempText.length - 1);
+        if (c.valueItem) {
+          emit("change", tempValue, c.valueItem);
+        }
+        emit("change", tempText);
+      }
+    };
+    const onSelectionChange = (event) => {
+      onViewDataChange(event.data);
+    };
+    const height = ref(100);
+    const anchors = ref([0, 10, 100, window.innerHeight * 0.2, window.innerHeight * 0.3, window.innerHeight * 0.4, window.innerHeight * 0.5, window.innerHeight * 0.6, window.innerHeight * 0.7]);
+    const isOpen = ref(false);
+    const openPicker = async () => {
+      if (height.value < 100) {
+        height.value = 100;
+      }
+      isOpen.value = true;
+    };
+    const heightChange = ({
+      height: _height
+    }) => {
+      if (_height < 15) {
+        height.value = 0;
+      }
+    };
+    const visible = ref(true);
+    return {
+      ns,
+      c,
+      curValue,
+      context,
+      params,
+      editorRef,
+      height,
+      isOpen,
+      anchors,
+      visible,
+      onClear,
+      onSelectionChange,
+      heightChange,
+      openPicker
+    };
+  },
+  render() {
+    const viewShell = resolveComponent("IBizViewShell");
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : ""]
+    }, [createVNode(resolveComponent("van-field"), {
+      "ref": "editorRef",
+      "modelValue": this.curValue,
+      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "readonly": true,
+      "placeholder": this.c.placeHolder,
+      "disabled": this.disabled,
+      "onClick": this.openPicker
+    }, {
+      button: () => {
+        if (this.$slots.append) {
+          return this.$slots.append({});
+        }
+        if (this.disabled || this.readonly) {
+          return null;
+        }
+        return [this.c.model.pickupAppViewId ? createVNode(resolveComponent("van-button"), {
+          "size": "small",
+          "onClick": this.openPicker
+        }, {
+          default: () => [createVNode("ion-icon", {
+            "name": "search"
+          }, null)]
+        }) : null];
+      }
+    }), this.c.pickupView && this.isOpen ? withDirectives(createVNode(resolveComponent("van-floating-panel"), {
+      "height": this.height,
+      "onUpdate:height": ($event) => this.height = $event,
+      "anchors": this.anchors,
+      "onHeightChange": this.heightChange
+    }, {
+      default: () => {
+        var _a;
+        return [createVNode("div", {
+          "class": this.ns.b("view")
+        }, [h(viewShell, {
+          context: this.context,
+          params: this.params,
+          viewId: (_a = this.c.pickupView) == null ? void 0 : _a.id,
+          onSelectionChange: this.onSelectionChange
+        })])];
+      }
+    }), [[vShow, this.visible]]) : null]);
+  }
+});
+
+export { IBizPickerSelectView };

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

@@ -0,0 +1,5 @@
+export { IBizPicker } from './ibiz-picker/ibiz-picker';
+export { IBizMPicker } from './ibiz-mpicker/ibiz-mpicker';
+export { IBizPickerSelectView } from './ibiz-picker-select-view/ibiz-picker-select-view';
+export * from './picker-editor.controller';
+export * from './picker-editor.provider';

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

@@ -0,0 +1,7 @@
+export { IBizPicker } from './ibiz-picker/ibiz-picker.mjs';
+export { IBizMPicker } from './ibiz-mpicker/ibiz-mpicker.mjs';
+export { IBizPickerSelectView } from './ibiz-picker-select-view/ibiz-picker-select-view.mjs';
+export { PickerEditorController } from './picker-editor.controller.mjs';
+export { DataPickerEditorProvider } from './picker-editor.provider.mjs';
+
+"use strict";

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

@@ -0,0 +1,117 @@
+import { IHttpResponse } from '@ibiz-template/core';
+import { EditorController, IViewConfig } from '@ibiz-template/runtime';
+import { IAppDEACMode, IDEACModeDataItem, IPicker } from '@ibiz/model-core';
+/**
+ * 数据选择编辑器控制器
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2022-08-25 10:57:58
+ */
+export declare class PickerEditorController extends EditorController<IPicker> {
+    /**
+     * 是否多选
+     */
+    multiple: boolean;
+    /**
+     *选择视图相关参数
+     */
+    pickupView: IViewConfig | null;
+    /**
+     *链接视图相关参数
+     */
+    linkView: IViewConfig | null;
+    /**
+     *值项
+     */
+    valueItem: string;
+    /**
+     * 主键属性名称
+     */
+    keyName: string;
+    /**
+     * 主文本属性名称
+     */
+    textName: string;
+    /**
+     * 数据集codeName
+     */
+    interfaceName: string;
+    /**
+     * 自填模式sort排序
+     */
+    sort: string | undefined;
+    /**
+     * 不支持AC（根据编辑器类型得）
+     */
+    noAC: boolean;
+    /**
+     * 不支持按钮（根据编辑器类型得）
+     */
+    noButton: boolean;
+    /**
+     * 实体自填模式模型
+     */
+    deACMode: IAppDEACMode | undefined;
+    /**
+     * 自填数据项集合（已排除了value和text)
+     */
+    dataItems: IDEACModeDataItem[];
+    objectIdField: string | undefined;
+    objectNameField: string | undefined;
+    objectValueField: string | undefined;
+    protected onInit(): Promise<void>;
+    /**
+     * 初始化noAc和noButton
+     */
+    initParams(): void;
+    /**
+     * 初始化选择视图相关参数
+     */
+    initPickupViewParams(): Promise<void>;
+    /**
+     * 初始化链接视图相关参数
+     */
+    initLinkViewParams(): Promise<void>;
+    /**
+     * 加载实体数据集数据
+     *
+     * @param {string} query 模糊匹配字符串
+     * @param {IData} data 表单数据
+     * @returns {*}  {Promise<IHttpResponse<IData[]>>}
+     * @memberof PickerEditorController
+     */
+    getServiceData(query: string, data: IData): Promise<IHttpResponse<IData[]>>;
+    /**
+     * 打开数据选择视图
+     *
+     * @param {IData} data 数据对象
+     * @param {IData[]} selectedData 选中项集合
+     * @returns {*}  {(Promise<IData[] | undefined>)}
+     * @memberof PickerEditorController
+     */
+    openPickUpView(data: IData, selectedData?: string): Promise<IData[] | undefined>;
+    /**
+     * 打开数据链接视图
+     */
+    openLinkView(data: IData): Promise<IData[] | undefined>;
+    /**
+     * 计算回填数据
+     *
+     * @author lxm
+     * @date 2022-10-24 16:10:24
+     * @param {IData} data 选中数据
+     * @returns {*}  {Promise<Array<{ id: string; value: any }>>}
+     */
+    calcFillDataItems(data: IData): Promise<Array<{
+        id: string;
+        value: any;
+    }>>;
+    /**
+     * 处理对象数据类型抛值
+     * @param {IData} select
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2023-08-22 15:58:56
+     */
+    handleObjectParams(select: IData): IData;
+}

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

@@ -0,0 +1,303 @@
+import { RuntimeModelError } from '@ibiz-template/core';
+import { EditorController, getDeACMode, OpenAppViewCommand } from '@ibiz-template/runtime';
+import { mergeDeepLeft, clone } from 'ramda';
+
+"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 PickerEditorController extends EditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 是否多选
+     */
+    __publicField(this, "multiple", false);
+    /**
+     *选择视图相关参数
+     */
+    __publicField(this, "pickupView", null);
+    /**
+     *链接视图相关参数
+     */
+    __publicField(this, "linkView", null);
+    /**
+     *值项
+     */
+    __publicField(this, "valueItem", "");
+    /**
+     * 主键属性名称
+     */
+    __publicField(this, "keyName", "srfkey");
+    /**
+     * 主文本属性名称
+     */
+    __publicField(this, "textName", "srfmajortext");
+    /**
+     * 数据集codeName
+     */
+    __publicField(this, "interfaceName", "");
+    /**
+     * 自填模式sort排序
+     */
+    __publicField(this, "sort", "");
+    /**
+     * 不支持AC（根据编辑器类型得）
+     */
+    __publicField(this, "noAC", false);
+    /**
+     * 不支持按钮（根据编辑器类型得）
+     */
+    __publicField(this, "noButton", false);
+    /**
+     * 实体自填模式模型
+     */
+    __publicField(this, "deACMode");
+    /**
+     * 自填数据项集合（已排除了value和text)
+     */
+    __publicField(this, "dataItems", []);
+    // 对象标识属性
+    __publicField(this, "objectIdField", "");
+    // 对象名称属性
+    __publicField(this, "objectNameField", "");
+    // 对象值属性
+    __publicField(this, "objectValueField", "");
+  }
+  async onInit() {
+    var _a, _b, _c, _d;
+    super.onInit();
+    this.initParams();
+    this.valueItem = ((_a = this.model.valueItemName) == null ? void 0 : _a.toLowerCase()) || "";
+    if (this.model.appDataEntityId) {
+      if (this.model.appDEDataSetId) {
+        this.interfaceName = this.model.appDEDataSetId;
+      }
+      if (this.model.appDEACModeId) {
+        this.deACMode = await getDeACMode(
+          this.model.appDEACModeId,
+          this.model.appDataEntityId,
+          this.context.srfappid
+        );
+        if (this.deACMode) {
+          const { minorSortAppDEFieldId, minorSortDir } = this.deACMode;
+          if (minorSortAppDEFieldId && minorSortDir) {
+            this.sort = `${minorSortAppDEFieldId.toLowerCase()},${minorSortDir.toLowerCase()}`;
+          }
+          if (this.deACMode.textAppDEFieldId) {
+            this.textName = this.deACMode.textAppDEFieldId;
+          }
+          if (this.deACMode.valueAppDEFieldId) {
+            this.keyName = this.deACMode.valueAppDEFieldId;
+          }
+          if (this.deACMode.deacmodeDataItems) {
+            this.dataItems = [];
+            this.deACMode.deacmodeDataItems.forEach(
+              (dataItem) => {
+                if (dataItem.id !== "value" && dataItem.id !== "text") {
+                  this.dataItems.push(dataItem);
+                }
+              }
+            );
+          }
+        }
+      }
+    }
+    const embedViewEditors = [
+      "PICKEREX_DROPDOWNVIEW",
+      "PICKEREX_DROPDOWNVIEW_LINK",
+      "PICKUPVIEW"
+    ];
+    if (this.model.editorType && embedViewEditors.includes(this.model.editorType)) {
+      this.initPickupViewParams();
+    }
+    this.objectIdField = (_b = this.model.objectIdField) == null ? void 0 : _b.toLowerCase();
+    this.objectNameField = (_c = this.model.objectNameField) == null ? void 0 : _c.toLowerCase();
+    this.objectValueField = (_d = this.model.objectValueField) == null ? void 0 : _d.toLowerCase();
+  }
+  /**
+   * 初始化noAc和noButton
+   */
+  initParams() {
+    switch (this.model.editorType) {
+      case "PICKEREX_NOAC":
+      case "PICKEREX_NOAC_LINK":
+        this.noAC = true;
+        break;
+      case "PICKEREX_NOBUTTON":
+        this.noButton = true;
+        break;
+      default:
+        this.noButton = false;
+        this.noAC = false;
+    }
+  }
+  /**
+   * 初始化选择视图相关参数
+   */
+  async initPickupViewParams() {
+    if (this.model.pickupAppViewId) {
+      this.pickupView = await ibiz.hub.config.view.get(
+        this.model.pickupAppViewId
+      );
+    }
+  }
+  /**
+   * 初始化链接视图相关参数
+   */
+  async initLinkViewParams() {
+    if (this.model.linkAppViewId) {
+      this.linkView = await ibiz.hub.config.view.get(this.model.linkAppViewId);
+    }
+  }
+  /**
+   * 加载实体数据集数据
+   *
+   * @param {string} query 模糊匹配字符串
+   * @param {IData} data 表单数据
+   * @returns {*}  {Promise<IHttpResponse<IData[]>>}
+   * @memberof PickerEditorController
+   */
+  async getServiceData(query, data) {
+    const { context, params } = this.handlePublicParams(
+      data,
+      this.context,
+      this.params
+    );
+    const fixedParams = {};
+    if (this.sort && !Object.is(this.sort, "")) {
+      Object.assign(fixedParams, { sort: this.sort });
+    }
+    if (query) {
+      Object.assign(fixedParams, { query });
+    }
+    Object.assign(fixedParams, { size: 1e3 });
+    const tempParams = mergeDeepLeft(params, fixedParams);
+    if (this.interfaceName) {
+      const app = ibiz.hub.getApp(this.context.srfappid);
+      const res = await app.deService.exec(
+        this.model.appDataEntityId,
+        this.interfaceName,
+        context,
+        tempParams
+      );
+      return res;
+    }
+    throw new RuntimeModelError(this.model, "\u8BF7\u914D\u7F6E\u5B9E\u4F53\u548C\u5B9E\u4F53\u6570\u636E\u96C6");
+  }
+  /**
+   * 打开数据选择视图
+   *
+   * @param {IData} data 数据对象
+   * @param {IData[]} selectedData 选中项集合
+   * @returns {*}  {(Promise<IData[] | undefined>)}
+   * @memberof PickerEditorController
+   */
+  async openPickUpView(data, selectedData) {
+    await this.initPickupViewParams();
+    const { context, params } = this.handlePublicParams(
+      data,
+      this.context,
+      this.params
+    );
+    if (selectedData) {
+      params.selectedData = selectedData;
+    }
+    if (!this.pickupView) {
+      throw new RuntimeModelError(this.model, "\u8BF7\u914D\u7F6E\u6570\u636E\u9009\u62E9\u89C6\u56FE");
+    }
+    const res = await ibiz.commands.execute(
+      OpenAppViewCommand.TAG,
+      this.pickupView.id,
+      context,
+      params,
+      { openMode: "POPUPMODAL" }
+    );
+    if (res && res.ok && res.data) {
+      return res.data;
+    }
+    ibiz.log.debug("\u6A21\u6001\u53D6\u6D88\u6216\u5173\u95ED\u5F02\u5E38", res);
+  }
+  /**
+   * 打开数据链接视图
+   */
+  async openLinkView(data) {
+    const tempContext = this.context.clone();
+    if (data[this.valueItem]) {
+      tempContext.srfkey = data[this.valueItem];
+    }
+    const { context, params } = this.handlePublicParams(
+      data,
+      tempContext,
+      this.params
+    );
+    const { linkAppViewId } = this.model;
+    if (!linkAppViewId) {
+      throw new RuntimeModelError(this.model, "\u8BF7\u914D\u7F6E\u6570\u636E\u94FE\u63A5\u89C6\u56FE");
+    }
+    return ibiz.commands.execute(
+      OpenAppViewCommand.TAG,
+      linkAppViewId,
+      context,
+      params
+    );
+  }
+  /**
+   * 计算回填数据
+   *
+   * @author lxm
+   * @date 2022-10-24 16:10:24
+   * @param {IData} data 选中数据
+   * @returns {*}  {Promise<Array<{ id: string; value: any }>>}
+   */
+  async calcFillDataItems(data) {
+    if (this.deACMode) {
+      if (this.dataItems.length === 0) {
+        return [];
+      }
+      const result = await Promise.all(
+        this.dataItems.map((item) => {
+          const value = data[item.appDEFieldId];
+          if (item.format) {
+          } else if (item.convertToCodeItemText && item.codeListId) {
+          } else if (item.customCode) {
+          }
+          return { id: item.id, value };
+        })
+      );
+      return result;
+    }
+    return [];
+  }
+  /**
+   * 处理对象数据类型抛值
+   * @param {IData} select
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-08-22 15:58:56
+   */
+  handleObjectParams(select) {
+    const object = {};
+    if (this.objectIdField) {
+      Object.assign(object, {
+        [this.objectIdField]: select[this.keyName]
+      });
+    }
+    if (this.objectNameField) {
+      Object.assign(object, {
+        [this.objectNameField]: select[this.textName]
+      });
+    }
+    if (this.objectValueField) {
+      Object.assign(object, {
+        [this.objectValueField]: clone(select)
+      });
+    }
+    return object;
+  }
+}
+
+export { PickerEditorController };

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

@@ -0,0 +1,18 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { IPicker } from '@ibiz/model-core';
+import { PickerEditorController } from './picker-editor.controller';
+/**
+ * 数据选择器编辑器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class DataPickerEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class DataPickerEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    constructor(editorType: string);
+    createController(editorModel: IPicker, parentController: IEditorContainerController): Promise<PickerEditorController>;
+}

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

@@ -0,0 +1,34 @@
+import { PickerEditorController } from './picker-editor.controller.mjs';
+
+"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 DataPickerEditorProvider {
+  constructor(editorType) {
+    __publicField(this, "formEditor");
+    __publicField(this, "gridEditor");
+    let componentName = "IBizPicker";
+    switch (editorType) {
+      case "MOBMPICKER":
+        componentName = "IBizMPicker";
+        break;
+      case "MOBPICKER_DROPDOWNVIEW":
+        componentName = "IBizPickerSelectView";
+        break;
+      default:
+    }
+    this.formEditor = componentName;
+    this.gridEditor = componentName;
+  }
+  async createController(editorModel, parentController) {
+    const c = new PickerEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { DataPickerEditorProvider };