cnhis-design-vue 3.1.14-beta.2 → 3.1.14-beta.5

package/es/packages/select-label/src/SelectLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,455 @@
+import { defineComponent, ref, reactive, computed, onMounted, watch, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, unref, withCtx, renderList, createBlock, normalizeStyle, createTextVNode, toDisplayString, withDirectives, normalizeClass, vShow, createCommentVNode, mergeProps, nextTick } from 'vue';
+import { NSpace, NTag, NIcon, NModal } from 'naive-ui';
+import { AddCircleOutline } from '@vicons/ionicons5';
+import SvgIcon from '../../../src/components/SvgIcon';
+import './LabelFormContent.js';
+import vexutils, { handleLabelColor } from '../../../src/utils/vexutils';
+import script$1 from './LabelFormContent.vue_vue_type_script_setup_true_lang.js';
+
+const _hoisted_1 = {
+  class: "c-select-label"
+};
+const _hoisted_2 = /* @__PURE__ */ createTextVNode(" \u65B0\u589E ");
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", null, "\u5E38\u7528", -1);
+const _hoisted_4 = {
+  key: 1
+};
+var script = /* @__PURE__ */ defineComponent({
+  __name: "SelectLabel",
+  props: {
+    selectedList: {
+      type: Array,
+      required: false,
+      default: () => []
+    },
+    item: {
+      type: null,
+      required: false,
+      default: () => ({})
+    },
+    isDetail: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    isLock: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    sourceType: {
+      type: String,
+      required: false,
+      default: ""
+    },
+    getLabelList: {
+      type: Function,
+      required: false,
+      default: () => Promise.resolve({
+        rows: []
+      })
+    },
+    explicit: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    explicitHeiht: {
+      type: String,
+      required: false,
+      default: ""
+    },
+    queryCommonlabels: {
+      type: Function,
+      required: false,
+      default: () => Promise.resolve({
+        data: {}
+      })
+    },
+    deleteLabel: {
+      type: Function,
+      required: false,
+      default: () => Promise.resolve({
+        status: true
+      })
+    },
+    saveLabelItem: {
+      type: Function,
+      required: false,
+      default: () => Promise.resolve({
+        status: true
+      })
+    }
+  },
+  emits: ["onChange", "scaleChange", "vodFileList"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const labelFormContentRef = ref(null);
+    const state = reactive({
+      labelVisible: false,
+      editLabelItem: {},
+      labelSelectedList: [],
+      labelSelectedEdit: [],
+      inited: false,
+      isChangeWindow: false,
+      modalWidth: "763px",
+      modalHeight: "404px",
+      maxHeight: "404px",
+      commonLabelList: [],
+      multipleChoiceConfig: {}
+    });
+    function updateCommonChecked(value, item) {
+      item.isSelect = value;
+      handleCommonLabelChange(value, item);
+    }
+    const item_is_edit = computed(() => {
+      const item = (props == null ? void 0 : props.item) || {};
+      return (item.is_edit == 1 || item.isShow) && !props.isDetail;
+    });
+    const titleRender = () => {
+      return createVNode(Fragment, null, [createVNode("div", null, [createTextVNode("\u9009\u62E9\u6807\u7B7E")]), createVNode("div", {
+        "class": "svg-wrap"
+      }, [createVNode(SvgIcon, {
+        "onClick": changeModalWindow,
+        "icon-class": state.isChangeWindow ? "xitongtubiaodaohangtubiaozuixiaohua" : "xitongtubiaodaohangtubiaozuidahua"
+      }, null)])]);
+    };
+    const hadleCommonlabels = (commonLabelList, selectList) => {
+      if (!commonLabelList.length)
+        return;
+      commonLabelList.forEach((n) => {
+        let isSelect = selectList.some((i) => i.labelId == n.labelId);
+        n.isSelect = isSelect;
+      });
+    };
+    const getCommonlabelsList = async (type) => {
+      var _a;
+      let {
+        data = {}
+      } = await props.queryCommonlabels(type) || {};
+      if (data.result !== "SUCCESS")
+        return;
+      let commonLabelList = ((_a = data.map) == null ? void 0 : _a.rows) || [];
+      hadleCommonlabels(commonLabelList, state.labelSelectedList);
+      state.commonLabelList = commonLabelList;
+    };
+    const closeTag = (d) => {
+      const selectedList = state.labelSelectedList || [];
+      const fdIndex = selectedList.findIndex((n) => n.labelId == d.labelId);
+      if (fdIndex != -1) {
+        selectedList.splice(fdIndex, 1);
+      }
+      emit("onChange", [...selectedList]);
+      state.labelSelectedList = selectedList;
+      hanldeSetLabelItem(d.labelId, false);
+    };
+    const handleCommonLabelChange = (v, d) => {
+      let multipleChoiceConfig = state.multipleChoiceConfig;
+      let selectedList = state.labelSelectedList || [];
+      if (v) {
+        if (selectedList.some((n) => n.labelId == d.labelId)) {
+          return;
+        }
+        if ("2" == multipleChoiceConfig[d.typeId]) {
+          selectedList = selectedList.filter((item) => item.typeId !== d.typeId);
+        }
+        selectedList.push(d);
+      } else {
+        const fdIndex = selectedList.findIndex((n) => n.labelId == d.labelId);
+        if (fdIndex != -1) {
+          selectedList.splice(fdIndex, 1);
+        }
+      }
+      emit("onChange", [...selectedList]);
+      state.labelSelectedList = selectedList;
+    };
+    const handleEditLabel = (type) => {
+      if (props.isLock)
+        return;
+      if (!props.explicit && type !== "init") {
+        state.labelVisible = true;
+      }
+      handleGetLabelData(props.item);
+    };
+    const handleLabelCancel = () => {
+      var _a;
+      if (props.explicit)
+        return;
+      (_a = labelFormContentRef.value) == null ? void 0 : _a.resetShowAdd();
+      state.editLabelItem.showAdd = false;
+      state.editLabelItem = {};
+      state.inited = false;
+      state.modalWidth = "763px";
+      state.modalHeight = "404px";
+      state.maxHeight = "404px";
+      state.isChangeWindow = false;
+      state.labelVisible = false;
+    };
+    const changeModalWindow = () => {
+      state.isChangeWindow = !state.isChangeWindow;
+      let docHeight = document.body.clientHeight;
+      state.modalWidth = state.modalWidth === "763px" ? `100%` : "763px";
+      state.modalHeight = state.modalHeight === "404px" ? `${docHeight - 110}px` : "404px";
+      state.maxHeight = state.modalHeight === "auto" ? "404px" : "none";
+    };
+    const handleSaveLabel = () => {
+      var _a;
+      (_a = labelFormContentRef.value) == null ? void 0 : _a.handleLabelForm((selectList) => {
+        emit("onChange", [...selectList]);
+        state.labelSelectedList = selectList;
+        hadleCommonlabels(state.commonLabelList, selectList);
+        handleLabelCancel();
+      });
+    };
+    const handleGetLabelData = async (v, update) => {
+      const {
+        rows,
+        results
+      } = await props.getLabelList(v, {
+        update
+      });
+      const labelList = rows || [];
+      const labelObj = {};
+      const cacheKey = `${v.val_key}_${v.name}`;
+      const selectList = update ? [...state.labelSelectedEdit || []] : [...state.labelSelectedList || []];
+      labelList.forEach((n) => {
+        n.cacheKey = cacheKey;
+        n.isSelect = false;
+        if (labelObj[n.typeName]) {
+          labelObj[n.typeName].itemList.push({
+            ...n
+          });
+        } else {
+          labelObj[n.typeName] = {
+            itemList: [{
+              ...n
+            }],
+            showAdd: false,
+            addVal: "",
+            typeName: n.typeName,
+            typeId: n.typeId
+          };
+        }
+      });
+      if (!!results) {
+        v.labelObj = labelObj;
+        v.labelList = labelList;
+      }
+      update && (state.labelSelectedEdit = selectList);
+      state.editLabelItem = v;
+      setLabelTypeStatus(results);
+    };
+    const setLabelTypeStatus = (results) => {
+      if (!results)
+        return false;
+      let keys = Object.keys(results);
+      let multipleChoiceConfig = {};
+      let choiceTypes = (results.typeList || []).reduce((obj, item) => {
+        multipleChoiceConfig[item.typeId] = item.multipleChoice;
+        obj[item.typeName] = {
+          multipleChoice: item.multipleChoice,
+          parentColor: item.parentColor,
+          allowCreateByPersonal: item.allowCreateByPersonal
+        };
+        return obj;
+      }, {});
+      if (props.explicit) {
+        state.multipleChoiceConfig = multipleChoiceConfig;
+      }
+      keys.forEach((key) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (key === "typeList")
+          return;
+        if (key === "emptyTypes") {
+          results[key].forEach((item) => {
+            state.editLabelItem.labelObj[item.typeName] = {
+              ...{
+                addVal: "",
+                showAdd: false,
+                itemList: [],
+                typeId: item.typeId,
+                typeName: item.typeName,
+                allowCreateByPersonal: item.allowCreateByPersonal
+              },
+              ...choiceTypes[item.typeName] || {}
+            };
+          });
+          return;
+        }
+        if (vexutils.isPlainObject(results[key])) {
+          if (!state.editLabelItem.labelObj[key]) {
+            state.editLabelItem.labelObj[key] = {
+              ...{
+                addVal: "",
+                showAdd: false,
+                itemList: false,
+                typeId: "",
+                typeName: key,
+                allowCreateByPersonal: (_a = choiceTypes[key]) == null ? void 0 : _a.allowCreateByPersonal
+              },
+              ...choiceTypes[key] || {}
+            };
+          } else {
+            state.editLabelItem.labelObj[key].isNoAdd = true;
+            state.editLabelItem.labelObj[key].multipleChoice = (_b = choiceTypes[key]) == null ? void 0 : _b.multipleChoice;
+            state.editLabelItem.labelObj[key].allowCreateByPersonal = (_c = choiceTypes[key]) == null ? void 0 : _c.allowCreateByPersonal;
+            state.editLabelItem.labelObj[key].parentColor = (_d = choiceTypes[key]) == null ? void 0 : _d.parentColor;
+          }
+        } else {
+          state.editLabelItem.labelObj[key].multipleChoice = (_e = choiceTypes[key]) == null ? void 0 : _e.multipleChoice;
+          state.editLabelItem.labelObj[key].allowCreateByPersonal = (_f = choiceTypes[key]) == null ? void 0 : _f.allowCreateByPersonal;
+          state.editLabelItem.labelObj[key].parentColor = (_g = choiceTypes[key]) == null ? void 0 : _g.parentColor;
+        }
+      });
+    };
+    const updateLabelData = () => {
+      handleGetLabelData(props.item, true);
+    };
+    const explicitOnChange = () => {
+      handleSaveLabel();
+    };
+    const hanldeSetLabelItem = (id, state2) => {
+      if (props.explicit) {
+        nextTick(() => {
+          var _a;
+          (_a = labelFormContentRef.value) == null ? void 0 : _a.hanldeSetLabelItem(id, state2);
+        });
+      }
+    };
+    const handleGetMultipleChoiceConfig = async (v) => {
+      const {
+        rows,
+        results
+      } = await props.getLabelList(v);
+      if (!results)
+        return false;
+      let multipleChoiceConfig = (results.typeList || []).reduce((obj, item) => {
+        obj[item.typeId] = item.multipleChoice;
+        return obj;
+      }, {});
+      state.multipleChoiceConfig = multipleChoiceConfig;
+    };
+    onMounted(() => {
+      if (props.explicit) {
+        handleEditLabel();
+      } else {
+        handleGetMultipleChoiceConfig(props.item);
+      }
+    });
+    watch(() => props.selectedList, (val) => {
+      if (val) {
+        let v = Array.isArray(val) ? val : [];
+        state.labelSelectedList = JSON.parse(JSON.stringify(v));
+        hadleCommonlabels(state.commonLabelList, state.labelSelectedList);
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => {
+      var _a;
+      return (_a = props.item) == null ? void 0 : _a.label_type;
+    }, (val) => {
+      if (!val || props.sourceType != "form")
+        return;
+      getCommonlabelsList(val);
+    }, {
+      immediate: true,
+      deep: true
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", _hoisted_1, [createVNode(unref(NSpace), {
+        align: "center"
+      }, {
+        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(state.labelSelectedList, (v) => {
+          return openBlock(), createBlock(unref(NTag), {
+            bordered: false,
+            key: v.labelId,
+            style: normalizeStyle(unref(handleLabelColor)(v, true)),
+            closable: unref(item_is_edit),
+            onClose: ($event) => closeTag(v),
+            size: "small"
+          }, {
+            default: withCtx(() => [createTextVNode(toDisplayString(v.labelName), 1)]),
+            _: 2
+          }, 1032, ["style", "closable", "onClose"]);
+        }), 128)), !__props.explicit ? withDirectives((openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(["form-add-icon form-add-icon-label", {
+            disable: __props.isLock
+          }]),
+          onClick: handleEditLabel
+        }, [createVNode(unref(NIcon), {
+          class: "add-icon",
+          component: unref(AddCircleOutline)
+        }, null, 8, ["component"]), _hoisted_2], 2)), [[vShow, unref(item_is_edit)]]) : createCommentVNode("v-if", true)]),
+        _: 1
+      }), __props.sourceType == "form" && state.commonLabelList.length && unref(item_is_edit) && !__props.explicit ? (openBlock(), createBlock(unref(NSpace), {
+        key: 0,
+        align: "center",
+        class: "common-label"
+      }, {
+        default: withCtx(() => [_hoisted_3, (openBlock(true), createElementBlock(Fragment, null, renderList(state.commonLabelList, (item, i) => {
+          return openBlock(), createBlock(unref(NTag), {
+            checkable: "",
+            checked: item.isSelect,
+            "onUpdate:checked": ($event) => updateCommonChecked($event, item),
+            key: i,
+            style: normalizeStyle(unref(handleLabelColor)(item)),
+            size: "small"
+          }, {
+            default: withCtx(() => [createTextVNode(toDisplayString(item.labelName), 1)]),
+            _: 2
+          }, 1032, ["checked", "onUpdate:checked", "style"]);
+        }), 128))]),
+        _: 1
+      })) : createCommentVNode("v-if", true), __props.explicit && unref(item_is_edit) ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(script$1, mergeProps(_ctx.$attrs, {
+        ref_key: "labelFormContentRef",
+        ref: labelFormContentRef,
+        labelSelectedList: state.labelSelectedList,
+        isChangeWindow: state.isChangeWindow,
+        labelOptions: state.editLabelItem.labelObj,
+        deleteLabel: __props.deleteLabel,
+        saveLabelItem: __props.saveLabelItem,
+        onUpdateLabelData: updateLabelData,
+        onExplicitOnChange: explicitOnChange
+      }), null, 16, ["labelSelectedList", "isChangeWindow", "labelOptions", "deleteLabel", "saveLabelItem"])])) : createCommentVNode("v-if", true)]), createCommentVNode(" \u5F39\u7A97 "), createVNode(unref(NModal), {
+        preset: "dialog",
+        class: normalizeClass(["label-form-modal-wrap modal-wrap standard-modal standard-modal-white", {
+          "modal-screen": state.isChangeWindow
+        }]),
+        show: state.labelVisible,
+        "onUpdate:show": _cache[0] || (_cache[0] = ($event) => state.labelVisible = $event),
+        onPositiveClick: handleSaveLabel,
+        onNegativeClick: handleLabelCancel,
+        onClose: handleLabelCancel,
+        "mask-closable": false,
+        "close-on-esc": false,
+        "show-icon": false,
+        "negative-text": "\u53D6\u6D88",
+        "positive-text": "\u786E\u5B9A",
+        style: normalizeStyle({
+          width: state.modalWidth
+        }),
+        title: titleRender
+      }, {
+        default: withCtx(() => [createVNode(script$1, mergeProps(_ctx.$attrs, {
+          ref_key: "labelFormContentRef",
+          ref: labelFormContentRef,
+          labelSelectedList: state.labelSelectedList,
+          isChangeWindow: state.isChangeWindow,
+          labelOptions: state.editLabelItem.labelObj,
+          sourceType: __props.sourceType,
+          deleteLabel: __props.deleteLabel,
+          saveLabelItem: __props.saveLabelItem,
+          onUpdateLabelData: updateLabelData
+        }), null, 16, ["labelSelectedList", "isChangeWindow", "labelOptions", "sourceType", "deleteLabel", "saveLabelItem"])]),
+        _: 1
+      }, 8, ["show", "class", "style"])], 64);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/select-label/src/components/label-classify.js

@@ -0,0 +1,4 @@
+import script from './label-classify.vue_vue_type_script_setup_true_lang.js';
+export { default } from './label-classify.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/select-label/src/components/label-classify.vue";