cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.8

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

@@ -0,0 +1,451 @@
+import { defineComponent, ref, reactive, computed, onMounted, watch, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, unref, withCtx, renderList, createBlock, normalizeStyle, toDisplayString, withDirectives, normalizeClass, createTextVNode, vShow, createCommentVNode, mergeProps, nextTick } from 'vue';
+import { NSpace, NTag, NTooltip, NIcon, NModal } from 'naive-ui';
+import { AddCircleOutline } from '@vicons/ionicons5';
+import script from '../../../shared/components/SvgIcon/SvgIcon.js';
+import scriptFormContent from './LabelFormContent.js';
+import { handleLabelColor } from '../../../shared/utils/vexutils.js';
+import XEUtils from 'xe-utils';
+
+const _hoisted_1 = {
+  class: "c-select-label"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", null, "\u5E38\u7528", -1);
+const _hoisted_3 = {
+  key: 1
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SelectLabel",
+  props: {
+    selectedList: {
+      default: () => []
+    },
+    item: {
+      default: () => ({})
+    },
+    isDetail: {
+      type: Boolean,
+      default: false
+    },
+    isLock: {
+      type: Boolean,
+      default: false
+    },
+    sourceType: {
+      default: ""
+    },
+    getLabelList: {
+      type: Function,
+      default: () => Promise.resolve({
+        rows: []
+      })
+    },
+    explicit: {
+      type: Boolean,
+      default: false
+    },
+    explicitHeiht: {
+      default: ""
+    },
+    queryCommonlabels: {
+      type: Function,
+      default: () => Promise.resolve({
+        data: {}
+      })
+    },
+    deleteLabel: {
+      type: Function,
+      default: () => Promise.resolve({
+        status: true
+      })
+    },
+    saveLabelItem: {
+      type: Function,
+      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(script, {
+        "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 (XEUtils.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(() => [createVNode(unref(NTooltip), {
+              placement: "top-start"
+            }, {
+              trigger: withCtx(() => [createElementVNode("span", null, toDisplayString(v.labelName), 1)]),
+              default: withCtx(() => [createElementVNode("span", null, toDisplayString(v.labelName), 1)]),
+              _: 2
+            }, 1024)]),
+            _: 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"]), createTextVNode(" \u65B0\u589E ")], 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_2, (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(() => [createVNode(unref(NTooltip), {
+              placement: "top-start"
+            }, {
+              trigger: withCtx(() => [createElementVNode("span", null, toDisplayString(item.labelName), 1)]),
+              default: withCtx(() => [createElementVNode("span", null, toDisplayString(item.labelName), 1)]),
+              _: 2
+            }, 1024)]),
+            _: 2
+          }, 1032, ["checked", "onUpdate:checked", "style"]);
+        }), 128))]),
+        _: 1
+      })) : createCommentVNode("v-if", true), __props.explicit && unref(item_is_edit) ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(scriptFormContent, 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(scriptFormContent, 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 { _sfc_main as default };

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

@@ -0,0 +1,132 @@
+import { defineComponent, ref, watch, openBlock, createElementBlock, createCommentVNode, unref, Fragment, createElementVNode, renderList, createBlock, normalizeStyle, normalizeClass, withCtx, createVNode, toDisplayString, withDirectives, withModifiers, vShow, createTextVNode } from 'vue';
+import { NTag, NTooltip, NIcon, NButton, NInput } from 'naive-ui';
+import { Close, Add } from '@vicons/ionicons5';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "edit-content" };
+const _hoisted_2 = {
+  key: 0,
+  class: "label-disable-wrap"
+};
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("p", { class: "label-disable-title" }, "\u65E0\u53EF\u9009\u6807\u7B7E", -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("p", { class: "label-disable-desc" }, "\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u8FDB\u884C\u6807\u7B7E\u7BA1\u7406\u8BBE\u7F6E", -1);
+const _hoisted_5 = [
+  _hoisted_3,
+  _hoisted_4
+];
+const _hoisted_6 = { class: "label-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "label-classify",
+  props: {
+    classifyItem: { default: () => ({}) },
+    handleLabelChange: { type: Function, default: () => {
+    } },
+    handleLabelColor: { type: Function, default: () => {
+    } },
+    handleDelLabel: { type: Function, default: () => {
+    } },
+    handleAddLabel: { type: Function, default: () => {
+    } },
+    hanldeBlur: { type: Function, default: () => {
+    } },
+    clearaddVal: { type: Function, default: () => {
+    } },
+    isEdit: { type: Boolean, default: false },
+    sourceType: null
+  },
+  setup(__props) {
+    var _a;
+    const props = __props;
+    let itemList = ref(((_a = props.classifyItem) == null ? void 0 : _a.itemList) || []);
+    const onHandleLabelChange = (value, item, classifyItem) => {
+      item.isSelect = value;
+      props.handleLabelChange(value, item, classifyItem);
+    };
+    watch(
+      () => props.classifyItem,
+      (val) => {
+        itemList.value = (val == null ? void 0 : val.itemList) || [];
+      },
+      { immediate: true, deep: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" disable "),
+        !unref(itemList) ? (openBlock(), createElementBlock("div", _hoisted_2, _hoisted_5)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createCommentVNode("  "),
+          createElementVNode("div", _hoisted_6, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(itemList), (item) => {
+              return openBlock(), createBlock(unref(NTag), {
+                checkable: "",
+                checked: item.isSelect,
+                "onUpdate:checked": (value) => onHandleLabelChange(value, item, __props.classifyItem),
+                key: item.labelId,
+                style: normalizeStyle(__props.handleLabelColor(item)),
+                class: normalizeClass({ "sys-label-tag": item.isPublic && item.isPublic == 1 })
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NTooltip), { placement: "top-start" }, {
+                    trigger: withCtx(() => [
+                      createElementVNode("span", null, toDisplayString(item.labelName), 1)
+                    ]),
+                    default: withCtx(() => [
+                      createElementVNode("span", null, toDisplayString(item.labelName), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  __props.sourceType != "guage" ? withDirectives((openBlock(), createBlock(unref(NIcon), {
+                    key: 0,
+                    class: "label-close",
+                    component: unref(Close),
+                    onClick: withModifiers(($event) => __props.handleDelLabel(item, __props.classifyItem), ["stop"])
+                  }, null, 8, ["component", "onClick"])), [
+                    [vShow, !(item.isPublic && item.isPublic == 1)]
+                  ]) : createCommentVNode("v-if", true)
+                ]),
+                _: 2
+              }, 1032, ["checked", "onUpdate:checked", "style", "class"]);
+            }), 128)),
+            __props.classifyItem.allowCreateByPersonal == 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              __props.isEdit && !__props.classifyItem.isNoAdd && __props.sourceType != "guage" ? withDirectives((openBlock(), createBlock(unref(NButton), {
+                key: 0,
+                dashed: "",
+                class: "label-add",
+                onClick: _cache[0] || (_cache[0] = ($event) => __props.handleAddLabel($event, __props.classifyItem))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NIcon), { component: unref(Add) }, null, 8, ["component"]),
+                  createTextVNode(" \u6807\u7B7E ")
+                ]),
+                _: 1
+              }, 512)), [
+                [vShow, !__props.classifyItem.showAdd]
+              ]) : createCommentVNode("v-if", true),
+              createCommentVNode(" \u662F\u5426\u5141\u8BB8\u65B0\u589E\u4E2A\u4EBA\u6807\u7B7E allowCreateByPersonal "),
+              __props.isEdit && !__props.classifyItem.isNoAdd && __props.sourceType != "guage" ? withDirectives((openBlock(), createBlock(unref(NInput), {
+                key: 1,
+                class: "label-add add-input",
+                value: __props.classifyItem.addVal,
+                "onUpdate:value": _cache[2] || (_cache[2] = ($event) => __props.classifyItem.addVal = $event),
+                valueModifiers: { trim: true },
+                onBlur: _cache[3] || (_cache[3] = ($event) => __props.hanldeBlur($event, __props.classifyItem))
+              }, {
+                suffix: withCtx(() => [
+                  createVNode(unref(NIcon), {
+                    component: unref(Close),
+                    onClick: _cache[1] || (_cache[1] = withModifiers(($event) => __props.clearaddVal($event, __props.classifyItem), ["stop"]))
+                  }, null, 8, ["component"])
+                ]),
+                _: 1
+              }, 8, ["value"])), [
+                [vShow, __props.classifyItem.showAdd]
+              ]) : createCommentVNode("v-if", true)
+            ], 64)) : createCommentVNode("v-if", true)
+          ])
+        ], 2112))
+      ]);
+    };
+  }
+});
+var labelClassify = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "label-classify.vue"]]);
+
+export { labelClassify as default };