cnhis-design-vue 3.1.17-beta.9 → 3.1.18-beta.10

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

@@ -0,0 +1,440 @@
+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 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__ */ createTextVNode(" \u65B0\u589E ");
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", null, "\u5E38\u7528", -1);
+const _hoisted_4 = {
+  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 (multipleChoiceConfig[d.typeId] == "2") {
+          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(() => [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(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.vue.d.ts

@@ -0,0 +1,122 @@
+declare const _default: import("vue").DefineComponent<{
+    classifyItem: {
+        type: null;
+        required: false;
+        default: () => {};
+    };
+    handleLabelChange: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+    handleLabelColor: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+    handleDelLabel: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+    handleAddLabel: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+    hanldeBlur: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+    clearaddVal: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+    isEdit: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    sourceType: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {
+    props: {
+        classifyItem: any;
+        handleLabelChange: Function;
+        handleLabelColor: Function;
+        handleDelLabel: Function;
+        handleAddLabel: Function;
+        hanldeBlur: Function;
+        clearaddVal: Function;
+        isEdit: boolean;
+        sourceType?: string | undefined;
+    };
+    itemList: any;
+    onHandleLabelChange: (value?: any, item?: any, classifyItem?: any) => void;
+    NTag: any;
+    NTooltip: any;
+    NIcon: any;
+    NButton: any;
+    NInput: any;
+    Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    Add: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    classifyItem: {
+        type: null;
+        required: false;
+        default: () => {};
+    };
+    handleLabelChange: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+    handleLabelColor: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+    handleDelLabel: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+    handleAddLabel: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+    hanldeBlur: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+    clearaddVal: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+    isEdit: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    sourceType: {
+        type: StringConstructor;
+        required: false;
+    };
+}>>, {
+    isEdit: boolean;
+    classifyItem: any;
+    handleLabelChange: Function;
+    handleLabelColor: Function;
+    handleDelLabel: Function;
+    handleAddLabel: Function;
+    hanldeBlur: Function;
+    clearaddVal: Function;
+}>;
+export default _default;

package/es/components/select-label/style/index.css

@@ -0,0 +1 @@
+.c-select-label .label-disable-wrap{align-items:center;display:flex;flex-direction:column;font-size:14px;line-height:20px;width:100%}.c-select-label .label-disable-wrap .label-disable-img{height:248px;width:320px}.c-select-label .common-label{border:1px solid rgba(0,0,0,.1);border-radius:4px;margin-top:8px!important;padding:4px 12px}.c-select-label .common-label>span{color:rgba(0,0,0,.9);margin-right:16px}.c-select-label .form-add-icon-label{align-items:center;color:#2d7aff;cursor:pointer;display:inline-flex;margin-bottom:4px}.c-select-label .anticon+.anticon{margin-left:16px}.c-select-label .label-disable-wrap{text-align:center}.c-select-label .n-tag{border:1px solid #e0e0e6;margin:0 8px 0 0;max-width:108px}.c-select-label .n-tag .n-base-icon{color:#fff}.c-select-label .n-tag .n-tag__content{align-items:center;display:inline-block;height:100%;line-height:20px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-label-form-content{border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;height:100%;width:100%}.c-label-form-content .label-wrap{display:flex;height:100%;width:100%}.c-label-form-content .label-wrap .left-label-wrap{border-right:1px solid #e8e8e8;height:404px;max-height:404px;width:140px}.c-label-form-content .label-wrap .left-label-wrap.total-left-label-wrap{height:calc(100vh - 109px);max-height:calc(100vh - 109px)}.c-label-form-content .label-wrap .left-label-wrap.explicit-label-wrap{height:auto;overflow:hidden;overflow-y:auto;width:100%}.c-label-form-content .label-wrap .left-label-wrap .n-anchor.n-anchor--block .n-anchor-link{font-size:14px;padding:10px 8px}.c-label-form-content .label-wrap .left-label-wrap .n-anchor.n-anchor--block .n-anchor-link.n-anchor-link--active{background-color:#f2f2f2}.c-label-form-content .label-wrap .right-label-wrap{flex:1;height:404px;max-height:404px;overflow-y:auto}.c-label-form-content .label-wrap .right-label-wrap.total-right-label-wrap{max-height:calc(100vh - 109px)}.c-label-form-content .label-wrap .right-label-wrap .label-add{display:inline-flex;height:30px;justify-content:center;line-height:30px;position:relative;text-align:center;top:2px;width:108px}.c-label-form-content .label-wrap .right-label-wrap .add-input{width:108px}.c-label-form-content .label-wrap .right-label-wrap .add-input .n-input__suffix{cursor:pointer}.c-label-form-content .label-wrap .explicit-continer{border:1px solid #d5d5d5;width:100%}.c-label-form-content .edit-label-type{font-size:12px;margin-left:4px}.c-label-form-content .edit-label-content{padding:0 14px}.c-label-form-content .edit-label-content .edit-content{margin-bottom:10px;margin-top:8px;width:100%}.c-label-form-content .edit-label-content .edit-content .n-tag{border:1px solid #e0e0e6;margin:0 8px 8px 0;max-width:108px;text-align:center}.c-label-form-content .edit-label-content .edit-content .n-tag .n-tag__content{align-items:center;display:inline-flex}.c-label-form-content .edit-label-content .edit-content .n-tag .n-tag__content span{display:inline-block;height:100%;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px}.n-dialog__title .svg-wrap{margin:0 0 0 auto}.n-dialog__title .svg-wrap .svg-icon{fill:currentColor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}.n-dialog__title .svg-wrap svg{cursor:pointer;font-size:14px}.n-dialog__title .svg-wrap svg+svg{margin-left:16px}