meixioacomponent 2.0.47 → 2.0.48

package/lib/typings/type.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/useType/useType.d.ts

@@ -1,28 +1,28 @@
-import { FormItemInputParam, FormItemNumberParam, FormItemRadioParam, FormItemSelectParam, FormItemSingleUploadParam, FormItemTextareaParam, FormItemTimeParam, PlainTableParamsType, ProTableParamsType, TableProScreenInterFace } from "../typings/type";
-/**
- * pro/plain表格的表头配置
- */
-export declare const useTableColumnParamsType: () => {
-    /**
-     * 页面表格的头部配置
-     */
-    useTypeByProTableParams: (paramsList: ProTableParamsType[]) => ProTableParamsType[];
-    /**
-     * plain表格的头部配置
-     */
-    useTypeByPlainTableParams: (paramsList: PlainTableParamsType[]) => PlainTableParamsType[];
-};
-/**
- * form表单的各个类型的配置
- */
-export declare const useFormItemParamsType: () => {
-    useTypeByInputFormItem: (params: FormItemInputParam) => FormItemInputParam;
-    useTypeTextareaFormItem: (params: FormItemTextareaParam) => FormItemTextareaParam;
-    useTypeNumberFormItem: (params: FormItemNumberParam) => FormItemNumberParam;
-    useTypeSelectFormItem: (params: FormItemSelectParam) => FormItemSelectParam;
-    useTypeTimeFormItem: (params: FormItemTimeParam) => FormItemTimeParam;
-    useTypeRadioFormItem: (params: FormItemRadioParam) => FormItemRadioParam;
-    useTypeSingleUploadFormItem: (params: FormItemSingleUploadParam) => FormItemSingleUploadParam;
-};
-export declare const useProScreenParamsItem: (proScreenItem: TableProScreenInterFace, auth?: boolean) => TableProScreenInterFace | null;
+import { FormItemInputParam, FormItemNumberParam, FormItemRadioParam, FormItemSelectParam, FormItemSingleUploadParam, FormItemTextareaParam, FormItemTimeParam, PlainTableParamsType, ProTableParamsType, TableProScreenInterFace } from "../typings/type";
+/**
+ * pro/plain表格的表头配置
+ */
+export declare const useTableColumnParamsType: () => {
+    /**
+     * 页面表格的头部配置
+     */
+    useTypeByProTableParams: (paramsList: ProTableParamsType[]) => ProTableParamsType[];
+    /**
+     * plain表格的头部配置
+     */
+    useTypeByPlainTableParams: (paramsList: PlainTableParamsType[]) => PlainTableParamsType[];
+};
+/**
+ * form表单的各个类型的配置
+ */
+export declare const useFormItemParamsType: () => {
+    useTypeByInputFormItem: (params: FormItemInputParam) => FormItemInputParam;
+    useTypeTextareaFormItem: (params: FormItemTextareaParam) => FormItemTextareaParam;
+    useTypeNumberFormItem: (params: FormItemNumberParam) => FormItemNumberParam;
+    useTypeSelectFormItem: (params: FormItemSelectParam) => FormItemSelectParam;
+    useTypeTimeFormItem: (params: FormItemTimeParam) => FormItemTimeParam;
+    useTypeRadioFormItem: (params: FormItemRadioParam) => FormItemRadioParam;
+    useTypeSingleUploadFormItem: (params: FormItemSingleUploadParam) => FormItemSingleUploadParam;
+};
+export declare const useProScreenParamsItem: (proScreenItem: TableProScreenInterFace, auth?: boolean) => TableProScreenInterFace | null;
 //# sourceMappingURL=useType.d.ts.map

package/lib/useType/useType.js

@@ -1,89 +1,89 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useProScreenParamsItem = exports.useFormItemParamsType = exports.useTableColumnParamsType = void 0;
-/**
- *
- * @param paramsList
- *
- */
-const useTypeByProTableParams = (paramsList) => {
-    return paramsList;
-};
-//普通表格的单列的配置
-const useTypeByPlainTableParams = (paramsList) => {
-    return paramsList;
-};
-// form表单的配置类型
-//input 类型
-const useTypeByInputFormItem = (params) => {
-    return params;
-};
-// textarea 类型
-const useTypeTextareaFormItem = (params) => {
-    return params;
-};
-// number 类型
-const useTypeNumberFormItem = (params) => {
-    return params;
-};
-// select 类型
-const useTypeSelectFormItem = (params) => {
-    return params;
-};
-// 时间类型 类型
-const useTypeTimeFormItem = (params) => {
-    return params;
-};
-// radio单选框 类型
-const useTypeRadioFormItem = (params) => {
-    return params;
-};
-// 单文件上传 类型
-const useTypeSingleUploadFormItem = (params) => {
-    return params;
-};
-/**
- * pro/plain表格的表头配置
- */
-const useTableColumnParamsType = () => {
-    return {
-        /**
-         * 页面表格的头部配置
-         */
-        useTypeByProTableParams,
-        /**
-         * plain表格的头部配置
-         */
-        useTypeByPlainTableParams,
-    };
-};
-exports.useTableColumnParamsType = useTableColumnParamsType;
-/**
- * form表单的各个类型的配置
- */
-const useFormItemParamsType = () => {
-    return {
-        //表单类型为input类型
-        useTypeByInputFormItem,
-        //表单类型为文本域
-        useTypeTextareaFormItem,
-        // 数字类型
-        useTypeNumberFormItem,
-        // 下拉菜单
-        useTypeSelectFormItem,
-        // 时间类型
-        useTypeTimeFormItem,
-        // 单选框
-        useTypeRadioFormItem,
-        // 单文件上传
-        useTypeSingleUploadFormItem,
-    };
-};
-exports.useFormItemParamsType = useFormItemParamsType;
-const useProScreenParamsItem = (proScreenItem, auth = true) => {
-    if (auth) {
-        return proScreenItem;
-    }
-    return null;
-};
-exports.useProScreenParamsItem = useProScreenParamsItem;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useProScreenParamsItem = exports.useFormItemParamsType = exports.useTableColumnParamsType = void 0;
+/**
+ *
+ * @param paramsList
+ *
+ */
+const useTypeByProTableParams = (paramsList) => {
+    return paramsList;
+};
+//普通表格的单列的配置
+const useTypeByPlainTableParams = (paramsList) => {
+    return paramsList;
+};
+// form表单的配置类型
+//input 类型
+const useTypeByInputFormItem = (params) => {
+    return params;
+};
+// textarea 类型
+const useTypeTextareaFormItem = (params) => {
+    return params;
+};
+// number 类型
+const useTypeNumberFormItem = (params) => {
+    return params;
+};
+// select 类型
+const useTypeSelectFormItem = (params) => {
+    return params;
+};
+// 时间类型 类型
+const useTypeTimeFormItem = (params) => {
+    return params;
+};
+// radio单选框 类型
+const useTypeRadioFormItem = (params) => {
+    return params;
+};
+// 单文件上传 类型
+const useTypeSingleUploadFormItem = (params) => {
+    return params;
+};
+/**
+ * pro/plain表格的表头配置
+ */
+const useTableColumnParamsType = () => {
+    return {
+        /**
+         * 页面表格的头部配置
+         */
+        useTypeByProTableParams,
+        /**
+         * plain表格的头部配置
+         */
+        useTypeByPlainTableParams,
+    };
+};
+exports.useTableColumnParamsType = useTableColumnParamsType;
+/**
+ * form表单的各个类型的配置
+ */
+const useFormItemParamsType = () => {
+    return {
+        //表单类型为input类型
+        useTypeByInputFormItem,
+        //表单类型为文本域
+        useTypeTextareaFormItem,
+        // 数字类型
+        useTypeNumberFormItem,
+        // 下拉菜单
+        useTypeSelectFormItem,
+        // 时间类型
+        useTypeTimeFormItem,
+        // 单选框
+        useTypeRadioFormItem,
+        // 单文件上传
+        useTypeSingleUploadFormItem,
+    };
+};
+exports.useFormItemParamsType = useFormItemParamsType;
+const useProScreenParamsItem = (proScreenItem, auth = true) => {
+    if (auth) {
+        return proScreenItem;
+    }
+    return null;
+};
+exports.useProScreenParamsItem = useProScreenParamsItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "2.0.47",
+  "version": "2.0.48",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/packages/components/base/baseAnchor/baseAnchor.vue

@@ -1,168 +1,168 @@
-<template>
-  <ol class="base-anchor-wrap">
-    <li
-        v-for="(item, index) in list"
-        :key="index"
-        :class="{
-        active: index === active,
-      }"
-        class="anchor-item-wrap"
-    >
-      <a
-          v-if="type === 'page'"
-          :href="`${currentPath}#${item.id}`"
-          @click="aTagClick(index)"
-      >
-        {{ item.title }}
-      </a>
-      <span v-else @click="toSetScrollTop(index)">{{ item.title }}</span>
-    </li>
-  </ol>
-</template>
-
-<script>
-
-export default {
-  name: 'baseAnchor',
-  data() {
-    return {
-      active: 0,
-      _listenElement: null,
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.init()
-    })
-  },
-
-  beforeDestroy() {
-    this._listenElement?.removeEventListener('scroll', this.listenScroll)
-  },
-
-  props: {
-    listenElementId: {
-      //只接受id
-      type: String,
-    },
-    list: {
-      type: Array,
-    },
-    type: {
-      type: String,
-      default: 'page',
-    },
-  },
-  computed: {
-    currentPath() {
-      return this.$route.path
-    },
-  },
-  methods: {
-    init() {
-      let type = this.$props.type
-      if (type == 'page') {
-        this._listenElement = document.getElementsByClassName(
-            'layout-contnet',
-        )[0]
-        this._listenElement?.addEventListener('scroll', this.listenScroll)
-      } else {
-        this._listenElement = document.getElementById(
-            `${this.$props.listenElementId}`,
-        )
-        this.$nextTick(() => {
-          this._listenElement?.addEventListener('scroll', (e) => {
-            this.listenScroll(e)
-          })
-        })
-      }
-    },
-    aTagClick(index) {
-      this.active = index
-    },
-    listenScroll(e) {
-      if (this.$props.list.length <= 0) return
-      let type = this.$props.type
-      let scrollTop = e.target.scrollTop
-      for (let i = 0; i < this.$props.list.length; i++) {
-        let item = this.$props.list[i]
-        let node = null
-        // 类型
-        if (type == 'page') {
-          // page 代表是全局 监听 layout 的滚动
-          node = document.getElementById(item.id)
-        } else {
-          // 指定的容器
-          node = this._listenElement.querySelector(`#${item.id}`)
-        }
-        // 滑动到底部直接赋值
-        if (scrollTop + e.target.clientHeight >= e.target.scrollHeight - 5) {
-          this.active = this.$props.list.length - 1
-          break
-        }
-        // 如果循环到最后一个dom也直接赋值
-        if (i == this.$props.list.length - 1) {
-          this.active = i
-          break
-        } else {
-          let nextItem = this.$props.list[i + 1]
-          let nextNode = null
-          if (type == 'page') {
-            nextNode = document.getElementById(nextItem.id)
-          } else {
-            nextNode = this._listenElement.querySelector(`#${nextItem.id}`)
-          }
-          // 判单scrolltop是否小于下一个dom的高度
-          if (scrollTop < nextNode.offsetTop) {
-            this.active = i
-            break
-          }
-        }
-      }
-    },
-    toSetScrollTop(index) {
-      if (index == this.active) {
-        return
-      }
-      let id = this.$props.list[index].id
-      let dom = this._listenElement.querySelector(`#${id}`)
-      if (dom) {
-        dom.scrollIntoView(true)
-        setTimeout(() => {
-          this.aTagClick(index)
-        }, 10)
-      }
-    },
-  },
-}
-</script>
-
-<style lang="less" scoped>
-.base-anchor-wrap {
-  width: auto;
-  height: auto;
-  overflow-y: auto;
-
-  .anchor-item-wrap {
-    padding-left: calc(var(--padding-4) * 2);
-    border-left: 2px solid var(--color-border);
-
-    a,
-    span {
-      display: inline-block;
-      color: var(--font-color-m);
-      margin: var(--margin-2) 0px;
-      font-size: var(--font-size-base);
-    }
-
-    span {
-      cursor: pointer;
-    }
-  }
-
-  .active {
-    border-left: 2px solid var(--color-primary);
-    color: var(--color-primary) !important;
-  }
-}
-</style>
+<template>
+  <ol class="base-anchor-wrap">
+    <li
+        v-for="(item, index) in list"
+        :key="index"
+        :class="{
+        active: index === active,
+      }"
+        class="anchor-item-wrap"
+    >
+      <a
+          v-if="type === 'page'"
+          :href="`${currentPath}#${item.id}`"
+          @click="aTagClick(index)"
+      >
+        {{ item.title }}
+      </a>
+      <span v-else @click="toSetScrollTop(index)">{{ item.title }}</span>
+    </li>
+  </ol>
+</template>
+
+<script>
+
+export default {
+  name: 'baseAnchor',
+  data() {
+    return {
+      active: 0,
+      _listenElement: null,
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.init()
+    })
+  },
+
+  beforeDestroy() {
+    this._listenElement?.removeEventListener('scroll', this.listenScroll)
+  },
+
+  props: {
+    listenElementId: {
+      //只接受id
+      type: String,
+    },
+    list: {
+      type: Array,
+    },
+    type: {
+      type: String,
+      default: 'page',
+    },
+  },
+  computed: {
+    currentPath() {
+      return this.$route.path
+    },
+  },
+  methods: {
+    init() {
+      let type = this.$props.type
+      if (type == 'page') {
+        this._listenElement = document.getElementsByClassName(
+            'layout-contnet',
+        )[0]
+        this._listenElement?.addEventListener('scroll', this.listenScroll)
+      } else {
+        this._listenElement = document.getElementById(
+            `${this.$props.listenElementId}`,
+        )
+        this.$nextTick(() => {
+          this._listenElement?.addEventListener('scroll', (e) => {
+            this.listenScroll(e)
+          })
+        })
+      }
+    },
+    aTagClick(index) {
+      this.active = index
+    },
+    listenScroll(e) {
+      if (this.$props.list.length <= 0) return
+      let type = this.$props.type
+      let scrollTop = e.target.scrollTop
+      for (let i = 0; i < this.$props.list.length; i++) {
+        let item = this.$props.list[i]
+        let node = null
+        // 类型
+        if (type == 'page') {
+          // page 代表是全局 监听 layout 的滚动
+          node = document.getElementById(item.id)
+        } else {
+          // 指定的容器
+          node = this._listenElement.querySelector(`#${item.id}`)
+        }
+        // 滑动到底部直接赋值
+        if (scrollTop + e.target.clientHeight >= e.target.scrollHeight - 5) {
+          this.active = this.$props.list.length - 1
+          break
+        }
+        // 如果循环到最后一个dom也直接赋值
+        if (i == this.$props.list.length - 1) {
+          this.active = i
+          break
+        } else {
+          let nextItem = this.$props.list[i + 1]
+          let nextNode = null
+          if (type == 'page') {
+            nextNode = document.getElementById(nextItem.id)
+          } else {
+            nextNode = this._listenElement.querySelector(`#${nextItem.id}`)
+          }
+          // 判单scrolltop是否小于下一个dom的高度
+          if (scrollTop < nextNode.offsetTop) {
+            this.active = i
+            break
+          }
+        }
+      }
+    },
+    toSetScrollTop(index) {
+      if (index == this.active) {
+        return
+      }
+      let id = this.$props.list[index].id
+      let dom = this._listenElement.querySelector(`#${id}`)
+      if (dom) {
+        dom.scrollIntoView(true)
+        setTimeout(() => {
+          this.aTagClick(index)
+        }, 10)
+      }
+    },
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.base-anchor-wrap {
+  width: auto;
+  height: auto;
+  overflow-y: auto;
+
+  .anchor-item-wrap {
+    padding-left: calc(var(--padding-4) * 2);
+    border-left: 2px solid var(--color-border);
+
+    a,
+    span {
+      display: inline-block;
+      color: var(--font-color-m);
+      margin: var(--margin-2) 0px;
+      font-size: var(--font-size-base);
+    }
+
+    span {
+      cursor: pointer;
+    }
+  }
+
+  .active {
+    border-left: 2px solid var(--color-primary);
+    color: var(--color-primary) !important;
+  }
+}
+</style>