n20-common-lib 1.3.46 → 1.3.49

package/nstc-g6/components/FormGroup/src/validate.js

@@ -1,23 +1,23 @@
-/**
- * 占位 不校验
- */
-export function notValid(rule, value, callback) {
-    callback()
-}
-
-
-/**
- * 校验 【融资】 - 【期限】
- */
-export function validInputWithUnit(rule, value, callback) {
-    if (value[0] && value[1]) {
-        // if (/^[0-9]*$/.test(value[0])) {
-        callback()
-        // } else {
-        //     callback(new Error('请输入正整数'))
-        // }
-
-    } else {
-        callback(new Error('请输入期限'))
-    }
+/**
+ * 占位 不校验
+ */
+export function notValid(rule, value, callback) {
+    callback()
+}
+
+
+/**
+ * 校验 【融资】 - 【期限】
+ */
+export function validInputWithUnit(rule, value, callback) {
+    if (value[0] && value[1]) {
+        // if (/^[0-9]*$/.test(value[0])) {
+        callback()
+        // } else {
+        //     callback(new Error('请输入正整数'))
+        // }
+
+    } else {
+        callback(new Error('请输入期限'))
+    }
 }

package/nstc-g6/components/InputTag/InputTag.vue

@@ -1,270 +1,270 @@
-<template>
-  <div
-      class="nstc-input-tag"
-      @mouseenter="!disabled && (isHover = true)"
-      @mouseleave="!disabled && (isHover = false)"
-  >
-    <div
-        class="el-select__tags"
-        :ref="`nstc-input-tag-${random}`"
-        :id="`nstc-input-tag-${random}`"
-    >
-      <template v-if="tags.length">
-        <el-tag
-            v-if="tags.length === 1"
-            type="info"
-            :closable="closable"
-            @close="handleClose(0)"
-        >
-          <span>{{ tags[0][props.label] }}</span>
-        </el-tag>
-        <template v-else-if="collapseTags && tags.length > 1">
-          <el-tag type="info" :closable="closable" @close="handleClose(0)">
-            <span :title="tags[0][props.label]">{{
-                tags[0][props.label].length > 5
-                    ? tags[0][props.label].substring(0, 5) + "..."
-                    : tags[0][props.label]
-              }}</span>
-          </el-tag>
-          <el-tag type="info" disable-transitions>
-            <span class="el-select__tags-text">+ {{ tags.length - 1 }}</span>
-          </el-tag>
-        </template>
-        <el-tags
-            v-else
-            v-for="(tag, index) in tags"
-            :key="index"
-            type="info"
-            :closable="closable"
-            disable-transitions
-            @close="handleClose(index)"
-        >
-          <span :title="tag[props.value]">{{
-              tag[props.value].length > 6
-                  ? tag[props.value].substring(0, 6) + "..."
-                  : tag[props.value]
-            }}</span>
-        </el-tags>
-      </template>
-      <input
-          v-model="inputValue"
-          type="text"
-          class="el-select__input"
-          :disabled="disabled"
-          @input="handleInput"
-          @blur="handBlur"
-          @focus="isFocus = true"
-          ref="input"
-      />
-    </div>
-    <div
-        :class="[
-        'nstc-input-tag-wrapper',
-        'el-input',
-        'el-input--suffix',
-        { 'is-focus': isFocus },
-      ]"
-    >
-      <input
-          type="text"
-          readonly="readonly"
-          autocomplete="off"
-          :placeholder="tags.length || inputValue ? '' : '请选择'"
-          class="el-input__inner"
-          :style="{ height: baseInputHeight + 'px' }"
-      />
-      <!-- :style="{
-          height:
-            tags.length === 0
-              ? baseInputHeight + 'px'
-              : (Math.ceil(contentWidth / wrapperWidth) || 1) *
-                  baseInputHeight +
-                'px',
-        }" -->
-      <span class="el-input__suffix">
-        <span
-            v-if="isHover && tags.length"
-            slot="suffix"
-            class="icon-close el-icon-circle-close"
-            @click="handleClear"
-        ></span>
-        <span class="el-input__suffix-inner" v-else>
-          <i
-              :class="[
-              'el-select__caret',
-              'el-input__icon',
-              'el-icon-arrow-up',
-              { 'is-reverse': isFocus },
-            ]"
-          ></i>
-        </span>
-      </span>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: "InputTag",
-  props: {
-    value: {
-      type: Array,
-      default: () => [],
-    },
-    closable: {
-      type: Boolean,
-      default: true,
-    },
-    clearable: {
-      type: Boolean,
-      default: true,
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    collapseTags: {
-      type: Boolean,
-      default: true,
-    },
-    props: {
-      type: Object,
-      default: () => {
-        return {
-          label: "label",
-          value: "value",
-        };
-      },
-    },
-  },
-  data() {
-    return {
-      random: Date.now(),
-      inputValue: "",
-      isFocus: false,
-      isHover: false,
-      baseInputHeight: 32,
-      wrapperWidth: 0,
-      contentWidth: 0,
-    };
-  },
-  computed: {
-    tags: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        this.$emit("input", val);
-      },
-    },
-  },
-  watch: {
-    value: {
-      handler(val) {
-        this.tags = val;
-      },
-      deep: true,
-      Immediate: true,
-    },
-    tags: {
-      handler(val) {
-        this.inputValue = "";
-        this.handleInput();
-        this.$emit("input", val);
-        this.contentWidth = this.getContentWidth();
-      },
-      deep: true,
-    },
-  },
-  mounted() {
-    this.contentWidth = this.getContentWidth();
-    this.wrapperWidth = this.$refs[`nstc-input-tag-${this.random}`].clientWidth;
-  },
-  methods: {
-    handBlur() {
-      this.isFocus = false;
-      this.$emit("clearFilterText");
-      this.inputValue = "";
-    },
-    handleInput() {
-      this.$emit("input-value", this.inputValue);
-    },
-    handleClose(index) {
-      this.tags.splice(index, 1);
-    },
-    handleClear(e) {
-      e.stopPropagation();
-      // this.tags = [];  // bug: 直接修改引用地址不会生效
-      // 这里暂时倒序挨个删除
-      for (let i = this.tags.length - 1; i >= 0; i--) {
-        this.tags.splice(i, 1);
-      }
-    },
-    getContentWidth() {
-      let contentWidth = 0;
-      const tags = document.querySelectorAll(
-          `#nstc-input-tag-${this.random} .el-tag`
-      );
-      tags.forEach((tag) => {
-        contentWidth += tag.offsetWidth;
-      });
-      return contentWidth;
-    },
-  },
-};
-</script>
-<style scoped>
-.nstc-input-tag {
-  position: relative;
-  width: 224px;
-}
-
-.nstc-input-tag .el-select__tags {
-  width: calc(100% - 30px);
-}
-
-.nstc-input-tag .el-select__tags input {
-  flex: 1;
-  width: 0;
-}
-
-.nstc-input-tag-wrapper.is-focus input {
-  border-color: #409eff;
-}
-
-.nstc-input-tag .el-tag {
-  display: flex;
-  max-width: calc(100% - 30px);
-  height: 24px;
-  line-height: 24px;
-  margin-left: 10px;
-}
-
-.nstc-input-tag .el-tag > span {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.nstc-input-tag::v-deep .el-tag > i {
-  margin-top: 5px !important;
-}
-
-.nstc-input-tag-wrapper i {
-  transform: rotate(180deg);
-  transition: 0.3s;
-}
-
-.nstc-input-tag-wrapper i.is-reverse {
-  transform: rotate(0deg);
-}
-
-.nstc-input-tag-wrapper .el-input__suffix {
-  pointer-events: unset;
-}
-
-.nstc-input-tag-wrapper .icon-close {
-  width: 25px;
-  right: 5px;
-  text-align: center;
-  cursor: pointer;
-}
+<template>
+  <div
+      class="nstc-input-tag"
+      @mouseenter="!disabled && (isHover = true)"
+      @mouseleave="!disabled && (isHover = false)"
+  >
+    <div
+        class="el-select__tags"
+        :ref="`nstc-input-tag-${random}`"
+        :id="`nstc-input-tag-${random}`"
+    >
+      <template v-if="tags.length">
+        <el-tag
+            v-if="tags.length === 1"
+            type="info"
+            :closable="closable"
+            @close="handleClose(0)"
+        >
+          <span>{{ tags[0][props.label] }}</span>
+        </el-tag>
+        <template v-else-if="collapseTags && tags.length > 1">
+          <el-tag type="info" :closable="closable" @close="handleClose(0)">
+            <span :title="tags[0][props.label]">{{
+                tags[0][props.label].length > 5
+                    ? tags[0][props.label].substring(0, 5) + "..."
+                    : tags[0][props.label]
+              }}</span>
+          </el-tag>
+          <el-tag type="info" disable-transitions>
+            <span class="el-select__tags-text">+ {{ tags.length - 1 }}</span>
+          </el-tag>
+        </template>
+        <el-tags
+            v-else
+            v-for="(tag, index) in tags"
+            :key="index"
+            type="info"
+            :closable="closable"
+            disable-transitions
+            @close="handleClose(index)"
+        >
+          <span :title="tag[props.value]">{{
+              tag[props.value].length > 6
+                  ? tag[props.value].substring(0, 6) + "..."
+                  : tag[props.value]
+            }}</span>
+        </el-tags>
+      </template>
+      <input
+          v-model="inputValue"
+          type="text"
+          class="el-select__input"
+          :disabled="disabled"
+          @input="handleInput"
+          @blur="handBlur"
+          @focus="isFocus = true"
+          ref="input"
+      />
+    </div>
+    <div
+        :class="[
+        'nstc-input-tag-wrapper',
+        'el-input',
+        'el-input--suffix',
+        { 'is-focus': isFocus },
+      ]"
+    >
+      <input
+          type="text"
+          readonly="readonly"
+          autocomplete="off"
+          :placeholder="tags.length || inputValue ? '' : '请选择'"
+          class="el-input__inner"
+          :style="{ height: baseInputHeight + 'px' }"
+      />
+      <!-- :style="{
+          height:
+            tags.length === 0
+              ? baseInputHeight + 'px'
+              : (Math.ceil(contentWidth / wrapperWidth) || 1) *
+                  baseInputHeight +
+                'px',
+        }" -->
+      <span class="el-input__suffix">
+        <span
+            v-if="isHover && tags.length"
+            slot="suffix"
+            class="icon-close el-icon-circle-close"
+            @click="handleClear"
+        ></span>
+        <span class="el-input__suffix-inner" v-else>
+          <i
+              :class="[
+              'el-select__caret',
+              'el-input__icon',
+              'el-icon-arrow-up',
+              { 'is-reverse': isFocus },
+            ]"
+          ></i>
+        </span>
+      </span>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "InputTag",
+  props: {
+    value: {
+      type: Array,
+      default: () => [],
+    },
+    closable: {
+      type: Boolean,
+      default: true,
+    },
+    clearable: {
+      type: Boolean,
+      default: true,
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    collapseTags: {
+      type: Boolean,
+      default: true,
+    },
+    props: {
+      type: Object,
+      default: () => {
+        return {
+          label: "label",
+          value: "value",
+        };
+      },
+    },
+  },
+  data() {
+    return {
+      random: Date.now(),
+      inputValue: "",
+      isFocus: false,
+      isHover: false,
+      baseInputHeight: 32,
+      wrapperWidth: 0,
+      contentWidth: 0,
+    };
+  },
+  computed: {
+    tags: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit("input", val);
+      },
+    },
+  },
+  watch: {
+    value: {
+      handler(val) {
+        this.tags = val;
+      },
+      deep: true,
+      Immediate: true,
+    },
+    tags: {
+      handler(val) {
+        this.inputValue = "";
+        this.handleInput();
+        this.$emit("input", val);
+        this.contentWidth = this.getContentWidth();
+      },
+      deep: true,
+    },
+  },
+  mounted() {
+    this.contentWidth = this.getContentWidth();
+    this.wrapperWidth = this.$refs[`nstc-input-tag-${this.random}`].clientWidth;
+  },
+  methods: {
+    handBlur() {
+      this.isFocus = false;
+      this.$emit("clearFilterText");
+      this.inputValue = "";
+    },
+    handleInput() {
+      this.$emit("input-value", this.inputValue);
+    },
+    handleClose(index) {
+      this.tags.splice(index, 1);
+    },
+    handleClear(e) {
+      e.stopPropagation();
+      // this.tags = [];  // bug: 直接修改引用地址不会生效
+      // 这里暂时倒序挨个删除
+      for (let i = this.tags.length - 1; i >= 0; i--) {
+        this.tags.splice(i, 1);
+      }
+    },
+    getContentWidth() {
+      let contentWidth = 0;
+      const tags = document.querySelectorAll(
+          `#nstc-input-tag-${this.random} .el-tag`
+      );
+      tags.forEach((tag) => {
+        contentWidth += tag.offsetWidth;
+      });
+      return contentWidth;
+    },
+  },
+};
+</script>
+<style scoped>
+.nstc-input-tag {
+  position: relative;
+  width: 224px;
+}
+
+.nstc-input-tag .el-select__tags {
+  width: calc(100% - 30px);
+}
+
+.nstc-input-tag .el-select__tags input {
+  flex: 1;
+  width: 0;
+}
+
+.nstc-input-tag-wrapper.is-focus input {
+  border-color: #409eff;
+}
+
+.nstc-input-tag .el-tag {
+  display: flex;
+  max-width: calc(100% - 30px);
+  height: 24px;
+  line-height: 24px;
+  margin-left: 10px;
+}
+
+.nstc-input-tag .el-tag > span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.nstc-input-tag::v-deep .el-tag > i {
+  margin-top: 5px !important;
+}
+
+.nstc-input-tag-wrapper i {
+  transform: rotate(180deg);
+  transition: 0.3s;
+}
+
+.nstc-input-tag-wrapper i.is-reverse {
+  transform: rotate(0deg);
+}
+
+.nstc-input-tag-wrapper .el-input__suffix {
+  pointer-events: unset;
+}
+
+.nstc-input-tag-wrapper .icon-close {
+  width: 25px;
+  right: 5px;
+  text-align: center;
+  cursor: pointer;
+}
 </style>

package/nstc-g6/components/NstcApprovel/NstcApprovel.vue

@@ -1,24 +1,24 @@
-<!--
-  功能：    审批页面按钮
-  作者：    nstc
-  创建时间： 2021-08-11
--->
-<template>
-  <div class="nstc-approvel">
-    <ApprovalRecord />
-    <ApprovalButtons />
-  </div>
-</template>
-
-<script>
-import ApprovalRecord from '../../../src/components/ApprovalRecord/index.vue'
-import ApprovalButtons from '../../../src/components/ApprovalButtons/index.vue'
-
-export default {
-  name: 'NstcApprovel',
-  components: {
-    ApprovalRecord,
-    ApprovalButtons
-  }
-}
-</script>
+<!--
+  功能：    审批页面按钮
+  作者：    nstc
+  创建时间： 2021-08-11
+-->
+<template>
+  <div class="nstc-approvel">
+    <ApprovalRecord />
+    <ApprovalButtons />
+  </div>
+</template>
+
+<script>
+import ApprovalRecord from '../../../src/components/ApprovalRecord/index.vue'
+import ApprovalButtons from '../../../src/components/ApprovalButtons/index.vue'
+
+export default {
+  name: 'NstcApprovel',
+  components: {
+    ApprovalRecord,
+    ApprovalButtons
+  }
+}
+</script>