zydx-plus 1.2.18 → 1.2.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.2.18",
+  "version": "1.2.21",
   "description": "Vue.js",
   "main": "src/index.js",
   "files": [

package/src/components/pagination/src/pagination.vue

@@ -57,9 +57,11 @@
         </template>
       </button>
       <div class="paginator_info">
-        <input type="input"
+        <input type="text"
+               @keyup="handleKeyup"
                class="paginator_input"
-               v-model.number="page" />
+               v-model.number="page"
+               @input="handleInput" />
         <span>/</span>
         <span>{{ pages }}</span>
       </div>
@@ -112,6 +114,18 @@
 <script>
 import { defineComponent } from 'vue'
 import useOffsetPagination from './useOffsetPagination.vue';
+export const debounceTimer = 500
+export function debounce(fn, delay = debounceTimer) {
+  var timeoutID = null
+  return function () {
+    clearTimeout(timeoutID)
+    var args = arguments
+    var that = this
+    timeoutID = setTimeout(function () {
+      fn.apply(that, args)
+    }, delay)
+  }
+}
 export default defineComponent({
   name: 'zydx-pagination',
   components: {
@@ -145,6 +159,24 @@ export default defineComponent({
     pageChange: function (v) {
       this.$emit('page:change', v)
       this.page = v
+    },
+    handleInput: debounce(function (e) {
+      let input = Number(e.target.value)
+      if (input > this.pages) {
+        this.page = this.pages
+        this.$emit('page:change', this.page)
+        return
+      }
+      if (input < 1) {
+        this.page = 1
+        this.$emit('page:change', 1)
+        return
+      }
+      this.page = input
+      this.$emit('page:change', this.page)
+    }),
+    handleKeyup: function (e) {
+      this.page = e.target.value.replace(/[^\d]/, '')
     }
   },
   computed: {
@@ -154,16 +186,6 @@ export default defineComponent({
 
   },
   watch: {
-    page: {
-      handler: function (v) {
-        if (v >= this.pages) {
-          this.page = Number(String(this.page).slice(2))
-        }
-        if (v <= 1) {
-          this.page = 1
-        }
-      }
-    },
     currentPage: {
       handler: function (v) {
         if (v >= this.pages) {

package/src/components/pagination/src/useOffsetPagination.vue

@@ -68,6 +68,8 @@ export default defineComponent({
           this.isLoading = false
           this.isNextClicked = false
           this.isPrevClicked = false
+        } else {
+          this.isLoading = true
         }
       },
       immediate: true

package/src/components/titleBox/index.js

@@ -0,0 +1,7 @@
+import publicTable from './src/zydxTopicDry';
+
+publicTable.install = function(Vue) {
+    Vue.component(publicTable.name, publicTable);
+};
+
+export default publicTable;

package/src/components/titleBox/src/zydxStyle.css

@@ -0,0 +1,39 @@
+.title_box {
+  display: flex;
+  flex-direction: row;
+}
+
+.title_box>div:first-child {
+  flex-grow: 1;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  line-height: 30px;
+}
+
+.title_box>div:last-child {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  text-indent: 0em;
+}
+
+.title_box_a {
+  width: 100%;
+  text-align: left;
+  line-height: 30px;
+  overflow: hidden;
+}
+
+.title_box_a>div {
+  display: inline;
+}
+
+.title_box_a>div:last-child {
+  float: right;
+  flex-direction: row;
+  display: flex;
+  align-items: center;
+  height: 30px;
+  text-indent: 0em;
+}

package/src/components/titleBox/src/zydxTopicDry.vue

@@ -0,0 +1,54 @@
+/**
+* @描述：  题干一类的通用样式（比如：左侧文字，右侧按钮）
+* @创建时间: 2022-08-12 11:19:00
+* @内容:
+必传值：名字/类型/默认值/作用
+非必传值：
+isHide 是否都在一行显示， true 超出一行的部分。。。。。
+* @回调事件：
+@组件内方法：
+*/
+<template>
+    <div>
+        <div :class="title_style" :style="text_indent">
+            <div>
+                <slot name="title_slot"></slot>
+            </div>
+            <div>
+                <slot name="button_slot"></slot>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'zydx-topic-dry',
+    computed: { // 计算属性
+        title_style () {
+            if (this.is_hide) {
+                return 'title_box'
+            }
+            return 'title_box_a'
+        },
+        text_indent () {
+          return "text-indent: "+this.indent_em+"em;"
+        }
+    },
+    props: {
+        is_hide: { // 是否都在一行显示， true 超出一行的部分显示...
+            type: Boolean,
+            default: false
+        },
+        indent_em: { // 首行缩进em
+            type: Number,
+            default: 0
+        }
+    },
+    mounted() {
+    }
+}
+</script>
+
+<style scoped src="./zydxStyle.css">
+</style>

package/src/components/tree/src/tree.vue

@@ -47,6 +47,13 @@ export default {
     height: {
       type: String,
       default: '30px'
+    },
+    /**
+     **    
+     */
+    default_expand_key: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -55,8 +62,8 @@ export default {
     }
   },
   mounted() {
-
   },
+
   watch: {
     data: {
       handler: function (v) {
@@ -74,16 +81,17 @@ export default {
       }
       let output = []
       for (const leaf of array) {
+        const { id } = leaf
         let next = {
           ...leaf,
-          isOpen: false,
+          isOpen: this.default_expand_key.includes(id),
           children: leaf.children ? this.traverse(leaf.children) : []
         }
         output.push(next)
       }
       return output
     },
-    handleClick: function (tree) {
+    handleClick: async function (tree) {
       this.$emit('update:select', tree)
       const { id } = tree
       this.treeData = this.treeData.map((item) => {
@@ -115,7 +123,8 @@ export default {
   <div class="tree"
        :key="tree.id"
        v-for="(tree) in treeData">
-    <div class="tree_node"
+    <div :data-id="tree.id"
+         class="tree_node"
          :class="{ 'tree_node_active': tree.isOpen }"
          @click="handleClick(tree)">
       <template v-if="tree.level">
@@ -143,6 +152,7 @@ export default {
       <tree :data="tree.children"
             :active_color="active_color"
             :border="border"
+            :default_expand_key="default_expand_key"
             :key="tree.id"
             @update:select="updateSelect"
             :accordian="accordian"></tree>
@@ -168,7 +178,7 @@ export default {
   justify-content: flex-start;
   text-align: left;
   height: v-bind(height);
-  cursor: pointer;
+  cursor: grabbing;
   gap: 16px;
   border-bottom: v-bind(border)
 }

package/src/index.js

@@ -25,7 +25,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.2.18',
+    version: '1.2.21',
     install,
     Calendar,
     Message,