@ibiz-template/vue3-components 0.4.7 → 0.4.8-dev.0

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

@@ -1,296 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-mpicker.css');
-var lodashEs = require('lodash-es');
-
-"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(),
-  emits: vue3Util.getEditorEmits(),
-  setup(props, {
-    emit
-  }) {
-    const ns = vue3Util.useNamespace("mpicker");
-    const c = props.controller;
-    const curValue = vue.ref([]);
-    const items = vue.ref([]);
-    const selectItems = vue.ref([]);
-    const open = vue.ref(false);
-    const loading = vue.ref(false);
-    vue.watch(() => props.value, (newVal) => {
-      curValue.value = [];
-      selectItems.value = [];
-      if (newVal) {
-        if (c.model.valueType === "OBJECTS") {
-          newVal.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(_item);
-            }
-          });
-        } else if (c.objectIdField && c.model.valueSeparator) {
-          const values = newVal.split(c.model.valueSeparator);
-          values.forEach((value) => {
-            selectItems.value.push({
-              [c.keyName]: value
-            });
-          });
-        } else {
-          try {
-            selectItems.value = JSON.parse(newVal);
-          } catch (error) {
-            ibiz.log.error(`SIMPLE\u7C7B\u578B\u5730\u5740\u680F\u503C\u683C\u5F0F${newVal}\u4E0D\u7B26\u5408JSON\u5B57\u7B26\u4E32\u8981\u6C42`);
-          }
-        }
-        selectItems.value.forEach((item) => {
-          curValue.value.push(item[c.keyName]);
-          const index = items.value.findIndex((i) => Object.is(i[c.keyName], item[c.keyName]));
-          if (index < 0) {
-            items.value.push({
-              [c.keyName]: item[c.keyName],
-              [c.textName]: item[c.textName]
-            });
-          }
-        });
-      }
-    }, {
-      immediate: true,
-      deep: true
-    });
-    const handleOpenViewClose = (result) => {
-      const selects = [];
-      if (result && Array.isArray(result)) {
-        result.forEach((select) => {
-          Object.assign(select, {
-            [c.keyName]: select[c.keyName] ? select[c.keyName] : select.srfkey,
-            [c.textName]: select[c.textName] ? select[c.textName] : select.srfmajortext
-          });
-          if (c.model.valueType === "OBJECTS") {
-            selects.push(c.handleObjectParams(select));
-          } else if (c.objectIdField) {
-            selects.push(select[c.keyName]);
-          } else {
-            selects.push({
-              [c.keyName]: select[c.keyName],
-              [c.textName]: select[c.textName]
-            });
-          }
-          const index = items.value.findIndex((item) => Object.is(item[c.keyName], select[c.keyName]));
-          if (index < 0) {
-            items.value.push(select);
-          }
-        });
-      }
-      let value = null;
-      if (selects.length > 0) {
-        if (c.model.valueType === "OBJECTS") {
-          value = selects;
-        } else {
-          value = c.objectIdField ? selects.join(c.model.valueSeparator) : JSON.stringify(selects);
-        }
-      }
-      emit("change", value);
-    };
-    const openPickUpView = async () => {
-      let selectedData;
-      if (selectItems.value.length) {
-        const _selectItems = JSON.parse(JSON.stringify(selectItems.value));
-        _selectItems.forEach((item, index) => {
-          _selectItems[index].srfkey = item[c.keyName];
-          _selectItems[index].srfmajortext = item[c.textName];
-        });
-        selectedData = JSON.stringify(_selectItems);
-      }
-      const res = await c.openPickUpView(props.data, selectedData);
-      if (res) {
-        handleOpenViewClose(res);
-      }
-    };
-    const onSelect = (selects) => {
-      const val = [];
-      let value = null;
-      if (selects.length > 0) {
-        selects.forEach((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];
-            }
-          }
-          if (c.model.valueType === "OBJECTS") {
-            val.push(c.handleObjectParams(item));
-          } else if (c.objectIdField) {
-            val.push(item[c.keyName]);
-          } else {
-            val.push({
-              [c.keyName]: item[c.keyName],
-              [c.textName]: item[c.textName]
-            });
-          }
-        });
-        if (val.length > 0) {
-          if (c.model.valueType === "OBJECTS") {
-            value = val;
-          } else {
-            value = c.objectIdField ? val.join(c.model.valueSeparator) : JSON.stringify(val);
-          }
-        }
-        emit("change", value);
-      }
-    };
-    const onRemove = (tag) => {
-      const index = selectItems.value.findIndex((item) => Object.is(item[c.keyName], tag));
-      if (index >= 0) {
-        selectItems.value.splice(index, 1);
-        const val = [];
-        let value = null;
-        selectItems.value.forEach((select) => {
-          if (c.model.valueType === "OBJECTS") {
-            val.push(c.handleObjectParams(select));
-          } else if (c.objectIdField) {
-            val.push(select[c.keyName]);
-          } else {
-            val.push({
-              [c.keyName]: select[c.keyName],
-              [c.textName]: select[c.textName]
-            });
-          }
-        });
-        if (val.length > 0) {
-          if (c.model.valueType === "OBJECTS") {
-            value = val;
-          } else {
-            value = c.objectIdField ? val.join(c.model.valueSeparator) : JSON.stringify(val);
-          }
-        }
-        emit("change", value);
-      }
-    };
-    const onSearch = async (query) => {
-      if (c.model.appDataEntityId) {
-        loading.value = true;
-        try {
-          const trimQuery = query.trim();
-          const res = await c.getServiceData(trimQuery, props.data);
-          loading.value = false;
-          if (res) {
-            items.value = res.data;
-          }
-        } catch (error) {
-          loading.value = false;
-        }
-      }
-    };
-    const onOpenChange = (flag) => {
-      open.value = flag;
-      if (open.value) {
-        items.value = [];
-        onSearch("");
-      }
-    };
-    const valueText = vue.computed(() => {
-      return selectItems.value.map((item) => {
-        return item[c.textName];
-      }).join(",");
-    });
-    vue.watch(valueText, (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        emit("infoTextChange", newVal);
-      }
-    }, {
-      immediate: true
-    });
-    const onFocus = (e) => {
-      emit("focus", e);
-    };
-    const onBlur = (e) => {
-      emit("blur", e);
-    };
-    const handleKeyUp = (e) => {
-      if (e && e.code === "Enter") {
-        emit("enter", e);
-      }
-    };
-    vue.onMounted(() => {
-      if (c.objectNameField) {
-        onSearch("");
-      }
-    });
-    return {
-      ns,
-      c,
-      curValue,
-      loading,
-      items,
-      valueText,
-      onSearch,
-      onOpenChange,
-      onSelect,
-      onRemove,
-      openPickUpView,
-      onFocus,
-      onBlur,
-      handleKeyUp
-    };
-  },
-  render() {
-    let _slot;
-    return vue.createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
-      "ref": "editorRef"
-    }, [this.readonly && this.valueText, !this.readonly && vue.createVNode(vue.resolveComponent("el-select"), {
-      "modelValue": this.curValue,
-      "onUpdate:modelValue": ($event) => this.curValue = $event,
-      "filterable": true,
-      "remote": true,
-      "multiple": true,
-      "loading": this.loading,
-      "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
-      "remote-method": this.onSearch,
-      "onVisibleChange": this.onOpenChange,
-      "onChange": this.onSelect,
-      "onRemoveTag": this.onRemove,
-      "disabled": this.disabled,
-      "onFocus": this.onFocus,
-      "onBlur": this.onBlur,
-      "onKeyup": this.handleKeyUp
-    }, _isSlot(_slot = this.items.map((item) => {
-      return vue.createVNode(vue.resolveComponent("el-option"), {
-        "key": item[this.c.keyName],
-        "value": item[this.c.keyName],
-        "label": item[this.c.textName]
-      }, null);
-    })) ? _slot : {
-      default: () => [_slot]
-    }), !this.readonly && vue.createVNode("div", {
-      "class": this.ns.e("buns-position")
-    }, [vue.createVNode("div", {
-      "class": this.ns.e("btns")
-    }, [this.c.model.pickupAppViewId ? vue.createVNode("ion-icon", {
-      "onClick": this.openPickUpView,
-      "name": "search"
-    }, null) : null])])]);
-  }
-});
-
-exports.IBizMPicker = IBizMPicker;

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

@@ -1 +0,0 @@
-@charset "UTF-8";.ibiz-mpicker{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);background-color:var(--ibiz-form-item-disabled-bg-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:relative;right:11px;display:inline-block}.ibiz-mpicker__btns{position:absolute;right:0;height:100%;color:var(--ibiz-form-item-placeholder-color);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)}

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

@@ -1,245 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-var ramda = require('ramda');
-require('./ibiz-picker.css');
-
-"use strict";
-const IBizPicker = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizPicker",
-  props: vue3Util.getDataPickerProps(),
-  emits: vue3Util.getEditorEmits(),
-  setup(props, {
-    emit
-  }) {
-    const ns = vue3Util.useNamespace("picker");
-    const c = props.controller;
-    const curValue = vue.ref("");
-    const items = vue.ref([]);
-    const isShowAll = vue.ref(true);
-    const pickerAutoCompleteRef = vue.ref();
-    vue.watch(() => props.value, (newVal) => {
-      if (newVal || newVal === null) {
-        if (c.model.valueType === "OBJECT") {
-          curValue.value = newVal ? newVal[c.objectNameField] : null;
-        } else {
-          curValue.value = newVal;
-        }
-        if (newVal === null) {
-          curValue.value = "";
-        }
-        const value = props.data[c.valueItem];
-        const index = items.value.findIndex((item) => Object.is(item[c.keyName], value));
-        if (index !== -1) {
-          return;
-        }
-        items.value = [];
-        if (!ramda.isEmpty(newVal) && !ramda.isEmpty(value)) {
-          items.value.push({
-            [c.textName]: newVal,
-            [c.keyName]: value
-          });
-        }
-      }
-    }, {
-      immediate: true
-    });
-    const handleDataSelect = async (data) => {
-      const dataItems = await c.calcFillDataItems(data);
-      if (dataItems.length) {
-        dataItems.forEach((dataItem) => {
-          emit("change", dataItem.value, dataItem.id);
-        });
-      }
-      const item = {};
-      Object.assign(item, data);
-      Object.assign(item, {
-        [c.keyName]: item[c.keyName] ? item[c.keyName] : item.srfkey,
-        [c.textName]: item[c.textName] ? item[c.textName] : item.srfmajortext
-      });
-      if (c.valueItem) {
-        emit("change", item[c.keyName], c.valueItem);
-      }
-      if (c.model.valueType === "OBJECT") {
-        emit("change", c.handleObjectParams(item));
-      } else {
-        emit("change", data[c.textName]);
-      }
-    };
-    const openPickUpView = async (e) => {
-      e.stopPropagation();
-      const res = await c.openPickUpView(props.data);
-      if (res && res[0]) {
-        await handleDataSelect(res[0]);
-      }
-    };
-    const openLinkView = async (e) => {
-      e.stopPropagation();
-      const res = await c.openLinkView(props.data);
-      if (res && res[0]) {
-        await handleDataSelect(res[0]);
-      }
-    };
-    const onACSelect = async (item) => {
-      await handleDataSelect(item);
-      isShowAll.value = true;
-    };
-    const onSearch = async (query, cb) => {
-      if (c.model.appDataEntityId) {
-        let trimQuery = "";
-        if (query !== props.value) {
-          trimQuery = query.trim();
-        }
-        const res = await c.getServiceData(trimQuery, props.data);
-        if (res) {
-          items.value = res.data;
-          if (cb && cb instanceof Function) {
-            cb(items.value);
-          }
-        }
-      }
-    };
-    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 closeCircle = (c.linkView ? 1 : 0) + (c.pickupView ? 1 : 0);
-    const editorRef = vue.ref();
-    if (props.autoFocus) {
-      vue.watch(editorRef, (newVal) => {
-        if (newVal) {
-          newVal.focus();
-        }
-      });
-    }
-    const onFocus = (e) => {
-      emit("focus", e);
-    };
-    const onBlur = (e) => {
-      emit("blur", e);
-    };
-    const handleKeyUp = (e) => {
-      if (e && e.code === "Enter") {
-        emit("enter", e);
-      }
-    };
-    const valueText = vue.computed(() => {
-      return vue3Util.renderString(curValue.value);
-    });
-    vue.watch(valueText, (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        emit("infoTextChange", newVal);
-      }
-    }, {
-      immediate: true
-    });
-    return {
-      ns,
-      c,
-      curValue,
-      valueText,
-      items,
-      pickerAutoCompleteRef,
-      openPickUpView,
-      openLinkView,
-      onACSelect,
-      onSearch,
-      editorRef,
-      onClear,
-      onFocus,
-      onBlur,
-      handleKeyUp,
-      closeCircle
-    };
-  },
-  render() {
-    if (this.readonly) {
-      return vue.createVNode("div", {
-        "class": (this.ns.b(), this.ns.m("readonly"))
-      }, [this.valueText]);
-    }
-    return vue.createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : ""]
-    }, [this.c.noAC ? vue.createVNode(vue.resolveComponent("el-input"), {
-      "ref": "editorRef",
-      "modelValue": this.curValue,
-      "onUpdate:modelValue": ($event) => this.curValue = $event,
-      "clearable": true,
-      "placeholder": this.c.placeHolder,
-      "onClear": this.onClear,
-      "disabled": this.disabled,
-      "onBlur": this.onBlur,
-      "onFocus": this.onFocus,
-      "onKeyup": this.handleKeyUp
-    }, {
-      suffix: () => {
-        if (this.$slots.append) {
-          return this.$slots.append({});
-        }
-        if (this.c.noButton) {
-          return;
-        }
-        return [this.c.model.pickupAppViewId ? vue.createVNode("ion-icon", {
-          "onClick": this.openPickUpView,
-          "name": "search"
-        }, null) : null, this.c.model.linkAppViewId ? vue.createVNode("ion-icon", {
-          "onClick": this.openLinkView,
-          "name": "link-arrow"
-        }, null) : null];
-      }
-    }) : vue.createVNode("div", {
-      "class": [this.ns.e("autocomplete"), this.ns.m(this.closeCircle.toString())]
-    }, [vue.createVNode(vue.resolveComponent("el-autocomplete"), {
-      "ref": "editorRef",
-      "modelValue": this.curValue,
-      "onUpdate:modelValue": ($event) => this.curValue = $event,
-      "value-key": this.c.textName,
-      "placeholder": this.c.placeHolder,
-      "clearable": true,
-      "popper-class": this.ns.e("transfer"),
-      "fetch-suggestions": this.onSearch,
-      "onClear": this.onClear,
-      "onBlur": this.onBlur,
-      "onFocus": this.onFocus,
-      "onKeyup": this.handleKeyUp,
-      "disabled": this.disabled
-    }, {
-      default: ({
-        item
-      }) => {
-        if (this.$slots.append) {
-          return this.$slots.append({});
-        }
-        return vue.createVNode("div", {
-          "class": this.ns.e("transfer-item"),
-          "onClick": () => {
-            this.onACSelect(item);
-          }
-        }, [item[this.c.textName]]);
-      },
-      suffix: () => {
-        if (this.c.noButton) {
-          return;
-        }
-        return [this.c.model.pickupAppViewId ? vue.createVNode("ion-icon", {
-          "onClick": this.openPickUpView,
-          "name": "search"
-        }, null) : null, this.c.model.linkAppViewId ? vue.createVNode("ion-icon", {
-          "onClick": this.openLinkView,
-          "name": "link-arrow"
-        }, null) : null];
-      }
-    })])]);
-  }
-});
-
-exports.IBizPicker = IBizPicker;

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

@@ -1 +0,0 @@
-@charset "UTF-8";.ibiz-picker .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-picker .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker .el-input.is-disabled .el-input__inner{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)}.ibiz-picker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-picker__buns-position{position:relative;display:inline-block}.ibiz-picker__btns{position:absolute;right:0;display:flex;height:var(--ibiz-picker-height)}.ibiz-picker__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker__autocomplete{display:flex}.ibiz-picker__autocomplete .el-autocomplete{width:100%}.ibiz-picker__transfer-item{padding:5px;cursor:pointer}.ibiz-picker__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker__link{width:32px;height:32px;padding:0 6px;font-size:16px}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}