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

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

@@ -0,0 +1,202 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-picker-select-view.css');
+var ramda = require('ramda');
+
+"use strict";
+const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPickerSelectView",
+  props: vue3Util.getDataPickerProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("picker-select-view");
+    const c = props.controller;
+    const editorModel = c.model;
+    const singleSelect = vue.ref(true);
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.multiple) {
+        singleSelect.value = !c.toBoolean(editorModel.editorParams.multiple);
+      }
+    }
+    const keySet = vue.ref([]);
+    let selectedData = [];
+    const curValue = vue.ref("");
+    const context = vue.ref(ramda.clone(c.context));
+    const params = vue.ref(ramda.clone(c.params));
+    const {
+      componentRef: editorRef
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    vue.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 = vue.ref(100);
+    const anchors = vue.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 = vue.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 = vue.ref(true);
+    return {
+      ns,
+      c,
+      curValue,
+      context,
+      params,
+      editorRef,
+      height,
+      isOpen,
+      anchors,
+      visible,
+      onClear,
+      onSelectionChange,
+      heightChange,
+      openPicker
+    };
+  },
+  render() {
+    const viewShell = vue.resolveComponent("IBizViewShell");
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : ""]
+    }, [vue.createVNode(vue.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 ? vue.createVNode(vue.resolveComponent("van-button"), {
+          "size": "small",
+          "onClick": this.openPicker
+        }, {
+          default: () => [vue.createVNode("ion-icon", {
+            "name": "search"
+          }, null)]
+        }) : null];
+      }
+    }), this.c.pickupView && this.isOpen ? vue.withDirectives(vue.createVNode(vue.resolveComponent("van-floating-panel"), {
+      "height": this.height,
+      "onUpdate:height": ($event) => this.height = $event,
+      "anchors": this.anchors,
+      "onHeightChange": this.heightChange
+    }, {
+      default: () => {
+        var _a;
+        return [vue.createVNode("div", {
+          "class": this.ns.b("view")
+        }, [vue.h(viewShell, {
+          context: this.context,
+          params: this.params,
+          viewId: (_a = this.c.pickupView) == null ? void 0 : _a.id,
+          onSelectionChange: this.onSelectionChange
+        })])];
+      }
+    }), [[vue.vShow, this.visible]]) : null]);
+  }
+});
+
+exports.IBizPickerSelectView = IBizPickerSelectView;

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.css

@@ -0,0 +1 @@
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker-select-view .ibiz-picker-select-view-view{height:100%}.ibiz-picker-select-view .van-field__button button{color:var(--van-field-right-icon-color);border:none}

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

@@ -0,0 +1,15 @@
+'use strict';
+
+var ibizPicker = require('./ibiz-picker/ibiz-picker.cjs');
+var ibizMpicker = require('./ibiz-mpicker/ibiz-mpicker.cjs');
+var ibizPickerSelectView = require('./ibiz-picker-select-view/ibiz-picker-select-view.cjs');
+var pickerEditor_controller = require('./picker-editor.controller.cjs');
+var pickerEditor_provider = require('./picker-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizPicker = ibizPicker.IBizPicker;
+exports.IBizMPicker = ibizMpicker.IBizMPicker;
+exports.IBizPickerSelectView = ibizPickerSelectView.IBizPickerSelectView;
+exports.PickerEditorController = pickerEditor_controller.PickerEditorController;
+exports.DataPickerEditorProvider = pickerEditor_provider.DataPickerEditorProvider;

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

@@ -0,0 +1,305 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+var ramda = require('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 runtime.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 runtime.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 = ramda.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 core.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 core.RuntimeModelError(this.model, "\u8BF7\u914D\u7F6E\u6570\u636E\u9009\u62E9\u89C6\u56FE");
+    }
+    const res = await ibiz.commands.execute(
+      runtime.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 core.RuntimeModelError(this.model, "\u8BF7\u914D\u7F6E\u6570\u636E\u94FE\u63A5\u89C6\u56FE");
+    }
+    return ibiz.commands.execute(
+      runtime.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]: ramda.clone(select)
+      });
+    }
+    return object;
+  }
+}
+
+exports.PickerEditorController = PickerEditorController;

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

@@ -0,0 +1,36 @@
+'use strict';
+
+var pickerEditor_controller = require('./picker-editor.controller.cjs');
+
+"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 pickerEditor_controller.PickerEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.DataPickerEditorProvider = DataPickerEditorProvider;

package/lib/editor/date-picker/date-picker-editor.controller.cjs

@@ -0,0 +1,64 @@
+'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 DatePickerEditorController extends runtime.EditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 占位
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2022-08-25 14:33:14
+     */
+    __publicField(this, "placeHolder", "\u8BF7\u9009\u62E9\u65E5\u671F");
+    /**
+     * 值格式化
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2022-08-25 14:33:14
+     */
+    __publicField(this, "valueFormat");
+  }
+  /**
+   * 根据编辑器类型获取格式化
+   *
+   * @author lxm
+   * @date 2022-11-03 16:11:21
+   * @protected
+   * @returns {*}  {string}
+   */
+  getFormatByType(editorType) {
+    switch (editorType) {
+      case "MOBDATE":
+        return "YYYY-MM-DD hh:mm:ss";
+      case "MOBDATE_SECOND":
+        return "YYYY-MM-DD hh:mm:ss";
+      case "MOBDATE_NOTIME":
+        return "YYYY-MM-DD";
+      case "MOBDATE_HOUR":
+        return "YYYY-MM-DD hh";
+      case "MOBDATE_MINUTE":
+        return "YYYY-MM-DD hh:mm";
+      case "MOBDATE_NODAY":
+        return "hh:mm:ss";
+      case "MOBDATE_NODAY_NOSECOND":
+        return "hh:mm";
+      default:
+        return "YYYY-MM-DD hh:mm:ss";
+    }
+  }
+  async onInit() {
+    super.onInit();
+    this.valueFormat = this.getFormatByType(this.model.editorType);
+  }
+}
+
+exports.DatePickerEditorController = DatePickerEditorController;

package/lib/editor/date-picker/date-picker-editor.provider.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var datePickerEditor_controller = require('./date-picker-editor.controller.cjs');
+
+"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 DatePickerEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizDatePicker");
+    __publicField(this, "gridEditor", "IBizDatePicker");
+  }
+  async createController(editorModel, parentController) {
+    const c = new datePickerEditor_controller.DatePickerEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.DatePickerEditorProvider = DatePickerEditorProvider;