@ibiz-template/mob-vue3-components 0.0.55 → 0.7.41-alpha.10

package/lib/control/search-bar/search-bar.cjs

@@ -11,17 +11,30 @@ require('./search-bar.css');
 const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizSearchBarControl",
   props: {
+    /**
+     * @description 搜索栏模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})

package/lib/control/tab-exp-panel/tab-exp-panel.cjs

@@ -11,21 +11,37 @@ function _isSlot(s) {
 const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizTabExpPanelControl",
   props: {
+    /**
+     * @description 分页导航面板模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     },
+    /**
+     * @description 默认激活的标签
+     */
     defaultTabName: {
       type: String,
       required: false

package/lib/control/toolbar/toolbar.cjs

@@ -41,17 +41,30 @@ const btnContent = (item, state) => {
 const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizToolbarControl",
   props: {
+    /**
+     * @description 工具栏模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})

package/lib/control/tree/tree.cjs

@@ -20,25 +20,46 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
     "vs-tree": vsTreeEx.VsTreeComponent
   },
   props: {
+    /**
+     * @description 树控件模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     },
+    /**
+     * @description 部件激活模式，值为0：无激活，值为1：单击激活，值为2：双击激活
+     * @default 2
+     */
     mdctrlActiveMode: {
       type: Number,
       default: 2
     },
+    /**
+     * @description 是否单选
+     * @default true
+     */
     singleSelect: {
       type: Boolean,
       default: true

package/lib/control/tree-exp-bar/tree-exp-bar.cjs

@@ -13,29 +13,51 @@ function _isSlot(s) {
 const TreeExpBarControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizTreeExpBarControl",
   props: {
+    /**
+     * @description 树导航栏模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     },
+    /**
+     * @description 导航数据
+     */
     srfnav: {
       type: String,
       required: false
     },
+    /**
+     * @description 是否不需要导航视图
+     */
     noNeedNavView: {
       type: Boolean,
       required: false
     },
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
       type: Boolean,
       default: true

package/lib/control/wizard-panel/wizard-panel.cjs

@@ -12,18 +12,31 @@ function _isSlot(s) {
 const WizardPanelControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizWizardPanelControl",
   props: {
+    /**
+     * @description 向导面板模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     }

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

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var lodashEs = require('lodash-es');
 require('./ibiz-mpicker.css');
 var ibizDataMpicker = require('../../common/data-mpicker/ibiz-data-mpicker.cjs');
 var rightIcon = require('../../common/right-icon/right-icon.cjs');
@@ -26,39 +27,119 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         value: item[c.keyName] || item.srfkey,
         srfmajortext: item[c.textName] || item.srfmajortext,
         text: item[c.textName] || item.srfmajortext,
+        [c.keyName]: item[c.keyName] || item.srfkey,
+        [c.textName]: item[c.textName] || item.srfmajortext,
         ...item
       };
     };
-    vue.watch(() => props.value, (newVal) => {
+    const resetCurValue = () => {
       curValue.value = [];
       selectItems.value = [];
-      if (newVal) {
-        selectItems.value = JSON.parse(newVal).map(formatter);
+      if (props.value) {
+        if (c.model.valueType === "OBJECTS") {
+          props.value.forEach((item) => {
+            const _item = lodashEs.clone(item);
+            Object.assign(_item, {
+              [c.keyName]: item[c.objectIdField],
+              [c.textName]: item[c.objectNameField]
+            });
+            if (c.objectValueField) {
+              Object.assign(_item, {
+                ...item[c.objectValueField]
+              });
+              delete _item[c.objectValueField];
+            }
+            if (_item[c.keyName]) {
+              selectItems.value.push(formatter(_item));
+            }
+          });
+        } else if (c.objectIdField && c.model.valueSeparator) {
+          const values = props.value.split(c.model.valueSeparator);
+          values.forEach((value) => {
+            selectItems.value.push(formatter({
+              [c.keyName]: value
+            }));
+          });
+        } else {
+          try {
+            selectItems.value = JSON.parse(props.value).map(formatter);
+          } catch (error) {
+            ibiz.log.error(ibiz.i18n.t("editor.mpicker.simpleErr", {
+              value: props.value
+            }));
+          }
+        }
         selectItems.value.forEach((item) => {
-          curValue.value.push(item.srfkey);
-          const index = items.value.findIndex((i) => Object.is(i.srfkey, item.srfkey));
+          curValue.value.push(item[c.keyName]);
+          const index = items.value.findIndex(
+            (i) => Object.is(i[c.keyName], item[c.keyName]) || Object.is(i.srfkey, item.srfkey)
+            // 兼容写法，适配移动端老逻辑
+          );
           if (index < 0) {
             items.value.push(formatter(item));
           }
         });
       }
+    };
+    vue.watch(() => props.value, () => {
+      resetCurValue();
     }, {
       immediate: true,
       deep: true
     });
-    const handleOpenViewClose = (result) => {
-      const valArr = [];
+    const handleOpenViewClose = async (result) => {
+      const selects = [];
       if (result && Array.isArray(result)) {
-        result.forEach((select) => {
-          const formattedItem = formatter(select);
-          valArr.push(formattedItem);
+        const calcPromises = result.map(async (select) => {
+          const item = formatter(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, {
+            ...formatter(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),
+              ...data
+            });
+          } else if (c.objectIdField && c.model.valueSeparator) {
+            selects.push(select[c.keyName]);
+          } else {
+            selects.push({
+              [c.keyName]: select[c.keyName],
+              [c.textName]: select[c.textName],
+              ...data
+            });
+          }
           const index = items.value.findIndex((item) => Object.is(item[c.keyName], select[c.keyName]));
           if (index < 0) {
-            items.value.push(formattedItem);
+            items.value.push(select);
           }
         });
       }
-      const value = valArr.length > 0 ? JSON.stringify(valArr) : "";
+      let value = null;
+      if (selects.length > 0) {
+        if (c.model.valueType === "OBJECTS") {
+          value = selects;
+        } else {
+          value = c.objectIdField && c.model.valueSeparator ? selects.join(c.model.valueSeparator) : JSON.stringify(selects);
+        }
+      }
       emit("change", value);
     };
     const openPickUpView = async (event) => {
@@ -76,21 +157,58 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         handleOpenViewClose(res);
       }
     };
-    const onSelect = (selects) => {
-      const valArr = [];
-      if (selects.length > 0) {
-        selects.forEach((select) => {
-          const findItem = items.value.find((item) => Object.is(item.srfkey, select));
-          if (findItem) {
-            valArr.push(formatter(findItem));
+    const onSelect = async (selects) => {
+      const val = [];
+      let value = null;
+      const selections = selects.map((select) => {
+        let index = items.value.findIndex((item2) => Object.is(item2[c.keyName], select));
+        let item = {};
+        if (index >= 0) {
+          item = items.value[index];
+        } else {
+          index = selectItems.value.findIndex((selectItem) => Object.is(selectItem[c.keyName], select));
+          if (index >= 0) {
+            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
+          });
         });
-        const value = valArr.length > 0 ? JSON.stringify(valArr) : "";
-        selectItems.value = valArr;
-        emit("change", value);
-      } else {
-        emit("change", "");
+        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),
+            ...data
+          });
+        } else if (c.objectIdField && c.model.valueSeparator) {
+          val.push(item[c.keyName]);
+        } else {
+          val.push({
+            [c.keyName]: item[c.keyName],
+            [c.textName]: item[c.textName],
+            ...data
+          });
+        }
+      });
+      if (val.length > 0) {
+        if (c.model.valueType === "OBJECTS") {
+          value = val;
+        } else {
+          value = c.objectIdField && c.model.valueSeparator ? val.join(c.model.valueSeparator) : JSON.stringify(val);
+        }
       }
+      emit("change", value);
     };
     const onSearch = async (query = "") => {
       if (c.model.appDataEntityId) {
@@ -113,7 +231,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         selectItems.value.forEach((select) => {
           if (c.model.valueType === "OBJECTS") {
             val.push(c.handleObjectParams(select));
-          } else if (c.objectIdField) {
+          } else if (c.objectIdField && c.model.valueSeparator) {
             val.push(select[c.keyName]);
           } else {
             val.push({
@@ -126,7 +244,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
           if (c.model.valueType === "OBJECTS") {
             value = val;
           } else {
-            value = c.objectIdField ? val.join(c.model.valueSeparator) : JSON.stringify(val);
+            value = c.objectIdField && c.model.valueSeparator ? val.join(c.model.valueSeparator) : JSON.stringify(val);
           }
         }
         emit("change", value);

package/lib/editor/index.cjs

@@ -30,6 +30,7 @@ require('./check-box/index.cjs');
 require('./common/index.cjs');
 var input = require('./text-box/input/input.cjs');
 var ibizInputNumber = require('./text-box/ibiz-input-number/ibiz-input-number.cjs');
+var signature = require('./text-box/signature/signature.cjs');
 var span = require('./span/span/span.cjs');
 var ibizSwitch = require('./switch/ibiz-switch/ibiz-switch.cjs');
 var ibizRadio = require('./radio-button-list/ibiz-radio/ibiz-radio.cjs');
@@ -105,6 +106,7 @@ const IBizEditor = {
     v.component(notSupportedEditor.NotSupportedEditor.name, notSupportedEditor.NotSupportedEditor);
     v.component(input.IBizInput.name, input.IBizInput);
     v.component(ibizInputNumber.IBizInputNumber.name, ibizInputNumber.IBizInputNumber);
+    v.component(signature.IBizSignature.name, signature.IBizSignature);
     v.component(span.IBizSpan.name, span.IBizSpan);
     v.component(ibizSwitch.IBizSwitch.name, ibizSwitch.IBizSwitch);
     v.component(ibizRadio.IBizRadio.name, ibizRadio.IBizRadio);
@@ -163,6 +165,10 @@ const IBizEditor = {
     runtime.registerEditorProvider("PASSWORD", () => textBoxEditorProvider);
     runtime.registerEditorProvider("TEXTAREA", () => textBoxEditorProvider);
     runtime.registerEditorProvider("NUMBER", () => new textBoxEditor_provider.TextBoxEditorProvider("NUMBER"));
+    runtime.registerEditorProvider(
+      "MOBTEXT_SIGNATURE",
+      () => new textBoxEditor_provider.TextBoxEditorProvider("SIGNATURE")
+    );
     runtime.registerEditorProvider(
       "MOBDROPDOWNLIST",
       () => new dropdownListEditor_provider.DropDownListEditorProvider()
@@ -384,6 +390,7 @@ const IBizEditor = {
 
 exports.IBizInput = input.IBizInput;
 exports.IBizInputNumber = ibizInputNumber.IBizInputNumber;
+exports.IBizSignature = signature.IBizSignature;
 exports.IBizSpan = span.IBizSpan;
 exports.IBizSwitch = ibizSwitch.IBizSwitch;
 exports.IBizRadio = ibizRadio.IBizRadio;

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

@@ -2,6 +2,7 @@
 
 var input = require('./input/input.cjs');
 var ibizInputNumber = require('./ibiz-input-number/ibiz-input-number.cjs');
+var signature = require('./signature/signature.cjs');
 var textBoxEditor_controller = require('./text-box-editor.controller.cjs');
 var textBoxEditor_provider = require('./text-box-editor.provider.cjs');
 
@@ -9,5 +10,6 @@ var textBoxEditor_provider = require('./text-box-editor.provider.cjs');
 
 exports.IBizInput = input.IBizInput;
 exports.IBizInputNumber = ibizInputNumber.IBizInputNumber;
+exports.IBizSignature = signature.IBizSignature;
 exports.TextBoxEditorController = textBoxEditor_controller.TextBoxEditorController;
 exports.TextBoxEditorProvider = textBoxEditor_provider.TextBoxEditorProvider;

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

@@ -21,10 +21,15 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     const c = props.controller;
     const editorModel = c.model;
     const inputRef = vue.ref();
+    const showPassword = vue.ref(false);
+    let showSwitchIcon = false;
     const rows = vue.ref(2);
     if (editorModel.editorType === "TEXTAREA_10") {
       rows.value = 10;
     }
+    if (c.editorParams.showswitchicon) {
+      showSwitchIcon = c.editorParams.showswitchicon === "true";
+    }
     const type = vue.computed(() => {
       switch (editorModel.editorType) {
         case "MOBTEXT":
@@ -103,6 +108,9 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     const onClear = () => {
       emit("change", "");
     };
+    const switchPwd = () => {
+      showPassword.value = !showPassword.value && showSwitchIcon;
+    };
     return {
       c,
       ns,
@@ -114,7 +122,9 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       onBlur,
       onFocus,
       onClear,
-      inputRef
+      inputRef,
+      showPassword,
+      switchPwd
     };
   },
   render() {
@@ -136,11 +146,22 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
           }, [unitName]);
         };
       }
+      if (this.type === "password") {
+        slots["right-icon"] = () => {
+          return this.showPassword ? vue.createVNode("ion-icon", {
+            "name": "eye-off-outline",
+            "onClick": this.switchPwd
+          }, null) : vue.createVNode("ion-icon", {
+            "name": "eye-outline",
+            "onClick": this.switchPwd
+          }, null);
+        };
+      }
       content = vue.createVNode(vue.resolveComponent("van-field"), vue.mergeProps({
         "ref": "inputRef",
         "modelValue": this.currentVal,
         "placeholder": this.controller.placeHolder,
-        "type": this.type,
+        "type": this.type === "password" && this.showPassword ? "text" : this.type,
         "rows": this.rows,
         "onInput": this.handleChange,
         "onKeyup": this.handleKeyUp,

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

@@ -1 +1 @@
-.ibiz-input{height:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-input .ibiz-input{font-size:var(--ibiz-form-item-font-size)}.ibiz-input input{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input::placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-input--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-input .ibiz-input__unit{font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input .van-field__clear{display:var(--ibiz-form-item-container-required-style)}
+.ibiz-input{height:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-input .ibiz-input{font-size:var(--ibiz-form-item-font-size)}.ibiz-input input{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input::placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-input--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-input .ibiz-input__unit{font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input .van-field__clear{display:var(--ibiz-form-item-container-required-style)}.ibiz-input .van-field__right-icon{font-size:var(--ibiz-form-size-header-4)}