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

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

@@ -1,451 +0,0 @@
-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

@@ -1,132 +0,0 @@
-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 };