cnhis-design-vue 2.1.57 → 2.1.59

package/packages/multi-chat/components/classify-tabs.vue

@@ -1,185 +1,185 @@
-<template>
-  <div class="classify-tabs">
-    <a-icon v-show="showPrev" class="classify-icon left" type="left" @click="handlePrev" />
-    <div class="classify-wrapper" ref="wrapper">
-      <div class="classify-scroll" :style="{ transform: `translateX(${offset}px)` }">
-        <div
-          class="classify-item"
-          v-for="item in list"
-          :key="item.classify"
-          :class="{ active: item.classify === classify }"
-          @click="handleClick($event, item)"
-        >
-          <slot :item="item"></slot>
-        </div>
-      </div>
-    </div>
-    <a-icon v-show="showNext" class="classify-icon right" type="right" @click="handleNext" />
-  </div>
-</template>
-<script>
-import { Icon } from 'ant-design-vue';
-
-export default {
-  components: {
-    [Icon.name]:Icon
-  },
-  props: {
-    list: {
-      type: Array,
-      default: () => []
-    },
-    value: {
-      type: [String, Number],
-      default: ""
-    }
-  },
-  data() {
-    return {
-      classify: "",
-      offset: 0,
-      showPrev: false,
-      showNext: false
-    };
-  },
-  created() {
-    this.classify = this.value;
-  },
-  mounted() {
-    this.handleChange();
-  },
-  watch: {
-    list: {
-      handler() {
-        this.handleChange();
-      }
-    },
-    value: {
-      handler(v) {
-        if (this.classify !== v) {
-          this.classify = v;
-          this.handleChange();
-        }
-      }
-    }
-  },
-  methods: {
-    handleClick(event, { classify }) {
-      this.classify = classify;
-      this.$emit("input", classify);
-      const target = Array.from(event.path).find(item => {
-        const name = item.className || "";
-        return item.tagName.toLocaleUpperCase() == "DIV" && name && name.includes("classify-item");
-      });
-      this.handleScrollTarget(target);
-    },
-    handleScrollTarget(target) {
-      if (target) {
-        const wrapper = this.$refs.wrapper;
-        if (!wrapper) return;
-        const children = wrapper.children[0];
-        const { scrollWidth: sw, clientWidth: w } = children;
-        const max = sw - w;
-        const offset = target.offsetLeft * -1;
-        this.calcScroll(max, offset);
-      }
-    },
-    calcScroll(max, offset) {
-      const showPrev = offset < 0;
-      const showNext = max > 0 && offset > -max;
-      if (this.showPrev !== showPrev) {
-        const value = (showPrev ? -1 : 1) * 20;
-        max -= value;
-        this.showPrev = showPrev;
-      }
-      if (this.showNext !== showNext) {
-        const value = 20 * (showNext ? -1 : 1);
-        max -= value;
-        this.showNext = showNext;
-      }
-      offset = Math.min(Math.max(-max, offset), 0);
-      this.offset = offset;
-    },
-    handleScroll(flag) {
-      const wrapper = this.$refs.wrapper;
-      if (!wrapper) return;
-      const children = wrapper.children[0];
-      if (!children) return;
-      const { scrollWidth: sw, clientWidth: w } = children;
-      const max = sw - w;
-      const offset = this.offset + w * (flag ? 1 : -1);
-      this.calcScroll(max, offset);
-    },
-    handlePrev() {
-      this.handleScroll(true);
-    },
-    handleNext() {
-      this.handleScroll(false);
-    },
-    handleChange() {
-      this.$nextTick(() => {
-        const wrapper = this.$refs.wrapper;
-        if (!wrapper) {
-          this.offset = 0;
-        } else {
-          const target = wrapper.querySelector(".classify-item.active");
-          this.handleScrollTarget(target);
-        }
-      });
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.classify-tabs {
-  display: flex;
-  align-items: center;
-  padding: 0 10px;
-  .classify-wrapper {
-    flex: 1;
-    overflow: hidden;
-  }
-  .classify-icon {
-    color: #969696;
-    font-size: 12px;
-    cursor: pointer;
-    &.left {
-      margin-right: 8px;
-    }
-    &.right {
-      margin-left: 8px;
-    }
-  }
-}
-.classify-scroll {
-  display: flex;
-  flex-wrap: nowrap;
-  transition: all 0.3s;
-  .classify-item {
-    text-align: left;
-    cursor: pointer;
-    white-space: nowrap;
-    line-height: 17px;
-    background: #f7f7f7;
-    border-radius: 14px;
-    color: #212121;
-    padding: 4px 12px;
-    &:hover {
-      background-color: #f0f0f0;
-    }
-    &.active {
-      color: @primary-color;
-      background: rgba(@primary-color, 0.1);
-      font-weight: 600;
-    }
-    & + .classify-item {
-      margin-left: 8px;
-    }
-    .name {
-      display: inline-block;
-      margin-left: 4px;
-      font-size: 12px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="classify-tabs">
+    <a-icon v-show="showPrev" class="classify-icon left" type="left" @click="handlePrev" />
+    <div class="classify-wrapper" ref="wrapper">
+      <div class="classify-scroll" :style="{ transform: `translateX(${offset}px)` }">
+        <div
+          class="classify-item"
+          v-for="item in list"
+          :key="item.classify"
+          :class="{ active: item.classify === classify }"
+          @click="handleClick($event, item)"
+        >
+          <slot :item="item"></slot>
+        </div>
+      </div>
+    </div>
+    <a-icon v-show="showNext" class="classify-icon right" type="right" @click="handleNext" />
+  </div>
+</template>
+<script>
+import { Icon } from 'ant-design-vue';
+
+export default {
+  components: {
+    [Icon.name]:Icon
+  },
+  props: {
+    list: {
+      type: Array,
+      default: () => []
+    },
+    value: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  data() {
+    return {
+      classify: "",
+      offset: 0,
+      showPrev: false,
+      showNext: false
+    };
+  },
+  created() {
+    this.classify = this.value;
+  },
+  mounted() {
+    this.handleChange();
+  },
+  watch: {
+    list: {
+      handler() {
+        this.handleChange();
+      }
+    },
+    value: {
+      handler(v) {
+        if (this.classify !== v) {
+          this.classify = v;
+          this.handleChange();
+        }
+      }
+    }
+  },
+  methods: {
+    handleClick(event, { classify }) {
+      this.classify = classify;
+      this.$emit("input", classify);
+      const target = Array.from(event.path).find(item => {
+        const name = item.className || "";
+        return item.tagName.toLocaleUpperCase() == "DIV" && name && name.includes("classify-item");
+      });
+      this.handleScrollTarget(target);
+    },
+    handleScrollTarget(target) {
+      if (target) {
+        const wrapper = this.$refs.wrapper;
+        if (!wrapper) return;
+        const children = wrapper.children[0];
+        const { scrollWidth: sw, clientWidth: w } = children;
+        const max = sw - w;
+        const offset = target.offsetLeft * -1;
+        this.calcScroll(max, offset);
+      }
+    },
+    calcScroll(max, offset) {
+      const showPrev = offset < 0;
+      const showNext = max > 0 && offset > -max;
+      if (this.showPrev !== showPrev) {
+        const value = (showPrev ? -1 : 1) * 20;
+        max -= value;
+        this.showPrev = showPrev;
+      }
+      if (this.showNext !== showNext) {
+        const value = 20 * (showNext ? -1 : 1);
+        max -= value;
+        this.showNext = showNext;
+      }
+      offset = Math.min(Math.max(-max, offset), 0);
+      this.offset = offset;
+    },
+    handleScroll(flag) {
+      const wrapper = this.$refs.wrapper;
+      if (!wrapper) return;
+      const children = wrapper.children[0];
+      if (!children) return;
+      const { scrollWidth: sw, clientWidth: w } = children;
+      const max = sw - w;
+      const offset = this.offset + w * (flag ? 1 : -1);
+      this.calcScroll(max, offset);
+    },
+    handlePrev() {
+      this.handleScroll(true);
+    },
+    handleNext() {
+      this.handleScroll(false);
+    },
+    handleChange() {
+      this.$nextTick(() => {
+        const wrapper = this.$refs.wrapper;
+        if (!wrapper) {
+          this.offset = 0;
+        } else {
+          const target = wrapper.querySelector(".classify-item.active");
+          this.handleScrollTarget(target);
+        }
+      });
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+.classify-tabs {
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+  .classify-wrapper {
+    flex: 1;
+    overflow: hidden;
+  }
+  .classify-icon {
+    color: #969696;
+    font-size: 12px;
+    cursor: pointer;
+    &.left {
+      margin-right: 8px;
+    }
+    &.right {
+      margin-left: 8px;
+    }
+  }
+}
+.classify-scroll {
+  display: flex;
+  flex-wrap: nowrap;
+  transition: all 0.3s;
+  .classify-item {
+    text-align: left;
+    cursor: pointer;
+    white-space: nowrap;
+    line-height: 17px;
+    background: #f7f7f7;
+    border-radius: 14px;
+    color: #212121;
+    padding: 4px 12px;
+    &:hover {
+      background-color: #f0f0f0;
+    }
+    &.active {
+      color: @primary-color;
+      background: rgba(@primary-color, 0.1);
+      font-weight: 600;
+    }
+    & + .classify-item {
+      margin-left: 8px;
+    }
+    .name {
+      display: inline-block;
+      margin-left: 4px;
+      font-size: 12px;
+    }
+  }
+}
+</style>

package/packages/multi-chat/components/empty.vue

@@ -1,24 +1,24 @@
-<script>
-export default {
-  functional: true,
-  props: {
-    emptyRender: {
-      type: Function
-    },
-    noDataTip: {
-      type: String
-    },
-    noDataImg: {
-      type: String
-    }
-  },
-  render(_h, context) {
-    const props = context.props;
-    const emptyRender = props.emptyRender;
-    if (typeof emptyRender === "function") {
-      return emptyRender(props);
-    }
-    return <div>{props.noDataTip}</div>;
-  }
-};
-</script>
+<script>
+export default {
+  functional: true,
+  props: {
+    emptyRender: {
+      type: Function
+    },
+    noDataTip: {
+      type: String
+    },
+    noDataImg: {
+      type: String
+    }
+  },
+  render(_h, context) {
+    const props = context.props;
+    const emptyRender = props.emptyRender;
+    if (typeof emptyRender === "function") {
+      return emptyRender(props);
+    }
+    return <div>{props.noDataTip}</div>;
+  }
+};
+</script>

package/packages/multi-chat/components/modal-refuse-reason.vue

@@ -1,112 +1,112 @@
-<template>
-  <a-modal
-    wrapClassName="standard-modal standard-modal-white has-mask"
-    :title="i18nText('1.9.678')"
-    :visible="visible"
-    :maskClosable="false"
-    :width="400"
-    destroyOnClose
-    :okText="i18nText('1.9.326')"
-    @cancel="handleCancel"
-    @ok="handleOk"
-  >
-    <div class="reason-tips">{{ i18nText('1.1.6.7') + i18nText('1.9.678') }}</div>
-    <a-radio-group class="reason-options" v-model="reason">
-      <a-radio v-for="(item, i) in reasonList" :key="i" :value="i">
-        {{ item.text }}
-      </a-radio>
-      <a-radio key="-1" :value="-1">{{ i18nText('1.9.679') }}</a-radio>
-    </a-radio-group>
-    <div class="reason-remark">
-      <a-textarea v-model="remark" :disabled="reason != -1" :placeholder="i18nText('1.9.40') + i18nText('1.9.679')" :maxLength="100" :auto-size="{ minRows: 3, maxRows: 5 }" />
-      <div class="word-count">{{ i18nText('1.9.272') }}{{ remarkLen }}/100</div>
-    </div>
-  </a-modal>
-</template>
-<script>
-import { Input, Modal, Radio } from 'ant-design-vue';
-
-export default {
-  inject: ['i18nText'],
-  components: {
-    AModal: Modal,
-    [Radio.name]: Radio,
-    [Radio.Group.name]: Radio.Group,
-    [Input.TextArea.name]: Input.TextArea
-  },
-  props: {
-    visible: {
-      type: Boolean,
-      default: true
-    },
-    reasonList: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      reason: '',
-      remark: ''
-    };
-  },
-  computed: {
-    remarkLen() {
-      const v = this.remark;
-      return v ? v.length : 0;
-    }
-  },
-  watch: {
-    visible(v) {
-      if (v) {
-        this.reason = this.remark = '';
-      }
-    }
-  },
-  methods: {
-    handleCancel() {
-      this.$emit('update:visible', false);
-      this.$emit('cancel');
-    },
-    handleOk() {
-      const reason = this.reason;
-      if (reason || reason === 0) {
-        const v = reason < 0 ? this.remark : this.reasonList[this.reason]?.text;
-        this.$emit('ok', v);
-      } else {
-        this.$message.warning(this.i18nText('1.1.6.7') + this.i18nText('1.9.678'));
-      }
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.reason-tips {
-  font-size: 14px;
-  color: #212121;
-  line-height: 20px;
-  margin-bottom: 16px;
-  &::before {
-    content: '*';
-    color: #e54949;
-  }
-}
-.reason-options .ant-radio-wrapper {
-  margin-bottom: 16px;
-}
-.reason-remark {
-  position: relative;
-  textarea {
-    padding-bottom: 30px;
-  }
-  .word-count {
-    position: absolute;
-    bottom: 8px;
-    right: 11px;
-    text-align: right;
-    color: #969696;
-    font-size: 12px;
-    line-height: 20px;
-  }
-}
-</style>
+<template>
+  <a-modal
+    wrapClassName="standard-modal standard-modal-white has-mask"
+    :title="i18nText('1.9.678')"
+    :visible="visible"
+    :maskClosable="false"
+    :width="400"
+    destroyOnClose
+    :okText="i18nText('1.9.326')"
+    @cancel="handleCancel"
+    @ok="handleOk"
+  >
+    <div class="reason-tips">{{ i18nText('1.1.6.7') + i18nText('1.9.678') }}</div>
+    <a-radio-group class="reason-options" v-model="reason">
+      <a-radio v-for="(item, i) in reasonList" :key="i" :value="i">
+        {{ item.text }}
+      </a-radio>
+      <a-radio key="-1" :value="-1">{{ i18nText('1.9.679') }}</a-radio>
+    </a-radio-group>
+    <div class="reason-remark">
+      <a-textarea v-model="remark" :disabled="reason != -1" :placeholder="i18nText('1.9.40') + i18nText('1.9.679')" :maxLength="100" :auto-size="{ minRows: 3, maxRows: 5 }" />
+      <div class="word-count">{{ i18nText('1.9.272') }}{{ remarkLen }}/100</div>
+    </div>
+  </a-modal>
+</template>
+<script>
+import { Input, Modal, Radio } from 'ant-design-vue';
+
+export default {
+  inject: ['i18nText'],
+  components: {
+    AModal: Modal,
+    [Radio.name]: Radio,
+    [Radio.Group.name]: Radio.Group,
+    [Input.TextArea.name]: Input.TextArea
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: true
+    },
+    reasonList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      reason: '',
+      remark: ''
+    };
+  },
+  computed: {
+    remarkLen() {
+      const v = this.remark;
+      return v ? v.length : 0;
+    }
+  },
+  watch: {
+    visible(v) {
+      if (v) {
+        this.reason = this.remark = '';
+      }
+    }
+  },
+  methods: {
+    handleCancel() {
+      this.$emit('update:visible', false);
+      this.$emit('cancel');
+    },
+    handleOk() {
+      const reason = this.reason;
+      if (reason || reason === 0) {
+        const v = reason < 0 ? this.remark : this.reasonList[this.reason]?.text;
+        this.$emit('ok', v);
+      } else {
+        this.$message.warning(this.i18nText('1.1.6.7') + this.i18nText('1.9.678'));
+      }
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+.reason-tips {
+  font-size: 14px;
+  color: #212121;
+  line-height: 20px;
+  margin-bottom: 16px;
+  &::before {
+    content: '*';
+    color: #e54949;
+  }
+}
+.reason-options .ant-radio-wrapper {
+  margin-bottom: 16px;
+}
+.reason-remark {
+  position: relative;
+  textarea {
+    padding-bottom: 30px;
+  }
+  .word-count {
+    position: absolute;
+    bottom: 8px;
+    right: 11px;
+    text-align: right;
+    color: #969696;
+    font-size: 12px;
+    line-height: 20px;
+  }
+}
+</style>