💪 optimize: 优化引入顺序

src/components/knockGold/Dialog.jsx

@@ -1,12 +1,12 @@
-import { useState, useEffect, useRef } from "react"
-import "./index.less"
-import Ipt from "@/components/input/main"
-import Form from "@/components/form/main"
-import FormItem from "@/components/form-item/main"
-import rules from "./rules"
-import { cloneDeep } from "lodash-es"
-import { Button, Notify } from "zent"
 import { addFund, handelResponse } from "@/assets/api"
+import FormItem from "@/components/form-item/main"
+import Form from "@/components/form/main"
+import Ipt from "@/components/input/main"
+import { cloneDeep } from "lodash-es"
+import { useEffect, useRef, useState } from "react"
+import { Button, Notify } from "zent"
+import "./index.less"
+import rules from "./rules"
 export default ({ data, onChangeMoney }) => {
   const [stateData, setStateData] = useState({ addNew: "" })
   const [isCount, setIsCount] = useState(false)

src/components/knockGold/index.jsx

@@ -1,35 +1,35 @@
 /* 新增商品 */
-import { Component } from "react"
-import "./index.less"
-import Ipt from "@/components/input/main"
-import Form from "@/components/form/main"
+import { getVoucherWarningAccount, handelResponse } from "@/assets/api"
 import FormItem from "@/components/form-item/main"
-import rules from "./rules"
-import moment from "moment"
+import Form from "@/components/form/main"
+import Ipt from "@/components/input/main"
+import { divNum } from "@/tools/number"
 import { deWeightThree, timeDiff } from "@/tools/utils.js"
 import { isSameDay } from "date-fns"
-import { divNum } from "@/tools/number"
+import { isArray } from "lodash-es"
+import moment from "moment"
+import { Component } from "react"
 import {
-  Select,
   Button,
-  RadioButton,
-  RadioGroup,
+  Card,
   Checkbox,
   CheckboxGroup,
   DateRangePicker,
-  Radio,
-  Card,
   Dialog,
   Notify,
+  Radio,
+  RadioButton,
+  RadioGroup,
+  Select,
   Tag,
   TimeRangePicker
 } from "zent"
-import { isArray } from "lodash-es"
-import { getVoucherWarningAccount, handelResponse } from "@/assets/api"
 import AddNewDialog from "./Dialog"
+import "./index.less"
 import MobileComponent from "./mobileComponent"
-import YSFMobileComponent from "./ysf-mobileComponent"
+import rules from "./rules"
 import WangEditor from "./wangEditor"
+import YSFMobileComponent from "./ysf-mobileComponent"
 const cardTypeList = [
   { key: "1", text: "借记卡" },
   { key: "2", text: "信用卡" }

src/components/knockGold/mobileComponent.jsx

@@ -1,6 +1,6 @@
 import { Placeholder } from "zent"
-import TimeComponent from "./timeComponent"
 import "./index.less"
+import TimeComponent from "./timeComponent"
 const widths = [24, 100, 100, 100, 80, 24, 100, 100, 100, 80, 100, 100, 100, 80]
 export default ({ data }) => {
   /* 动态font */

src/components/knockGold/ysf-mobileComponent.jsx

@@ -1,5 +1,5 @@
-import "./index.less"
 import { Placeholder } from "zent"
+import "./index.less"
 import TimeComponent from "./timeComponent"
 const widths = [24, 100, 100, 100, 80, 100, 100, 100, 80, 100, 100, 100, 80, 100, 100, 100, 100]
 export default ({ data }) => {

src/components/redPackets/index.jsx

@@ -1,36 +1,35 @@
 /* 新增商品 */
-import { Component } from "react"
-import "./index.less"
-import { uuid } from "@/tools/utils.js"
-import Ipt from "@/components/input/main"
-import Form from "@/components/form/main"
+import { getVoucherWarningAccount, handelResponse } from "@/assets/api"
 import FormItem from "@/components/form-item/main"
-import rules, { additionalRules } from "./rules"
-import moment from "moment"
-import { deWeightThree } from "@/tools/utils.js"
+import Form from "@/components/form/main"
+import Ipt from "@/components/input/main"
+import { deWeightThree, uuid } from "@/tools/utils.js"
 import { isSameDay } from "date-fns"
+import { cloneDeep, isArray, omit } from "lodash-es"
+import moment from "moment"
+import { Component } from "react"
 import {
-  Select,
-  RadioButton,
-  RadioGroup,
+  BlockHeader,
+  Button,
+  Card,
   Checkbox,
   CheckboxGroup,
-  DateRangePicker,
-  Radio,
-  Card,
-  Notify,
-  Tag,
-  TimeRangePicker,
   DatePicker,
-  BlockHeader,
-  Button
+  DateRangePicker,
+  Notify,
+  Radio,
+  RadioButton,
+  RadioGroup,
+  Select,
+  Tag,
+  TimeRangePicker
 } from "zent"
-import { isArray, cloneDeep, omit } from "lodash-es"
-import { getVoucherWarningAccount, handelResponse } from "@/assets/api"
+import "./index.less"
 import MobileComponent from "./mobileComponent"
-import YSFMobileComponent from "./ysf-mobileComponent"
+import rules, { additionalRules } from "./rules"
+import { earlyPerList, model, receiveTypeList, week, ysf } from "./static"
 import WangEditor from "./wangEditor"
-import { receiveTypeList, week, earlyPerList, model, ysf } from "./static"
+import YSFMobileComponent from "./ysf-mobileComponent"
 const initArray = (targetNum) => {
   return Array.from({ length: targetNum }, (_, index) => index)
 }

src/components/redPackets/mobileComponent.jsx

@@ -1,5 +1,5 @@
-import "./index.less"
 import { Placeholder } from "zent"
+import "./index.less"
 import TimeComponent from "./timeComponent"
 const widths = [24, 100, 100, 100, 80, 100, 100, 100, 80, 100, 100, 100, 80, 100, 100, 100, 100]
 export default ({ data }) => {

src/pages/exchangecode/exchangecodeAdd/index.jsx

@@ -1,44 +1,44 @@
-import React from "react"
-import Ipt from "@/components/input/main"
-import Form from "@/components/form/main"
-import FormItem from "@/components/form-item/main"
-import { deWeightThree } from "@/tools/utils.js"
 import {
-  Card,
-  Radio,
-  Icon,
-  Drawer,
-  Select,
-  Button,
-  DateRangePicker,
-  Sweetalert,
-  RadioGroup,
-  Notify,
-  Input
-} from "zent"
-import Bus from "@/assets/eventBus.js"
-import {
-  getIsRequireApproval,
   getApprovalsStatus,
-  getReseller,
-  terminateApprovals,
-  handelResponse,
   getCodesDetail,
-  putCodesBatch,
+  getIsRequireApproval,
+  getReseller,
+  handelResponse,
   keyEditApproval,
+  putCodesBatch,
+  queryKeyBatch,
   queryPlans,
-  queryKeyBatch
+  terminateApprovals
 } from "@/assets/api.js"
-import { map, cloneDeep, forEach, omit, isEqual, differenceWith, filter } from "lodash-es"
+import Bus from "@/assets/eventBus.js"
 import ProductForm from "@/components/UseProductPop"
+import FormItem from "@/components/form-item/main"
+import Form from "@/components/form/main"
+import Grid from "@/components/gird/main.js"
+import Ipt from "@/components/input/main"
 import KnockGold from "@/components/knockGold" /* 立减金 */
 import RedPackets from "@/components/redPackets" /* 红包 */
-import "./index.less"
-import moment from "moment"
-import Grid from "@/components/gird/main.js"
-import { isSameDay } from "date-fns"
-import { Column2, rulesInfo, codeInfo, init, redPacketsDataFn, reductionFn } from "./utils.js"
 import { divNum } from "@/tools/number"
+import { deWeightThree } from "@/tools/utils.js"
+import { isSameDay } from "date-fns"
+import { cloneDeep, differenceWith, filter, forEach, isEqual, map, omit } from "lodash-es"
+import moment from "moment"
+import React from "react"
+import {
+  Button,
+  Card,
+  DateRangePicker,
+  Drawer,
+  Icon,
+  Input,
+  Notify,
+  Radio,
+  RadioGroup,
+  Select,
+  Sweetalert
+} from "zent"
+import "./index.less"
+import { Column2, codeInfo, init, redPacketsDataFn, reductionFn, rulesInfo } from "./utils.js"
 
 const initArray = (targetNum) => {
   return Array.from({ length: targetNum }, (_, index) => index)