t20-common-lib 0.9.14 → 0.10.0

package/package.json

@@ -1,86 +1,64 @@
-{
-  "name": "t20-common-lib",
-  "version": "0.9.14",
-  "description": "T20",
-  "private": false,
-  "main": "dist/index.js",
-  "module": "src/index.js",
-  "style": "dist/styles/index.css",
-  "files": [
-    "src",
-    "packages",
-    "style"
-  ],
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "lib": "vue-cli-service build --target lib --name t20-common-lib --dest dist src/index.js",
-    "docs:dev": "vuepress dev docs",
-    "docs:build": "vuepress build docs",
-    "prepublishOnly": "npm run lib && node ./scripts/record-version.js",
-    "clean": "rimraf dist"
-  },
-  "keywords": [
-    "vue",
-    "element-ui",
-    "t20-common-lib",
-    "store"
-  ],
-  "author": "liuzongxi",
-  "license": "MIT",
-  "dependencies": {
-    "core-js": "^2.6.12",
-    "dayjs": "^1.11.18",
-    "element-ui": "^2.15.13",
-    "lodash-es": "^4.17.21",
-    "normalize.css": "^8.0.1",
-    "vue": "^2.6.14",
-    "vue-server-renderer": "^2.6.14",
-    "vuex": "^3.6.2"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.28.4",
-    "@babel/preset-env": "^7.28.3",
-    "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
-    "@vue/babel-preset-jsx": "^1.4.0",
-    "@vue/cli-plugin-babel": "~4.5.19",
-    "@vue/cli-plugin-eslint": "~4.5.19",
-    "@vue/cli-service": "~4.5.19",
-    "@vue/component-compiler-utils": "^3.3.0",
-    "babel-eslint": "^10.1.0",
-    "babel-loader": "^10.0.0",
-    "babel-plugin-component": "^1.1.1",
-    "browserify-fs": "^1.0.0",
-    "cross-env": "^7.0.3",
-    "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^6.2.2",
-    "node-sass": "^4.14.1",
-    "os-browserify": "^0.3.0",
-    "path-browserify": "^1.0.1",
-    "postcss-loader": "^3.0.0",
-    "process": "^0.11.10",
-    "rimraf": "^3.0.2",
-    "sass-loader": "^8.0.2",
-    "vue-template-compiler": "^2.6.14"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "rules": {}
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ]
-}
+{
+  "name": "t20-common-lib",
+  "version": "0.10.0",
+  "description": "T20",
+  "private": false,
+  "main": "dist/index.js",
+  "module": "src/index.js",
+  "style": "dist/styles/index.css",
+  "files": [
+    "src",
+    "packages",
+    "style"
+  ],
+  "scripts": {
+    "prepublishOnly": "node ./scripts/record-version.js",
+    "clean": "rimraf dist"
+  },
+  "keywords": [
+    "t20-common-lib",
+    "store"
+  ],
+  "author": "liuzongxi",
+  "license": "MIT",
+  "dependencies": {
+    "core-js": "^2.6.12",
+    "dayjs": "^1.11.18",
+    "lodash-es": "^4.17.21",
+    "normalize.css": "^8.0.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.28.4",
+    "@babel/preset-env": "^7.28.3",
+    "babel-eslint": "^10.1.0",
+    "babel-loader": "^10.0.0",
+    "browserify-fs": "^1.0.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^6.7.2",
+    "os-browserify": "^0.3.0",
+    "path-browserify": "^1.0.1",
+    "postcss-loader": "^3.0.0",
+    "process": "^0.11.10",
+    "rimraf": "^3.0.2",
+    "sass": "^1.94.0",
+    "sass-loader": "^8.0.2"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

package/packages/branch-bank-select/index.js

@@ -1,8 +1,8 @@
-import BranchBankSelect from './src/main';
-
-/* istanbul ignore next */
-BranchBankSelect.install = function(Vue) {
-  Vue.component(BranchBankSelect.name, BranchBankSelect);
-};
-
-export default BranchBankSelect;
+import BranchBankSelect from './src/main';
+
+/* istanbul ignore next */
+BranchBankSelect.install = function(Vue) {
+  Vue.component(BranchBankSelect.name, BranchBankSelect);
+};
+
+export default BranchBankSelect;

package/packages/branch-bank-select/src/main.vue

@@ -1,180 +1,180 @@
-<template>
-  <el-select
-    v-model="branchBankNo"
-    v-select-lazy="lazyGet"
-    :multiple="multiple"
-    filterable
-    clearable
-    :filter-method="debouncedFilter"
-    popper-class="branchBankSelect"
-    @change="handleBranchChange"
-    @focus="handleFocus"
-    @clear="() => handleFilter('')"
-  >
-    <el-option
-      v-for="item in branchBankList"
-      :key="item.cnapsNo"
-      :label="item.branchBankName"
-      :value="item[valueKey]"
-    >
-      <slot name="option" :item="item">
-        <div class="flex-column flex-c" style="height: 100%">
-          <div style="line-height: 20px; font-weight: bold">
-            {{ item.branchBankName }}
-          </div>
-          <div style="line-height: 20px">{{ item.cnapsNo }}</div>
-        </div>
-      </slot>
-    </el-option>
-  </el-select>
-</template>
-
-<script>
-import { debounce } from 'lodash-es';
-
-export default {
-  name: "BranchBankSelect",
-  directives: {
-    'select-lazy': {
-      bind(el, binding) {
-        const dropdown = el.querySelector('.el-select-dropdown__wrap');
-        if (!dropdown) return;
-        
-        let maxMoveY = 0;
-        dropdown.addEventListener('scroll', function () {
-          if (this.scrollTop <= 20) {
-            maxMoveY = 0;
-          }
-          if (this.scrollTop > maxMoveY + 60 && this.scrollTop + this.clientHeight > this.scrollHeight - 60) {
-            maxMoveY = this.scrollTop;
-            binding.value();
-          }
-        });
-      }
-    }
-  },
-  props: {
-    value: {
-      type: [String, Number, Array, Object],
-      default: undefined
-    },
-    multiple: {
-      type: Boolean,
-      default: false,
-    },
-    bankCode: {
-      type: [String, Number, Array],
-      default: "",
-    },
-    valueKey: {
-      type: String,
-      default: "cnapsNo",
-    },
-    requestFn: {
-      type: Function,
-      required: true
-    }
-  },
-  data() {
-    return {
-      branchBankNo: this.value,
-      branchBankList: [],
-      page: {
-        current: 1,
-        size: 20,
-        key: "",
-        hasMore: true,
-      }
-    };
-  },
-  watch: {
-    value(newVal) {
-      this.branchBankNo = newVal;
-    },
-    bankCode: {
-      immediate: true,
-      handler() {
-        this.resetAndFetch();
-      },
-    },
-  },
-  created() {
-    this.debouncedFilter = debounce(this.handleFilter, 300);
-  },
-  mounted() {
-    this.fetchBranchData(true);
-  },
-  methods: {
-    lazyGet() {
-      if (this.page.hasMore) {
-        this.page.current++;
-        this.fetchBranchData();
-      }
-    },
-    async fetchBranchData(isInitial = false) {
-      if (!this.page.hasMore) return;
-      if (typeof this.requestFn !== 'function') {
-        console.error("requestFn prop must be a function.");
-        return;
-      }
-
-      const params = {
-        "page.size": this.page.size,
-        "page.current": this.page.current,
-        key: this.page.key,
-        isDomestic: 1,
-      };
-
-      if (Array.isArray(this.bankCode) && this.bankCode.length > 0) {
-        params.bankNoList = this.bankCode;
-      } else if (this.bankCode) {
-        params.bankNo = this.bankCode;
-      }
-
-      try {
-        const { data = [] } = await this.requestFn(params);
-        if (isInitial) {
-          this.branchBankList = data;
-        } else {
-          this.branchBankList = this.branchBankList.concat(data);
-        }
-        this.page.hasMore = data.length === this.page.size;
-      } catch (error) {
-        console.error("Failed to fetch branch data:", error);
-      } 
-    },
-    handleFilter(val) {
-      this.page.key = val;
-      this.page.current = 1;
-      this.page.hasMore = true;
-      this.fetchBranchData(true);
-    },
-    resetAndFetch() {
-      this.branchBankList = [];
-      this.page.current = 1;
-      this.page.key = "";
-      this.page.hasMore = true;
-      this.branchBankNo = this.multiple ? [] : "";
-      this.fetchBranchData(true);
-    },
-    handleBranchChange(val) {
-      this.$emit('input', val);
-      this.$emit("canGetData", val);
-    },
-    handleFocus() {
-      if (!this.page.key && this.branchBankList.length === 0) {
-        this.handleFilter('');
-      }
-    }
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.branchBankSelect {
-  .el-select-dropdown__item {
-    height: 52px !important;
-    line-height: 52px !important;
-  }
-}
+<template>
+  <el-select
+    v-model="branchBankNo"
+    v-select-lazy="lazyGet"
+    :multiple="multiple"
+    filterable
+    clearable
+    :filter-method="debouncedFilter"
+    popper-class="branchBankSelect"
+    @change="handleBranchChange"
+    @focus="handleFocus"
+    @clear="() => handleFilter('')"
+  >
+    <el-option
+      v-for="item in branchBankList"
+      :key="item.cnapsNo"
+      :label="item.branchBankName"
+      :value="item[valueKey]"
+    >
+      <slot name="option" :item="item">
+        <div class="flex-column flex-c" style="height: 100%">
+          <div style="line-height: 20px; font-weight: bold">
+            {{ item.branchBankName }}
+          </div>
+          <div style="line-height: 20px">{{ item.cnapsNo }}</div>
+        </div>
+      </slot>
+    </el-option>
+  </el-select>
+</template>
+
+<script>
+import { debounce } from 'lodash-es';
+
+export default {
+  name: "BranchBankSelect",
+  directives: {
+    'select-lazy': {
+      bind(el, binding) {
+        const dropdown = el.querySelector('.el-select-dropdown__wrap');
+        if (!dropdown) return;
+        
+        let maxMoveY = 0;
+        dropdown.addEventListener('scroll', function () {
+          if (this.scrollTop <= 20) {
+            maxMoveY = 0;
+          }
+          if (this.scrollTop > maxMoveY + 60 && this.scrollTop + this.clientHeight > this.scrollHeight - 60) {
+            maxMoveY = this.scrollTop;
+            binding.value();
+          }
+        });
+      }
+    }
+  },
+  props: {
+    value: {
+      type: [String, Number, Array, Object],
+      default: undefined
+    },
+    multiple: {
+      type: Boolean,
+      default: false,
+    },
+    bankCode: {
+      type: [String, Number, Array],
+      default: "",
+    },
+    valueKey: {
+      type: String,
+      default: "cnapsNo",
+    },
+    requestFn: {
+      type: Function,
+      required: true
+    }
+  },
+  data() {
+    return {
+      branchBankNo: this.value,
+      branchBankList: [],
+      page: {
+        current: 1,
+        size: 20,
+        key: "",
+        hasMore: true,
+      }
+    };
+  },
+  watch: {
+    value(newVal) {
+      this.branchBankNo = newVal;
+    },
+    bankCode: {
+      immediate: true,
+      handler() {
+        this.resetAndFetch();
+      },
+    },
+  },
+  created() {
+    this.debouncedFilter = debounce(this.handleFilter, 300);
+  },
+  mounted() {
+    this.fetchBranchData(true);
+  },
+  methods: {
+    lazyGet() {
+      if (this.page.hasMore) {
+        this.page.current++;
+        this.fetchBranchData();
+      }
+    },
+    async fetchBranchData(isInitial = false) {
+      if (!this.page.hasMore) return;
+      if (typeof this.requestFn !== 'function') {
+        console.error("requestFn prop must be a function.");
+        return;
+      }
+
+      const params = {
+        "page.size": this.page.size,
+        "page.current": this.page.current,
+        key: this.page.key,
+        isDomestic: 1,
+      };
+
+      if (Array.isArray(this.bankCode) && this.bankCode.length > 0) {
+        params.bankNoList = this.bankCode;
+      } else if (this.bankCode) {
+        params.bankNo = this.bankCode;
+      }
+
+      try {
+        const { data = [] } = await this.requestFn(params);
+        if (isInitial) {
+          this.branchBankList = data;
+        } else {
+          this.branchBankList = this.branchBankList.concat(data);
+        }
+        this.page.hasMore = data.length === this.page.size;
+      } catch (error) {
+        console.error("Failed to fetch branch data:", error);
+      } 
+    },
+    handleFilter(val) {
+      this.page.key = val;
+      this.page.current = 1;
+      this.page.hasMore = true;
+      this.fetchBranchData(true);
+    },
+    resetAndFetch() {
+      this.branchBankList = [];
+      this.page.current = 1;
+      this.page.key = "";
+      this.page.hasMore = true;
+      this.branchBankNo = this.multiple ? [] : "";
+      this.fetchBranchData(true);
+    },
+    handleBranchChange(val) {
+      this.$emit('input', val);
+      this.$emit("canGetData", val);
+    },
+    handleFocus() {
+      if (!this.page.key && this.branchBankList.length === 0) {
+        this.handleFilter('');
+      }
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.branchBankSelect {
+  .el-select-dropdown__item {
+    height: 52px !important;
+    line-height: 52px !important;
+  }
+}
 </style>

package/packages/common-collapse/index.js

@@ -1,8 +1,8 @@
-import CommonCollapse from './src/main';
-
-/* istanbul ignore next */
-CommonCollapse.install = function(Vue) {
-  Vue.component(CommonCollapse.name, CommonCollapse);
-};
-
-export default CommonCollapse;
+import CommonCollapse from './src/main';
+
+/* istanbul ignore next */
+CommonCollapse.install = function(Vue) {
+  Vue.component(CommonCollapse.name, CommonCollapse);
+};
+
+export default CommonCollapse;