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

package/es/common/data-import2/data-import2.mjs

@@ -1,426 +0,0 @@
-import { ref, watch, onMounted, computed, createTextVNode, createVNode, resolveComponent, resolveDirective, withDirectives, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import qs from 'qs';
-import { getCookie } from 'qx-util';
-import { CoreConst } from '@ibiz-template/core';
-import { clone } from 'ramda';
-import './data-import2.css';
-
-"use strict";
-async function importMapping(method, id, data) {
-  let url = `extension/import_schemas`;
-  if (id) {
-    url = `${url}/${id}`;
-  }
-  const res = await ibiz.net.request(url, {
-    method,
-    data
-  });
-  return res;
-}
-const DataImport2 = /* @__PURE__ */ defineComponent({
-  name: "DataImport2",
-  props: {
-    dismiss: {
-      type: Function,
-      required: true
-    },
-    appDataEntity: {
-      type: Object,
-      required: true
-    },
-    dataImport: {
-      type: Object,
-      required: false
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("data-import2");
-    const isLoading = ref(false);
-    const onCancelButtonClick = () => {
-      props.dismiss();
-    };
-    const previewinfo = ref([[]]);
-    const columnMap = /* @__PURE__ */ new Map();
-    const selectValues = ref([]);
-    const dataOption = ref([]);
-    const dataimport2 = ref();
-    const select = ref();
-    const fileName = ref("");
-    let fileid = "";
-    const ColumnMappingSave = ref(true);
-    const listValue = ref("");
-    const columnMappingListMap = /* @__PURE__ */ new Map();
-    const options = ref([]);
-    const isNoPersonel = ref(false);
-    const clearSelect = () => {
-      const keys = [...columnMap.keys()];
-      keys.forEach((item) => {
-        const data = columnMap.get(item);
-        const cloneData = clone(data);
-        if (data && cloneData) {
-          cloneData.name = "";
-          columnMap.set(item, cloneData);
-          selectValues.value[data.index] = "";
-        }
-      });
-    };
-    const watchValue = async (listvalue) => {
-      if (listvalue) {
-        const columnData = columnMappingListMap.get(listvalue);
-        if (!columnData) {
-          return;
-        }
-        let columnMapData = columnData.fields;
-        if (!columnData.fields) {
-          const res = await importMapping("get", columnData.id);
-          if (res.status === 200 && res.data) {
-            columnMapData = res.data.fields;
-          }
-          columnData.fields = res.data.fields;
-          columnMappingListMap.set(listvalue, columnData);
-        }
-        if (columnData.owner_type !== "" && columnData.owner_type !== "PERSONAL") {
-          isNoPersonel.value = true;
-        }
-        const keys = [...columnMap.keys()];
-        const captionMap = /* @__PURE__ */ new Map();
-        clearSelect();
-        keys.forEach((item) => {
-          const columnMapValue = columnMap.get(item);
-          const lastIndex = item.lastIndexOf("-");
-          const itemName = item.substring(0, lastIndex);
-          let index = captionMap.get(itemName);
-          if (!index) {
-            captionMap.set(itemName, 0);
-            index = 0;
-          }
-          const filteredObjects = columnMapData && columnMapData.filter((columnitem) => columnitem.caption === itemName);
-          const newColumnValue = filteredObjects && filteredObjects[index];
-          if (newColumnValue) {
-            const dataOptionValue = dataOption.value.find((dataOptionItem) => dataOptionItem.id === newColumnValue.name);
-            if (dataOptionValue && columnMapValue) {
-              captionMap.set(itemName, index + 1);
-              newColumnValue.index = columnMapValue.index;
-              columnMap.set(item, newColumnValue);
-              selectValues.value[newColumnValue.index] = newColumnValue.name;
-            }
-          }
-        });
-      } else {
-        clearSelect();
-      }
-    };
-    watch(listValue, (newValue, _oldValue) => {
-      watchValue(newValue);
-    });
-    const onButtonColumnMappingImportClick = async () => {
-      var _a;
-      const string = selectValues.value.join("");
-      if (string === "") {
-        ibiz.message.warning("\u81F3\u5C11\u9009\u62E9\u4E00\u4E2A\u6620\u5C04\u5C5E\u6027");
-        return;
-      }
-      if (previewinfo.value[0].length) {
-        ColumnMappingSave.value = true;
-        const columnMapArr = [...columnMap.values()];
-        const fields = columnMapArr.filter((columnitem) => columnitem.name !== "");
-        const data = {
-          // schame_tag: '', // 导入模式标记 不传
-          // id: '', // 导入模式标识 也不用传
-          name: `${fileName.value.split(".")[0]}|${(/* @__PURE__ */ new Date()).toLocaleString()}`,
-          // 导入模式名称 按照导入的名称|时间来生成
-          // order_value: '', // 排序值  也不用传
-          fields,
-          // 导入模式属性 {name:'',order_value:1}
-          // type: '', // 导入模式类型  暂时不用传
-          system_tag: (_a = ibiz.appData) == null ? void 0 : _a.context.srfsystemid,
-          // 系统标记
-          data_entity_tag: props.appDataEntity.codeName,
-          // 数据实体标记
-          import_tag: props.appDataEntity.defaultAppDEDataImportId,
-          // 导入标记 导入模型的代码名称
-          owner_type: "PERSONAL"
-          // 所有者类型
-        };
-        if (listValue.value) {
-          const columnData = columnMappingListMap.get(listValue.value);
-          if (columnData && columnData.name) {
-            data.name = columnData.name;
-          }
-          const resput = await importMapping("put", columnData == null ? void 0 : columnData.id, data);
-          if (resput.status === 200 && resput.ok) {
-            columnMappingListMap.set(listValue.value, resput.data);
-          }
-        } else {
-          options.value.push({
-            value: data.name,
-            label: data.name,
-            oldLabel: data.name,
-            edit: true,
-            checkmark: false,
-            close: false
-          });
-          const res = await importMapping("post", "", data);
-          if (res.status === 200 && res.ok) {
-            columnMappingListMap.set(data.name, res.data);
-          }
-          listValue.value = data.name;
-        }
-      } else {
-        ibiz.message.warning("\u8BF7\u4E0A\u4F20\u6587\u4EF6");
-      }
-    };
-    const onButtonImportClick = async () => {
-      if (previewinfo.value[0].length) {
-        if (listValue.value && ColumnMappingSave.value) {
-          const data = columnMappingListMap.get(listValue.value);
-          let id = "";
-          if (data) {
-            id = data.id;
-          }
-          const dataEntityTag = props.appDataEntity.codeName2;
-          const url = `${dataEntityTag}/asyncimportdata2?srfimporttag=${props.appDataEntity.defaultAppDEDataImportId}&srfossfileid=${fileid}&srfimportschemaid=${id}`;
-          await ibiz.net.request(url, {
-            method: "get"
-          });
-          ibiz.notification.info({
-            desc: "\u5F00\u59CB\u5BFC\u5165\uFF0C\u8BE6\u7EC6\u8FDB\u5EA6\u548C\u7ED3\u679C\u8BF7\u770B\u5E94\u7528\u901A\u77E5"
-          });
-          onCancelButtonClick();
-        } else {
-          await onButtonColumnMappingImportClick();
-          await onButtonImportClick();
-        }
-      } else {
-        ibiz.message.warning("\u8BF7\u4E0A\u4F20\u6587\u4EF6");
-      }
-    };
-    const findDialog = (el) => {
-      const regex = /\bel-dialog\b/;
-      if (!regex.test(el.className)) {
-        if (el.parentElement) {
-          findDialog(el.parentElement);
-        }
-      } else {
-        el.style.maxWidth = "calc(100% - 100px)";
-      }
-    };
-    const columnMappingListQuery = async () => {
-      var _a;
-      const params = {
-        n_import_tag_eq: props.appDataEntity.defaultAppDEDataImportId,
-        n_system_tag_eq: (_a = ibiz.appData) == null ? void 0 : _a.context.srfsystemid,
-        n_data_entity_tag_eq: props.appDataEntity.codeName
-      };
-      const res = await importMapping("post", "fetch_cur_user", params);
-      if (res.status === 200 && res.data) {
-        res.data.forEach((item) => {
-          options.value.push({
-            value: item.name,
-            label: item.name,
-            oldLabel: item.name,
-            edit: true,
-            checkmark: false,
-            close: false
-          });
-          columnMappingListMap.set(item.name, item);
-        });
-      }
-    };
-    onMounted(() => {
-      var _a;
-      const dataImport = (_a = props.appDataEntity.appDEDataImports) == null ? void 0 : _a.find((importItem) => importItem.id === props.appDataEntity.defaultAppDEDataImportId);
-      if (dataImport && dataImport.dedataImportItems) {
-        dataOption.value = dataImport.dedataImportItems;
-      } else if (props.appDataEntity.appDEFields) {
-        dataOption.value = props.appDataEntity.appDEFields;
-      }
-      if (dataimport2.value && dataimport2.value.parentElement) {
-        findDialog(dataimport2.value.parentElement);
-      }
-      columnMappingListQuery();
-    });
-    const headers = ref({
-      Authorization: `Bearer ${getCookie(CoreConst.TOKEN)}`
-    });
-    const UploadUrl = computed(() => {
-      let uploadUrl = `${ibiz.env.baseUrl}/${ibiz.env.appId}${ibiz.env.uploadFileUrl}/temp`;
-      uploadUrl += qs.stringify({
-        preview: true
-      }, {
-        addQueryPrefix: true
-      });
-      return uploadUrl;
-    });
-    const beforeUpload = () => {
-      isLoading.value = true;
-    };
-    const onSuccess = (response, _file, _fileList) => {
-      fileName.value = "";
-      fileid = "";
-      if (response.name) {
-        fileName.value = response.name;
-      }
-      if (response.fileid) {
-        fileid = response.fileid;
-      }
-      if (response.previewinfo) {
-        previewinfo.value = JSON.parse(response.previewinfo);
-        if (previewinfo.value[0] && previewinfo.value[0].length > 0) {
-          const firstArrayLength = previewinfo.value[0].length;
-          for (let i = 1; i < previewinfo.value.length; i++) {
-            const currentArray = previewinfo.value[i];
-            const currentArrayLength = currentArray.length;
-            if (currentArrayLength < firstArrayLength) {
-              const diff = firstArrayLength - currentArrayLength;
-              for (let j = 0; j < diff; j++) {
-                currentArray.push("");
-              }
-            }
-          }
-          columnMap.clear();
-          previewinfo.value[0].forEach((item, index) => {
-            columnMap.set(`${item}-${index}`, {
-              name: "",
-              index,
-              caption: item
-            });
-            selectValues.value[index] = "";
-          });
-        }
-      }
-      isLoading.value = false;
-      watchValue(listValue.value);
-    };
-    const columnMappingSaveChange = (data) => {
-      ColumnMappingSave.value = data;
-    };
-    const selectValuesChange = (index, item) => {
-      selectValues.value[index] = item;
-    };
-    const columnMapChange = (key, data) => {
-      columnMap.set(key, data);
-    };
-    const listValueChange = (data) => {
-      listValue.value = data;
-    };
-    const columnMappingListMapChange = (key, data) => {
-      if (data) {
-        columnMappingListMap.set(key, data);
-      } else {
-        columnMappingListMap.delete(key);
-      }
-    };
-    const optionsChange = (str, data) => {
-      if (data) {
-        const index = options.value.findIndex((obj) => obj.label === str);
-        const optionValue = options.value[index];
-        Object.keys(data).forEach((key) => {
-          optionValue[key] = data[key];
-        });
-      } else {
-        const index = options.value.findIndex((obj) => obj.label === str);
-        if (index !== -1) {
-          options.value.splice(index, 1);
-        }
-      }
-    };
-    return {
-      ns,
-      onButtonColumnMappingImportClick,
-      onButtonImportClick,
-      onCancelButtonClick,
-      isLoading,
-      UploadUrl,
-      headers,
-      onSuccess,
-      previewinfo,
-      selectValues,
-      beforeUpload,
-      dataimport2,
-      listValue,
-      options,
-      select,
-      isNoPersonel,
-      fileName,
-      dataOption,
-      ColumnMappingSave,
-      columnMap,
-      columnMappingSaveChange,
-      selectValuesChange,
-      columnMapChange,
-      columnMappingListMap,
-      listValueChange,
-      columnMappingListMapChange,
-      optionsChange
-    };
-  },
-  render() {
-    return withDirectives(createVNode("div", {
-      "class": [this.ns.b(), "ibiz-view"],
-      "ref": "dataimport2"
-    }, [createVNode("div", {
-      "class": [this.ns.e("data-import2-toolbar"), "ibiz-panel-view-header"]
-    }, [createVNode("div", {
-      "class": [this.ns.e("caption")]
-    }, [createVNode("div", {
-      "class": "ibiz-panel-container"
-    }, [createVNode("div", {
-      "class": "ibiz-control-captionbar"
-    }, [createVNode("div", {
-      "class": "ibiz-control-captionbar-caption"
-    }, [createTextVNode("\u5BFC\u5165\u6570\u636E")])])])]), createVNode("div", {
-      "class": [this.ns.e("data-import2-toolbar-container"), "ibiz-panel-container--view_header_right"]
-    }, [createVNode("div", {
-      "class": "ibiz-panel-container"
-    }, [createVNode("div", {
-      "class": "ibiz-control-toolbar"
-    }, [createVNode("div", {
-      "class": "ibiz-control-toolbar__item"
-    }, [this.fileName ? `\u5F53\u524D\u6587\u4EF6\u540D:${this.fileName}` : ""]), this.previewinfo[0] && this.previewinfo[0].length ? createVNode(resolveComponent("data-import2-select"), {
-      "previewinfo": this.previewinfo,
-      "options": this.options,
-      "columnMappingListMap": this.columnMappingListMap,
-      "listValue": this.listValue,
-      "onListValueChange": this.listValueChange,
-      "onColumnMappingListMapChange": this.columnMappingListMapChange,
-      "onOptionsChange": this.optionsChange
-    }, null) : "", this.previewinfo[0] && this.previewinfo[0].length ? createVNode("div", {
-      "class": "ibiz-control-toolbar__item"
-    }, [createVNode(resolveComponent("el-button"), {
-      "onClick": this.onButtonColumnMappingImportClick,
-      "disabled": this.isNoPersonel
-    }, {
-      default: () => [createTextVNode("\u5BFC\u5165\u6A21\u5F0F\u4FDD\u5B58")]
-    })]) : "", createVNode(resolveComponent("el-upload"), {
-      "class": "ibiz-control-toolbar__item",
-      "action": this.UploadUrl,
-      "headers": this.headers,
-      "show-file-list": false,
-      "onSuccess": this.onSuccess,
-      "before-upload": this.beforeUpload
-    }, {
-      default: () => [createVNode(resolveComponent("el-button"), null, {
-        default: () => [this.previewinfo[0] && this.previewinfo[0].length ? "\u91CD\u65B0\u4E0A\u4F20\u6587\u4EF6" : "\u6587\u4EF6\u4E0A\u4F20"]
-      })]
-    }), this.previewinfo[0] && this.previewinfo[0].length ? createVNode("div", {
-      "class": "ibiz-control-toolbar__item"
-    }, [createVNode(resolveComponent("el-button"), {
-      "onClick": this.onButtonImportClick
-    }, {
-      default: () => [createTextVNode("\u5BFC\u5165")]
-    })]) : ""])])])]), createVNode(resolveComponent("data-import2-table"), {
-      "previewinfo": this.previewinfo,
-      "selectValues": this.selectValues,
-      "dataOption": this.dataOption,
-      "columnMappingSave": this.ColumnMappingSave,
-      "columnMap": this.columnMap,
-      "onSelectValuesChange": this.selectValuesChange,
-      "onColumnMappingSaveChange": this.columnMappingSaveChange,
-      "onColumnMapChange": this.columnMapChange
-    }, null)]), [[resolveDirective("loading"), this.isLoading]]);
-  }
-});
-
-export { DataImport2, importMapping };

package/es/common/data-import2-select/data-import2-select.css

@@ -1 +0,0 @@
-.ibiz-data-import2-select__select-option{padding:var(--ibiz-spacing-none)}.ibiz-data-import2-select__select-option-item{padding:var(--ibiz-spacing-none) 30px var(--ibiz-spacing-none) 10px;display:flex;align-items:center;justify-content:space-between;height:100%}.ibiz-data-import2-select__select-option-item:hover .ibiz-data-import2-select__select-option-item-button-delete{display:block}.ibiz-data-import2-select__select-option-item-button-delete{position:absolute;right:var(--ibiz-spacing-none);display:none}.ibiz-data-import2-select__dataimport-select{margin-top:-5px}.ibiz-data-import2-select__select-option-item-button-delete-icon{color:red}.ibiz-data-import2-select__select-option-item-input{width:100%}

package/es/common/data-import2-select/data-import2-select.mjs

@@ -1,170 +0,0 @@
-import { isVNode, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import { importMapping } from '../data-import2/data-import2.mjs';
-import './data-import2-select.css';
-
-"use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const DataImport2Select = /* @__PURE__ */ defineComponent({
-  name: "DataImport2Select",
-  props: {
-    previewinfo: {
-      type: Object,
-      required: true
-    },
-    options: {
-      type: Object,
-      required: true
-    },
-    columnMappingListMap: {
-      type: Object,
-      required: true
-    },
-    listValue: {
-      type: String,
-      required: true
-    }
-  },
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace("data-import2-select");
-    const inputClick = (e) => {
-      e.stopPropagation();
-    };
-    const editLabel = (e, item) => {
-      e.stopPropagation();
-      emit("optionsChange", item.label, {
-        edit: false,
-        checkmark: true,
-        close: true
-      });
-    };
-    const saveLabel = async (e, item) => {
-      e.stopPropagation();
-      emit("optionsChange", item.label, {
-        edit: true,
-        checkmark: false,
-        close: false,
-        value: item.label,
-        label: item.label
-      });
-      const data = props.columnMappingListMap.get(item.oldLabel);
-      if (data) {
-        data.name = item.label;
-        const result = await importMapping("put", data.id, data);
-        if (result.status === 200 && result.ok) {
-          emit("columnMappingListMapChange", item.label, result.data);
-        }
-      }
-      if (props.listValue === item.oldLabel) {
-        emit("listValueChange", item.label);
-      }
-      emit("optionsChange", item.label, {
-        oldLabel: item.label
-      });
-    };
-    const notSaveLabel = (e, item) => {
-      e.stopPropagation();
-      emit("optionsChange", item.label, {
-        edit: true,
-        checkmark: false,
-        close: false,
-        label: item.oldLabel
-      });
-    };
-    const handleDeleteOption = async (e, str) => {
-      e.stopPropagation();
-      const columnData = props.columnMappingListMap.get(str);
-      if (columnData) {
-        const res = await importMapping("delete", columnData.id);
-        if (res.status === 200 && res.ok) {
-          emit("optionsChange", str);
-          emit("columnMappingListMapChange", str);
-          if (props.listValue === str) {
-            emit("listValueChange", "");
-          }
-        }
-      }
-    };
-    const valueChange = (data) => {
-      emit("listValueChange", data);
-    };
-    return {
-      ns,
-      inputClick,
-      editLabel,
-      saveLabel,
-      notSaveLabel,
-      handleDeleteOption,
-      valueChange
-    };
-  },
-  render() {
-    let _slot;
-    return createVNode("div", {
-      "class": "ibiz-control-toolbar__item"
-    }, [createVNode(resolveComponent("el-select"), {
-      "ref": "select",
-      "model-value": this.listValue,
-      "onChange": this.valueChange,
-      "clearable": true,
-      "placeholder": "\u9009\u62E9\u5BFC\u5165\u6A21\u5F0F",
-      "disabled": !(this.previewinfo[0] && this.previewinfo[0].length),
-      "popper-class": this.ns.e("dataimport-select")
-    }, _isSlot(_slot = this.options.map((item) => {
-      return createVNode(resolveComponent("el-option"), {
-        "label": item.label,
-        "value": item.value,
-        "class": [this.ns.e("select-option")]
-      }, {
-        default: () => createVNode("div", {
-          "class": [this.ns.e("select-option-item")]
-        }, [item.edit ? createVNode("span", null, [item.label]) : "", item.edit ? "" : createVNode(resolveComponent("el-input"), {
-          "model-value": item.label,
-          "onClick": (e) => this.inputClick(e),
-          "class": [this.ns.e("select-option-item-input")],
-          "onInput": (args) => {
-            item.label = args;
-          }
-        }, null), item.edit ? createVNode(resolveComponent("el-button"), {
-          "text": true,
-          "size": "small",
-          "onClick": (e) => this.editLabel(e, item)
-        }, {
-          default: () => [createTextVNode("\u7F16\u8F91")]
-        }) : "", item.checkmark ? createVNode(resolveComponent("el-button"), {
-          "size": "small",
-          "onClick": (e) => this.saveLabel(e, item)
-        }, {
-          default: () => [createVNode("ion-icon", {
-            "name": "checkmark-outline"
-          }, null)]
-        }) : "", item.close ? createVNode(resolveComponent("el-button"), {
-          "size": "small",
-          "onClick": (e) => this.notSaveLabel(e, item)
-        }, {
-          default: () => [createVNode("ion-icon", {
-            "name": "close-outline"
-          }, null)]
-        }) : "", createVNode(resolveComponent("el-button"), {
-          "text": true,
-          "size": "small",
-          "onClick": (e) => this.handleDeleteOption(e, item.value),
-          "class": this.ns.e("select-option-item-button-delete")
-        }, {
-          default: () => [createVNode("ion-icon", {
-            "name": "trash-outline",
-            "class": this.ns.e("select-option-item-button-delete-icon")
-          }, null)]
-        })])
-      });
-    })) ? _slot : {
-      default: () => [_slot]
-    })]);
-  }
-});
-
-export { DataImport2Select };

package/es/common/data-import2-table/data-import2-table.css

@@ -1 +0,0 @@
-.ibiz-data-import2-table__template-container{height:100%}.ibiz-data-import2-table__empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-data-import2-table__dataimport-select{margin-top:-5px}.ibiz-data-import2-table__select{width:100%}.ibiz-data-import2-table__dataimport-table{border-spacing:var(--ibiz-spacing-none);border-collapse:collapse}.ibiz-data-import2-table__dataimpoer2-table-select{border:1px solid var(--ibiz-color-border);min-width:132px}.ibiz-data-import2-table__dataimport2-table-th{border:1px solid var(--ibiz-color-border);padding:var(--ibiz-spacing-extra-tight);min-width:132px}.ibiz-data-import2-table__dataimport2-table-td{border:1px solid var(--ibiz-color-border);padding:var(--ibiz-spacing-extra-tight);min-width:132px}