bxs-tools-ui 2.0.7 → 3.0.0-1

package/package.json

@@ -1,28 +1,33 @@
 {
   "name": "bxs-tools-ui",
-  "version": "2.0.7",
+  "version": "3.0.0-1",
   "description": "微易前端业务组件",
   "main": "lib/index.js",
+  "module": "es/index.js",
   "files": [
+    "es",
     "lib",
     "packages",
     "src"
   ],
   "scripts": {
-    "create": "node build/node.copy.demo.js",
-    "init": "node build/node.docs.config.js && node build/node.src.index.js",
-    "dev": "webpack-dev-server --progress --config build/webpack.dev.js",
-    "build:prod": "webpack -p --progress --config build/webpack.prod.js",
-    "docs": "webpack -p --progress --config build/webpack.docs.js",
-    "build:component": "webpack -p --progress --config build/webpack.component.js",
-    "build": "npm run init && npm run docs && npm run build:prod && npm run build:component",
+    "init:webpack": "node build/node.docs.config.js && node build/node.src.index.js",
+    "dev:webpack": "webpack-dev-server --progress --config build/webpack.dev.js",
+    "build:webpack:prod": "webpack -p --progress --config build/webpack.prod.js",
+    "docs:webpack": "webpack -p --progress --config build/webpack.docs.js",
+    "build:webpack:component": "webpack -p --progress --config build/webpack.component.js",
+    "build:webpack": "npm run init:webpack && npm run docs:webpack && npm run build:webpack:prod && npm run build:webpack:component",
+    "init": "sh rollup/auto.create.entry.file",
+    "dev": "npm run init && rollup -c rollup/rollup.dev.js -w",
+    "build": "npm run init && rollup -c rollup/rollup.prod.js",
     "test": "echo \"Error: no test specified\" && exit 1",
     "eslint:fix": "eslint --fix '{src,packages,docs}/**/*.{js,vue,ts}'",
     "precommit": "lint-staged",
     "prettier": "prettier --write '{src,packages}/**/*.{js,vue}'",
-    "jsdoc2md": "node build/jsdoc2md.js",
     "ts": "tsc --noEmit -w",
-    "release": "bash build/release.sh"
+    "create": "node build/node.copy.demo.js",
+    "jsdoc2md": "node build/jsdoc2md.js",
+    "changelog": "standard-version"
   },
   "lint-staged": {
     "{src,packages}/**/*.{js,vue}": [
@@ -45,25 +50,38 @@
   "devDependencies": {
     "@babel/core": "^7.16.0",
     "@babel/plugin-proposal-class-properties": "^7.10.4",
+    "@babel/plugin-proposal-decorators": "^7.28.0",
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-    "@babel/plugin-transform-runtime": "^7.12.1",
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
+    "@babel/plugin-transform-optional-chaining": "^7.27.1",
+    "@babel/plugin-transform-runtime": "^7.28.0",
     "@babel/preset-env": "^7.16.0",
     "@babel/preset-typescript": "^7.10.4",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@commitlint/parse": "^19.0.3",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-eslint": "^9.0.5",
+    "@rollup/plugin-html": "^1.1.0",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-typescript": "^12.1.4",
     "@types/vue": "^2.0.0",
     "@typescript-eslint/eslint-plugin": "^2.34.0",
     "@typescript-eslint/parser": "^2.34.0",
     "@vant/doc": "^2.3.6",
     "@vant/touch-emulator": "^1.0.0",
+    "@vue/compiler-sfc": "^3.5.17",
     "@vue/eslint-config-typescript": "^5.0.1",
     "autoprefixer": "^9.6.1",
     "babel-loader": "^8.0.6",
     "babel-plugin-component": "^1.1.1",
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-env": "^1.7.0",
-    "bxs-ui-vue": "^3.5.9",
+    "buble": "^0.20.0",
     "crypto": "^1.0.1",
     "crypto-js": "^3.1.9-1",
     "css-loader": "^3.1.0",
@@ -89,6 +107,15 @@
     "prettier": "^1.18.2",
     "pretty-error": "^2.1.1",
     "progress-bar-webpack-plugin": "^1.12.1",
+    "rollup": "^4.45.0",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-livereload": "^2.0.5",
+    "rollup-plugin-md": "^1.0.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-serve": "^3.0.0",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "rollup-plugin-vue": "^5.1.9",
+    "selfsigned": "^2.4.1",
     "standard-version": "^9.5.0",
     "style-loader": "^0.23.1",
     "stylelint": "^10.1.0",
@@ -102,24 +129,26 @@
     "tslint-loader": "^3.5.4",
     "typescript": "^4.5.0",
     "vconsole": "^3.15.0",
-    "vue": "^2.6.12",
     "vue-json-tree": "^0.4.3",
     "vue-loader": "^15.7.1",
     "vue-md-loader": "^1.1.10",
     "vue-router": "^3.0.7",
-    "vue-template-compiler": "^2.6.12",
+    "vue-template-compiler": "2.6.14",
     "webpack": "^4.38.0",
     "webpack-bundle-analyzer": "^4.1.0",
     "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.11.2"
+    "webpack-dev-server": "^3.11.2",
+    "vue-class-component": "^7.2.1",
+    "vue-property-decorator": "^8.3.0"
   },
   "dependencies": {
+    "@babel/runtime": "^7.27.6",
     "axios": "^0.20.0",
-    "lodash": "^4.17.21",
-    "vue-class-component": "^7.2.1",
-    "vue-property-decorator": "^8.3.0"
+    "bxs-ui-vue": "^4.2.1",
+    "lodash": "^4.17.21"
   },
   "peerDependencies": {
+    "vue": "2.6.14",
     "vant": "^2.13.2"
   },
   "browserslist": [

package/packages/add-and-take/components/interest-form.css

@@ -7,6 +7,7 @@
 
 	& .bxt_aatif_adjust {
 		padding: 0 16px;
+		box-sizing: border-box;
 
 		& table {
 			width: 100%;
@@ -18,7 +19,7 @@
 
 			& tr {
 				& td {
-					min-width: 40px;
+					min-width: 32px;
 					padding: 6px;
 					border-bottom: 1px solid white;
 					border-left: 1px solid white;
@@ -29,7 +30,7 @@
 
 				& td:nth-child(1),
 				& td:nth-child(2) {
-					width: 40px;
+					width: 32px;
 				}
 
 				& td:nth-child(3),
@@ -39,7 +40,7 @@
 				}
 
 				& td:last-child {
-					width: 40px;
+					width: 32px;
 					border-right: 1px solid white;
 				}
 			}

package/packages/add-and-take/components/interest-form.vue

@@ -4,11 +4,7 @@
       <table>
         <tr v-for="item in adjustData" :key="JSON.stringify(item)">
           <template v-for="key in ['index', 'typeName', 'age', 'baof', 'purpose', 'operate']">
-            <td
-              v-if="key === 'operate' && item[key] === 'delete'"
-              :key="JSON.stringify(item) + key"
-              @click="deleteAdjustData(item)"
-            >
+            <td v-if="key === 'operate' && item[key] === 'delete'" :key="JSON.stringify(item) + key" @click="deleteAdjustData(item)">
               <van-icon name="delete-o" :size="16" />
             </td>
             <td v-else :key="JSON.stringify(item) + key">
@@ -63,16 +59,12 @@
       </div>
 
       <div v-if="['take'].includes(formValues.type)" class="bxt_aatif_form_item purpose">
-        <van-field label="用途" autocomplete="off">
-          <template #extra>
-            <CommonRadio v-model="formValues.purpose" name="purpose" :options="PURPOSE_OPTIONS" />
-          </template>
-        </van-field>
-
+        <CommonRadio v-model="formValues.purpose" name="purpose" label="用途" :options="PURPOSE_OPTIONS" border input-align="right" />
         <van-field
           v-if="formValues.purpose === ''"
           v-model="formValues.customPurpose"
           class="bxt_custom_purpose"
+          name="customPurpose"
           label=" "
           placeholder="请输入，5个字以内"
           :maxlength="5"
@@ -120,10 +112,11 @@
 
 <script>
 import { get as _get, cloneDeep } from 'lodash';
-import { Icon, Toast } from 'vant';
+import { Toast, Icon } from 'vant';
 import { formatNumberToThousand } from 'packages/bxs-utils/planbook/index';
 import { PURPOSE_OPTIONS } from '../constant';
-import CommonRadio from 'packages/components/common-radio.vue';
+import CommonRadio from '@src/components/common/common-radio.vue';
+import './interest-form.css';
 
 function initPickerConfig() {
   return {
@@ -142,8 +135,8 @@ export default {
     }
   },
   components: {
-    CommonRadio,
-    VanIcon: Icon
+    [Icon.name]: Icon,
+    CommonRadio
   },
   props: {
     type: String,
@@ -355,11 +348,7 @@ export default {
           const maxAvailableAmount1 = remainderNum / willTakeCoefficient;
           // 最大可领取金额2：当前领取期间内的最大可领取值 - 当前年度已领取的金额
           const maxAvailableAmount2 = drawMaxValue ? drawMaxValue - currentYearHadReduceAmount : Infinity;
-          maxAvailableAmount = Math.min.apply(null, [
-            maxAvailableAmount === null ? Infinity : maxAvailableAmount,
-            maxAvailableAmount1,
-            maxAvailableAmount2
-          ]);
+          maxAvailableAmount = Math.min.apply(null, [maxAvailableAmount === null ? Infinity : maxAvailableAmount, maxAvailableAmount1, maxAvailableAmount2]);
         }
       }
       return maxAvailableAmount === null ? null : Math.max(0, Math.floor(Number(maxAvailableAmount.toFixed(6))));
@@ -423,11 +412,7 @@ export default {
             });
             maxAvailableAmount2 = takeMaxValues[beginYear - 1] - beginYearAdjustbaof;
           }
-          maxAvailableAmount = Math.min.apply(null, [
-            maxAvailableAmount === null ? Infinity : maxAvailableAmount,
-            maxAvailableAmount1,
-            maxAvailableAmount2
-          ]);
+          maxAvailableAmount = Math.min.apply(null, [maxAvailableAmount === null ? Infinity : maxAvailableAmount, maxAvailableAmount1, maxAvailableAmount2]);
         }
       }
       return maxAvailableAmount === null ? null : Math.max(0, Math.floor(Number(maxAvailableAmount.toFixed(6))));
@@ -482,15 +467,7 @@ export default {
       }
     },
     getBeginYearOptions() {
-      const {
-        type,
-        addAndTakeRecordData,
-        minTakeYear,
-        insuredAge,
-        interestInitData,
-        addAndTakeDetailData,
-        formValues
-      } = this;
+      const { type, addAndTakeRecordData, minTakeYear, insuredAge, interestInitData, addAndTakeDetailData, formValues } = this;
       const options = [];
       if (interestInitData && addAndTakeDetailData) {
         const { startPolicyNo, startIndex } = interestInitData;
@@ -591,8 +568,6 @@ export default {
 </script>
 
 <style>
-@import './interest-form.css';
-
 .aat_interest_form .aatif_add_button .add-disabled {
   border: 0.0625rem solid transparent;
   background: rgba(2, 92, 234, 0.3);

package/packages/add-and-take/components/interest-items.css

@@ -30,7 +30,7 @@
 				& > span {
 					display: inline-block;
 					width: 42%;
-					margin: 0 9px 12px 0;
+					margin: 0 9px 9px 0;
 					padding: 3px 6px;
 					text-align: center;
 					border-radius: 50px;

package/packages/add-and-take/components/interest-table.css

@@ -1,115 +1,68 @@
 @import 'color.css';
 
 .bxt_aat_interest_table {
-	& .bxt_aatit_content {
+	& table {
 		width: 100%;
-		font-size: 0;
+		table-layout: fixed;
+		border-collapse: collapse;
+		border-spacing: 0;
+		font-size: 12px;
 		color: var(--color-text-primary);
-		white-space: nowrap;
+		text-align: left;
 
-		& .bxt_aatit_content_left,
-		& .bxt_aatit_content_right {
-			display: inline-block;
-			width: 18%;
-			font-size: 12px;
-			vertical-align: top;
-			text-align: left;
+		& tr {
+			& td {
+				padding: 6px;
+				border: 1px solid var(--color-line-split);
 
-			& .bxt_aatit_content_record {
-				display: flex;
-				height: 32px;
-				line-height: 32px;
-				white-space: nowrap;
-
-				& .bxt_aatit_content_cell {
+				& .bxt_aatit_purpose {
 					display: inline-block;
-					flex: 1;
-					padding: 0 6px;
-					overflow: hidden;
+					margin-left: 2px;
+					padding: 2px 2px;
+					line-height: 100%;
+					color: var(--color-primary);
+					border-radius: 2px;
+					background: rgba(10, 100, 254, 0.1);
+					transform: scale(0.8333);
+					transform-origin: left center;
 					white-space: nowrap;
-					box-sizing: border-box;
-					border-right: 1px solid var(--color-line-split);
-					border-bottom: 1px solid var(--color-line-split);
 				}
 			}
 
-			& .bxt_aatit_content_record:first-child {
-				line-height: 14px;
-				height: auto;
-				min-height: 32px;
-
-				& .bxt_aatit_content_cell {
-					display: flex;
-					align-items: center;
-					justify-content: center;
-					height: auto;
-					padding: 6px;
-					white-space: normal;
-					background: #f2f3f5;
-					border-color: white;
-
-					& span {
-						text-align: center;
-					}
-				}
+			& td:nth-child(1),
+			& td:nth-child(2) {
+				width: 1.8em;
+				color: var(--color-text-patch);
+				text-align: center;
 			}
-		}
 
-		& .bxt_aatit_content_left {
-			overflow: hidden;
+			& td:nth-child(3),
+			& td:nth-child(4) {
+				width: 5.5em;
+			}
 
-			& .bxt_aatit_content_record {
-				& .bxt_aatit_content_cell {
-					width: 50%;
-					text-align: center;
-					color: var(--color-text-patch);
-				}
+			& td.edit {
+				color: var(--color-primary);
+				text-decoration: underline;
+			}
 
-				& .bxt_aatit_content_cell:first-child {
-					border-left: 1px solid var(--color-line-split);
-				}
+			& td.disabled {
+				color: var(--color-text-disabled);
+				text-decoration: none;
 			}
 		}
 
-		& .bxt_aatit_content_right {
-			width: 82%;
-			min-height: 0;
-			overflow: hidden;
-
-			& .bxt_aatit_content_record {
-				& .bxt_aatit_content_cell {
-					font-weight: bold;
-					font-weight: 500;
-				}
-
-				& .bxt_aatit_content_cell.disabled {
-					color: var(--color-text-patch);
-				}
-
-				& .bxt_aatit_content_cell.zero {
-					& span:nth-child(1) {
-						color: var(--color-text-patch);
-					}
-				}
-
-				& .bxt_aatit_content_cell.purpose {
-					& span {
-						vertical-align: middle;
-					}
-
-					& span:nth-child(2) {
-						display: inline-block;
-						margin-left: 2px;
-						padding: 2px 2px;
-						font-size: 12px;
-						line-height: 100%;
-						color: var(--color-primary);
-						border-radius: 2px;
-						background: rgba(10, 100, 254, 0.1);
-						transform: scale(0.8333);
-						transform-origin: left center;
-					}
-				}
+		& tr:first-child {
+			position: sticky;
+			top: 0;
+			z-index: 1;
+			will-change: scroll-position;
+
+			& td {
+				font-weight: bold;
+				text-align: center;
+				background-color: #f2f3f5;
+				border: 0;
 			}
 		}
 	}