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

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

@@ -1,220 +0,0 @@
-import { isVNode, ref, watch, computed, createVNode, resolveComponent, defineComponent } from 'vue';
-import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
-import { isNil } from 'ramda';
-import './ibiz-picker-dropdown.css';
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
-  name: "IBizPickerDropDown",
-  props: getDataPickerProps(),
-  emits: getEditorEmits(),
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("picker-dropdown");
-    const c = props.controller;
-    const curValue = ref("");
-    const items = ref([]);
-    const shouldLoad = ref(false);
-    const refValue = ref("");
-    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 = "";
-        }
-        refValue.value = 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 (!isNil(newVal) && !isNil(value)) {
-          items.value.push({
-            [c.textName]: newVal,
-            [c.keyName]: value
-          });
-        }
-      }
-    }, {
-      immediate: true
-    });
-    watch(() => props.data[c.valueItem], (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        refValue.value = newVal;
-        if (newVal === null) {
-          emit("change", null);
-        }
-      }
-    }, {
-      immediate: true,
-      deep: true
-    });
-    const loading = ref(false);
-    const onACSelect = 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 onSelect = (select) => {
-      const index = items.value.findIndex((item) => Object.is(item[c.keyName], select));
-      if (index >= 0) {
-        onACSelect(items.value[index]);
-      }
-      shouldLoad.value = false;
-    };
-    let waitQuery = null;
-    const onSearch = async (query) => {
-      if (!shouldLoad.value) {
-        return;
-      }
-      if (c.model.appDataEntityId && loading.value === false) {
-        loading.value = true;
-        try {
-          let trimQuery = "";
-          if (query !== props.value) {
-            trimQuery = query.trim();
-          }
-          const res = await c.getServiceData(trimQuery, props.data);
-          if (res) {
-            items.value = res.data;
-          }
-        } finally {
-          loading.value = false;
-          if (waitQuery != null) {
-            const selfQuery = waitQuery;
-            waitQuery = null;
-            await onSearch(selfQuery);
-          }
-        }
-      } else {
-        waitQuery = query;
-      }
-    };
-    const onOpenChange = (isOpen) => {
-      if (isOpen) {
-        items.value = [];
-        onSearch("");
-      }
-    };
-    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 onFocus = (e) => {
-      shouldLoad.value = true;
-      emit("focus", e);
-    };
-    const onBlur = (e) => {
-      shouldLoad.value = false;
-      emit("blur", e);
-    };
-    const handleKeyUp = (e) => {
-      if (e && e.code === "Enter") {
-        emit("enter", e);
-      }
-    };
-    const onClick = () => {
-      shouldLoad.value = true;
-    };
-    const valueText = computed(() => {
-      return renderString(curValue.value);
-    });
-    watch(valueText, (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        emit("infoTextChange", newVal);
-      }
-    }, {
-      immediate: true
-    });
-    return {
-      ns,
-      c,
-      refValue,
-      curValue,
-      valueText,
-      loading,
-      items,
-      onOpenChange,
-      onClear,
-      onSelect,
-      onSearch,
-      onFocus,
-      onBlur,
-      onClick,
-      handleKeyUp
-    };
-  },
-  render() {
-    let _slot;
-    if (this.readonly) {
-      return createVNode("div", {
-        "class": (this.ns.b(), this.ns.m("readonly"))
-      }, [this.valueText]);
-    }
-    return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
-    }, [this.readonly ? this.value : createVNode(resolveComponent("el-select"), {
-      "modelValue": this.refValue,
-      "onUpdate:modelValue": ($event) => this.refValue = $event,
-      "filterable": true,
-      "remote": true,
-      "remote-show-suffix": true,
-      "clearable": true,
-      "loading": this.loading,
-      "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
-      "remote-method": this.onSearch,
-      "onVisibleChange": this.onOpenChange,
-      "onChange": this.onSelect,
-      "onClear": this.onClear,
-      "disabled": this.disabled,
-      "onFocus": this.onFocus,
-      "onBlur": this.onBlur,
-      "onKeyup": this.handleKeyUp,
-      "onClick": this.onClick
-    }, _isSlot(_slot = this.items.map((item) => {
-      return createVNode(resolveComponent("el-option"), {
-        "value": item[this.c.keyName],
-        "key": item[this.c.keyName],
-        "label": item[this.c.textName]
-      }, null);
-    })) ? _slot : {
-      default: () => [_slot]
-    })]);
-  }
-});
-
-export { IBizPickerDropDown };

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.css

@@ -1 +0,0 @@
-.ibiz-picker-embed-view .ibiz-picker-embed-view-value{height:var(--ibiz-form-item-line-height);line-height:var(--ibiz-form-item-line-height)}

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

@@ -1,88 +0,0 @@
-import { ref, watch, computed, resolveComponent, h, createVNode, createTextVNode, defineComponent } from 'vue';
-import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
-import './ibiz-picker-embed-view.css';
-import { clone } from 'ramda';
-
-"use strict";
-const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
-  name: "IBizPickerEmbedView",
-  props: getDataPickerProps(),
-  emits: getEditorEmits(),
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("picker-embed-view");
-    const c = props.controller;
-    const context = ref(clone(c.context));
-    const params = ref(clone(c.params));
-    const setViewParam = () => {
-      const {
-        context: _context,
-        params: _params
-      } = c.handlePublicParams(props.data, c.context, c.params);
-      Object.assign(context.value, _context);
-      Object.assign(params.value, _params);
-    };
-    setViewParam();
-    watch(() => props.data, (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        setViewParam();
-      }
-    });
-    const onViewDataChange = (event) => {
-      let tempValue = "";
-      let temText = "";
-      if (event && Array.isArray(event)) {
-        event.forEach((select) => {
-          tempValue += `${select.srfkey},`;
-          temText += `${select.srfmajortext},`;
-        });
-        tempValue = tempValue.substring(0, tempValue.length - 1);
-        temText = temText.substring(0, temText.length - 1);
-        if (c.valueItem) {
-          emit("change", tempValue, c.valueItem);
-        }
-        emit("change", temText);
-      }
-    };
-    const onSelectionChange = (event) => {
-      onViewDataChange(event.data);
-    };
-    const {
-      componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
-    const pickupViewModel = computed(() => {
-      return c.pickupView;
-    });
-    return {
-      ns,
-      c,
-      context,
-      params,
-      onSelectionChange,
-      editorRef,
-      pickupViewModel
-    };
-  },
-  render() {
-    var _a;
-    const viewShell = resolveComponent("IBizViewShell");
-    return createVNode("div", {
-      "class": [this.ns.b()],
-      "ref": "editorRef"
-    }, [this.pickupViewModel ? [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
-    })]), createVNode("div", {
-      "class": this.ns.b("value")
-    }, [this.$props.value ? this.$props.value.split(",").map((item) => {
-      return createVNode("span", null, [item, createTextVNode("; ")]);
-    }) : createVNode("span", null, [this.c.placeHolder])])] : null]);
-  }
-});
-
-export { IBizPickerEmbedView };

package/es/editor/data-picker/ibiz-picker-link/ibiz-picker-link.css

@@ -1 +0,0 @@
-.ibiz-picker-link{height:100%;line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-color-link);cursor:pointer}.ibiz-picker-link:hover{color:var(--ibiz-color-link-hover)}.ibiz-picker-link--disabled{cursor:not-allowed}.ibiz-picker-link--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-link a{display:inline-block;height:100%}

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

@@ -1,79 +0,0 @@
-import { ref, watch, computed, createVNode, defineComponent } from 'vue';
-import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur, renderString } from '@ibiz-template/vue3-util';
-import './ibiz-picker-link.css';
-
-"use strict";
-const IBizPickerLink = /* @__PURE__ */ defineComponent({
-  name: "IBizPickerLink",
-  props: getDataPickerProps(),
-  emits: getEditorEmits(),
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("picker-link");
-    const c = props.controller;
-    const curValue = ref("");
-    watch(() => props.value, (newVal, oldVal) => {
-      if (newVal && newVal !== oldVal) {
-        if (c.model.valueType === "OBJECT") {
-          curValue.value = newVal ? newVal[c.objectNameField] : "";
-        } else {
-          curValue.value = newVal;
-        }
-      }
-    }, {
-      immediate: true
-    });
-    const handleOpenViewClose = (data) => {
-      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 openLinkView = async () => {
-      const res = await c.openLinkView(props.data);
-      if (res) {
-        handleOpenViewClose(res[0]);
-      }
-    };
-    const {
-      componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
-    const valueText = computed(() => {
-      return renderString(curValue.value);
-    });
-    watch(valueText, (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        emit("infoTextChange", newVal);
-      }
-    }, {
-      immediate: true
-    });
-    return {
-      ns,
-      openLinkView,
-      curValue,
-      editorRef
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : ""],
-      "ref": "editorRef"
-    }, [createVNode("a", {
-      "onClick": this.openLinkView
-    }, [this.curValue])]);
-  }
-});
-
-export { IBizPickerLink };

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

@@ -1 +0,0 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}