@vtx/components 3.0.0-0 → 3.0.0

package/lib/vtx-form-layout/Row.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _row = _interopRequireDefault(require("antd/es/row"));
+var _row = _interopRequireDefault(require("antd/lib/row"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 

package/lib/vtx-form-layout/Row.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-form-layout/Row.js"],"names":["FormRow","props","children","propTypes","PropTypes","node"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;AACpB,sBAAO,gCAAC,eAAD,EAASA,KAAT,EAAiBA,KAAK,CAACC,QAAvB,CAAP;AACH;;AAEDF,OAAO,CAACG,SAAR,GAAoB;AAAED,EAAAA,QAAQ,EAAEE,sBAAUC;AAAtB,CAApB;eAEeL,O","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Row from 'antd/es/row';\n\nfunction FormRow(props) {\n    return <Row {...props}>{props.children}</Row>;\n}\n\nFormRow.propTypes = { children: PropTypes.node };\n\nexport default FormRow;\n"],"file":"Row.js"}
+{"version":3,"sources":["vtx-form-layout/Row.js"],"names":["FormRow","props","children","propTypes","PropTypes","node"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;AACpB,sBAAO,gCAAC,eAAD,EAASA,KAAT,EAAiBA,KAAK,CAACC,QAAvB,CAAP;AACH;;AAEDF,OAAO,CAACG,SAAR,GAAoB;AAAED,EAAAA,QAAQ,EAAEE,sBAAUC;AAAtB,CAApB;eAEeL,O","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Row from 'antd/lib/row';\n\nfunction FormRow(props) {\n    return <Row {...props}>{props.children}</Row>;\n}\n\nFormRow.propTypes = { children: PropTypes.node };\n\nexport default FormRow;\n"],"file":"Row.js"}

package/lib/vtx-form-layout/index.js

@@ -13,7 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _lodash = _interopRequireDefault(require("lodash.merge"));
 
-var _skeleton = _interopRequireDefault(require("antd/es/skeleton"));
+var _skeleton = _interopRequireDefault(require("antd/lib/skeleton"));
 
 var _Row = _interopRequireDefault(require("./Row"));
 

package/lib/vtx-form-layout/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-form-layout/index.jsx"],"names":["VtxFormLayout","props","cols","labelColSpan","mode","layout","card","skeleton","store","defaultSkeleton","loading","title","paragraph","width","rows","children","propTypes","PropTypes","number","oneOf","node","bool","object","Row","FormItem","Card","Pane","Divider"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,SAASA,aAAT,CAAuBC,KAAvB,EAA8B;AAC1B,oBAAkFA,KAAlF,CAAQC,IAAR;AAAA,MAAQA,IAAR,4BAAe,CAAf;AAAA,4BAAkFD,KAAlF,CAAkBE,YAAlB;AAAA,MAAkBA,YAAlB,oCAAiC,CAAjC;AAAA,MAAoCC,IAApC,GAAkFH,KAAlF,CAAoCG,IAApC;AAAA,sBAAkFH,KAAlF,CAA0CI,MAA1C;AAAA,MAA0CA,MAA1C,8BAAmD,UAAnD;AAAA,MAA+DC,IAA/D,GAAkFL,KAAlF,CAA+DK,IAA/D;AAAA,MAAqEC,QAArE,GAAkFN,KAAlF,CAAqEM,QAArE;AACA,MAAMC,KAAK,GAAG;AACVN,IAAAA,IAAI,EAAJA,IADU;AAEVC,IAAAA,YAAY,EAAZA,YAFU;AAGVC,IAAAA,IAAI,EAAJA,IAHU;AAIVC,IAAAA,MAAM,EAANA;AAJU,GAAd;AAMA,MAAMI,eAAe,GAAG;AACpBC,IAAAA,OAAO,EAAE,KADW;AAEpBC,IAAAA,KAAK,EAAE,KAFa;AAGpBC,IAAAA,SAAS,EAAE;AACPC,MAAAA,KAAK,EAAE,MADA;AAEPC,MAAAA,IAAI,EAAE;AAFC;AAHS,GAAxB;AAQA,sBACI,gCAAC,iBAAD,CAAU,QAAV;AAAmB,IAAA,KAAK,EAAEN;AAA1B,kBACI;AACI,IAAA,SAAS,EAAE,4BAAW,iBAAX,EAA8B;AACrC,kCAA4BH,MAAM,KAAK,UAAX,IAAyBD,IAAI,KAAK,MADzB;AAErC,8BAAwBA,IAAI,KAAK,MAFI;AAGrC,kCAA4BE;AAHS,KAA9B;AADf,kBAOI,gCAAC,oBAAD,EAAc,wBAAMG,eAAN,EAAuBF,QAAvB,CAAd,EAAiDN,KAAK,CAACc,QAAvD,CAPJ,CADJ,CADJ;AAaH;;AAEDf,aAAa,CAACgB,SAAd,GAA0B;AACtBd,EAAAA,IAAI,EAAEe,sBAAUC,MADM;AAEtBf,EAAAA,YAAY,EAAEc,sBAAUC,MAFF;AAGtBd,EAAAA,IAAI,EAAEa,sBAAUE,KAAV,CAAgB,CAAC,MAAD,CAAhB,CAHgB;AAItBd,EAAAA,MAAM,EAAEY,sBAAUE,KAAV,CAAgB,CAAC,YAAD,EAAe,UAAf,CAAhB,CAJc;AAKtBJ,EAAAA,QAAQ,EAAEE,sBAAUG,IALE;AAMtBd,EAAAA,IAAI,EAAEW,sBAAUI,IANM;AAOtBd,EAAAA,QAAQ,EAAEU,sBAAUK;AAPE,CAA1B;AAUAtB,aAAa,CAACuB,GAAd,GAAoBA,eAApB;AACAvB,aAAa,CAACwB,QAAd,GAAyBA,oBAAzB;AACAxB,aAAa,CAACyB,IAAd,GAAqBA,gBAArB;AACAzB,aAAa,CAAC0B,IAAd,GAAqBA,gBAArB;AACA1B,aAAa,CAAC2B,OAAd,GAAwBA,mBAAxB;eAEe3B,a","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport merge from 'lodash.merge';\nimport Skeleton from 'antd/es/skeleton';\nimport Row from './Row';\nimport FormItem from './FormItem';\nimport Card from './Card';\nimport Pane from './Pane';\nimport Divider from './Divider';\nimport { StoreCtx } from './context';\n\nfunction VtxFormLayout(props) {\n    const { cols = 2, labelColSpan = 8, mode, layout = 'vertical', card, skeleton } = props;\n    const store = {\n        cols,\n        labelColSpan,\n        mode,\n        layout,\n    };\n    const defaultSkeleton = {\n        loading: false,\n        title: false,\n        paragraph: {\n            width: '100%',\n            rows: 4,\n        },\n    };\n    return (\n        <StoreCtx.Provider value={store}>\n            <div\n                className={classnames('vtx-form-layout', {\n                    'vtx-form-layout-vertical': layout === 'vertical' && mode !== 'view',\n                    'vtx-form-layout-view': mode === 'view',\n                    'vtx-form-layout-has-card': card,\n                })}\n            >\n                <Skeleton {...merge(defaultSkeleton, skeleton)}>{props.children}</Skeleton>\n            </div>\n        </StoreCtx.Provider>\n    );\n}\n\nVtxFormLayout.propTypes = {\n    cols: PropTypes.number,\n    labelColSpan: PropTypes.number,\n    mode: PropTypes.oneOf(['view']),\n    layout: PropTypes.oneOf(['horizontal', 'vertical']),\n    children: PropTypes.node,\n    card: PropTypes.bool,\n    skeleton: PropTypes.object,\n};\n\nVtxFormLayout.Row = Row;\nVtxFormLayout.FormItem = FormItem;\nVtxFormLayout.Card = Card;\nVtxFormLayout.Pane = Pane;\nVtxFormLayout.Divider = Divider;\n\nexport default VtxFormLayout;\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-form-layout/index.jsx"],"names":["VtxFormLayout","props","cols","labelColSpan","mode","layout","card","skeleton","store","defaultSkeleton","loading","title","paragraph","width","rows","children","propTypes","PropTypes","number","oneOf","node","bool","object","Row","FormItem","Card","Pane","Divider"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,SAASA,aAAT,CAAuBC,KAAvB,EAA8B;AAC1B,oBAAkFA,KAAlF,CAAQC,IAAR;AAAA,MAAQA,IAAR,4BAAe,CAAf;AAAA,4BAAkFD,KAAlF,CAAkBE,YAAlB;AAAA,MAAkBA,YAAlB,oCAAiC,CAAjC;AAAA,MAAoCC,IAApC,GAAkFH,KAAlF,CAAoCG,IAApC;AAAA,sBAAkFH,KAAlF,CAA0CI,MAA1C;AAAA,MAA0CA,MAA1C,8BAAmD,UAAnD;AAAA,MAA+DC,IAA/D,GAAkFL,KAAlF,CAA+DK,IAA/D;AAAA,MAAqEC,QAArE,GAAkFN,KAAlF,CAAqEM,QAArE;AACA,MAAMC,KAAK,GAAG;AACVN,IAAAA,IAAI,EAAJA,IADU;AAEVC,IAAAA,YAAY,EAAZA,YAFU;AAGVC,IAAAA,IAAI,EAAJA,IAHU;AAIVC,IAAAA,MAAM,EAANA;AAJU,GAAd;AAMA,MAAMI,eAAe,GAAG;AACpBC,IAAAA,OAAO,EAAE,KADW;AAEpBC,IAAAA,KAAK,EAAE,KAFa;AAGpBC,IAAAA,SAAS,EAAE;AACPC,MAAAA,KAAK,EAAE,MADA;AAEPC,MAAAA,IAAI,EAAE;AAFC;AAHS,GAAxB;AAQA,sBACI,gCAAC,iBAAD,CAAU,QAAV;AAAmB,IAAA,KAAK,EAAEN;AAA1B,kBACI;AACI,IAAA,SAAS,EAAE,4BAAW,iBAAX,EAA8B;AACrC,kCAA4BH,MAAM,KAAK,UAAX,IAAyBD,IAAI,KAAK,MADzB;AAErC,8BAAwBA,IAAI,KAAK,MAFI;AAGrC,kCAA4BE;AAHS,KAA9B;AADf,kBAOI,gCAAC,oBAAD,EAAc,wBAAMG,eAAN,EAAuBF,QAAvB,CAAd,EAAiDN,KAAK,CAACc,QAAvD,CAPJ,CADJ,CADJ;AAaH;;AAEDf,aAAa,CAACgB,SAAd,GAA0B;AACtBd,EAAAA,IAAI,EAAEe,sBAAUC,MADM;AAEtBf,EAAAA,YAAY,EAAEc,sBAAUC,MAFF;AAGtBd,EAAAA,IAAI,EAAEa,sBAAUE,KAAV,CAAgB,CAAC,MAAD,CAAhB,CAHgB;AAItBd,EAAAA,MAAM,EAAEY,sBAAUE,KAAV,CAAgB,CAAC,YAAD,EAAe,UAAf,CAAhB,CAJc;AAKtBJ,EAAAA,QAAQ,EAAEE,sBAAUG,IALE;AAMtBd,EAAAA,IAAI,EAAEW,sBAAUI,IANM;AAOtBd,EAAAA,QAAQ,EAAEU,sBAAUK;AAPE,CAA1B;AAUAtB,aAAa,CAACuB,GAAd,GAAoBA,eAApB;AACAvB,aAAa,CAACwB,QAAd,GAAyBA,oBAAzB;AACAxB,aAAa,CAACyB,IAAd,GAAqBA,gBAArB;AACAzB,aAAa,CAAC0B,IAAd,GAAqBA,gBAArB;AACA1B,aAAa,CAAC2B,OAAd,GAAwBA,mBAAxB;eAEe3B,a","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport merge from 'lodash.merge';\nimport Skeleton from 'antd/lib/skeleton';\nimport Row from './Row';\nimport FormItem from './FormItem';\nimport Card from './Card';\nimport Pane from './Pane';\nimport Divider from './Divider';\nimport { StoreCtx } from './context';\n\nfunction VtxFormLayout(props) {\n    const { cols = 2, labelColSpan = 8, mode, layout = 'vertical', card, skeleton } = props;\n    const store = {\n        cols,\n        labelColSpan,\n        mode,\n        layout,\n    };\n    const defaultSkeleton = {\n        loading: false,\n        title: false,\n        paragraph: {\n            width: '100%',\n            rows: 4,\n        },\n    };\n    return (\n        <StoreCtx.Provider value={store}>\n            <div\n                className={classnames('vtx-form-layout', {\n                    'vtx-form-layout-vertical': layout === 'vertical' && mode !== 'view',\n                    'vtx-form-layout-view': mode === 'view',\n                    'vtx-form-layout-has-card': card,\n                })}\n            >\n                <Skeleton {...merge(defaultSkeleton, skeleton)}>{props.children}</Skeleton>\n            </div>\n        </StoreCtx.Provider>\n    );\n}\n\nVtxFormLayout.propTypes = {\n    cols: PropTypes.number,\n    labelColSpan: PropTypes.number,\n    mode: PropTypes.oneOf(['view']),\n    layout: PropTypes.oneOf(['horizontal', 'vertical']),\n    children: PropTypes.node,\n    card: PropTypes.bool,\n    skeleton: PropTypes.object,\n};\n\nVtxFormLayout.Row = Row;\nVtxFormLayout.FormItem = FormItem;\nVtxFormLayout.Card = Card;\nVtxFormLayout.Pane = Pane;\nVtxFormLayout.Divider = Divider;\n\nexport default VtxFormLayout;\n"],"file":"index.js"}

package/lib/vtx-form-layout/style/css.js

@@ -1,20 +1,18 @@
 "use strict";
 
-require("antd/es/row/style/css");
+require("antd/lib/row/style/css");
 
-require("antd/es/col/style/css");
+require("antd/lib/col/style/css");
 
-require("antd/es/form/style/css");
+require("antd/lib/form/style/css");
 
-require("antd/es/icon/style/css");
+require("antd/lib/tooltip/style/css");
 
-require("antd/es/tooltip/style/css");
+require("antd/lib/card/style/css");
 
-require("antd/es/card/style/css");
+require("antd/lib/divider/style/css");
 
-require("antd/es/divider/style/css");
-
-require("antd/es/skeleton/style/css");
+require("antd/lib/skeleton/style/css");
 
 require("./index.css");
 //# sourceMappingURL=css.js.map

package/lib/vtx-form-layout/style/css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-form-layout/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/row/style/css';\nimport 'antd/es/col/style/css';\nimport 'antd/es/form/style/css';\nimport 'antd/es/icon/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/card/style/css';\nimport 'antd/es/divider/style/css';\nimport 'antd/es/skeleton/style/css';\nimport './index.less';\n"],"file":"css.js"}
+{"version":3,"sources":["vtx-form-layout/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/lib/row/style';\nimport 'antd/lib/col/style';\nimport 'antd/lib/form/style';\nimport 'antd/lib/tooltip/style';\nimport 'antd/lib/card/style';\nimport 'antd/lib/divider/style';\nimport 'antd/lib/skeleton/style';\nimport './index.less';\n"],"file":"css.js"}

package/lib/vtx-form-layout/style/index.css

@@ -11,6 +11,63 @@
   padding: 0 24px;
   overflow: hidden;
 }
+.vtx-form-layout .vtx-form-item .ant-form-item-label {
+  text-overflow: ellipsis;
+}
+.vtx-form-layout .vtx-form-item .ant-form-item-label label::after {
+  content: '';
+}
+.vtx-form-layout .vtx-form-item-vertical {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.vtx-form-layout .vtx-form-item-vertical .ant-form-item-label,
+.vtx-form-layout .vtx-form-item-vertical .ant-form-item-control {
+  line-height: 1.5715;
+}
+.vtx-form-layout .vtx-form-item-vertical .ant-form-item-label {
+  margin-bottom: 8px;
+  padding: 0 !important;
+  white-space: initial;
+  text-align: left;
+}
+.vtx-form-layout .vtx-form-item-vertical .ant-form-item-label label {
+  height: auto;
+}
+.vtx-form-layout .vtx-form-item .ant-form-item-explain {
+  font-size: 12px;
+}
+.vtx-form-layout .vtx-form-item--view .ant-form-item-label,
+.vtx-form-layout .vtx-form-item--view .ant-form-item-control {
+  line-height: 1.5715;
+}
+.vtx-form-layout .vtx-form-item--view .ant-form-item-label > label {
+  height: auto;
+  color: rgba(0, 0, 0, 0.65);
+}
+.vtx-form-layout .vtx-form-item--view .ant-form-item-label label::after {
+  content: ':';
+}
+.vtx-form-layout .vtx-form-item--view .ant-form-item-control {
+  color: rgba(0, 0, 0, 0.85);
+}
+.vtx-form-layout .vtx-form-item--view .ant-form-item-control .ant-form-item-control-input {
+  min-height: auto;
+}
+.vtx-form-layout .vtx-form-item-col .ant-form-item {
+  margin-bottom: 20px;
+}
+.vtx-form-layout .vtx-form-item-col .vtx-form-item--view {
+  margin-bottom: 0;
+}
+.vtx-form-layout .vtx-form-item-col .ant-form-item-with-help {
+  margin-bottom: 0;
+}
+.vtx-form-layout .vtx-form-item-col .ant-form-item-explain {
+  min-height: 20px;
+}
 .vtx-form-layout .vtx-form-card {
   position: relative;
   width: 100%;
@@ -68,7 +125,7 @@
   overflow: hidden;
   color: rgba(0, 0, 0, 0.85);
   font-weight: 500;
-  line-height: 1.5;
+  line-height: 1.5715;
   list-style: none;
 }
 .vtx-form-layout .vtx-form-pane-content {
@@ -92,6 +149,9 @@
   margin: 0;
   margin-bottom: 20px;
 }
+.vtx-form-layout .vtx-form-tabs {
+  width: 100%;
+}
 .vtx-form-layout .vtx-form-tabs .ant-tabs-bar {
   padding-right: 12px;
   padding-left: 12px;
@@ -123,51 +183,3 @@
 .vtx-form-layout-view .vtx-form-item-col {
   margin-bottom: 20px;
 }
-.vtx-form-item .ant-form-item-label {
-  text-overflow: ellipsis;
-}
-.vtx-form-item .ant-form-item-label label::after {
-  content: '';
-}
-.vtx-form-item-vertical {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-.vtx-form-item-vertical .ant-form-item-label,
-.vtx-form-item-vertical .ant-form-item-control {
-  line-height: 1.5;
-}
-.vtx-form-item-vertical .ant-form-item-label {
-  margin-bottom: 10px;
-  padding: 0 !important;
-  white-space: initial;
-  text-align: left;
-}
-.vtx-form-item-vertical .ant-form-item-label label {
-  height: auto;
-}
-.vtx-form-item .ant-form-explain {
-  font-size: 12px;
-}
-.vtx-form-item--view {
-  margin-bottom: 0;
-}
-.vtx-form-item--view .ant-form-item-label,
-.vtx-form-item--view .ant-form-item-control {
-  line-height: 1.5;
-}
-.vtx-form-item--view .ant-form-item-label > label {
-  height: auto;
-  color: rgba(0, 0, 0, 0.65);
-}
-.vtx-form-item--view .ant-form-item-label label::after {
-  content: ':';
-}
-.vtx-form-item--view .ant-form-item-control {
-  color: rgba(0, 0, 0, 0.85);
-}
-.vtx-form-item--view .ant-form-item-control .ant-form-item-control-input {
-  min-height: auto;
-}

package/lib/vtx-form-layout/style/index.js

@@ -1,20 +1,18 @@
 "use strict";
 
-require("antd/es/row/style/css");
+require("antd/lib/row/style");
 
-require("antd/es/col/style/css");
+require("antd/lib/col/style");
 
-require("antd/es/form/style/css");
+require("antd/lib/form/style");
 
-require("antd/es/icon/style/css");
+require("antd/lib/tooltip/style");
 
-require("antd/es/tooltip/style/css");
+require("antd/lib/card/style");
 
-require("antd/es/card/style/css");
+require("antd/lib/divider/style");
 
-require("antd/es/divider/style/css");
-
-require("antd/es/skeleton/style/css");
+require("antd/lib/skeleton/style");
 
 require("./index.less");
 //# sourceMappingURL=index.js.map

package/lib/vtx-form-layout/style/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-form-layout/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/row/style/css';\nimport 'antd/es/col/style/css';\nimport 'antd/es/form/style/css';\nimport 'antd/es/icon/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/card/style/css';\nimport 'antd/es/divider/style/css';\nimport 'antd/es/skeleton/style/css';\nimport './index.less';\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-form-layout/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/lib/row/style';\nimport 'antd/lib/col/style';\nimport 'antd/lib/form/style';\nimport 'antd/lib/tooltip/style';\nimport 'antd/lib/card/style';\nimport 'antd/lib/divider/style';\nimport 'antd/lib/skeleton/style';\nimport './index.less';\n"],"file":"index.js"}

package/lib/vtx-form-layout/style/index.less

@@ -1,14 +1,74 @@
-// @import (reference) '~antd/es/style/themes/index.less';
-@line-height: 1.5;
-@black: #000;
+@import (reference) '~antd/lib/style/themes/index.less';
 
 .vtx-form-layout {
     position: relative;
     display: flex;
     flex-flow: row wrap;
     width: 100%;
-    padding: 0 24px;
+    padding: 0 @padding-lg;
     overflow: hidden;
+    .vtx-form-item {
+        .ant-form-item-label {
+            text-overflow: ellipsis;
+            label::after {
+                content: '';
+            }
+        }
+        &-vertical {
+            flex-direction: column;
+            .ant-form-item-label,
+            .ant-form-item-control {
+                line-height: @line-height-base;
+            }
+            .ant-form-item-label {
+                margin-bottom: 8px;
+                padding: 0 !important;
+                white-space: initial;
+                text-align: left;
+                label {
+                    height: auto;
+                }
+            }
+        }
+        .ant-form-item-explain {
+            font-size: @font-size-sm;
+        }
+        &--view {
+            .ant-form-item-label,
+            .ant-form-item-control {
+                line-height: @line-height-base;
+            }
+            .ant-form-item-label {
+                & > label {
+                    height: auto;
+                    color: fade(@black, 65%);
+                }
+                label::after {
+                    content: ':';
+                }
+            }
+            .ant-form-item-control {
+                color: @text-color;
+                .ant-form-item-control-input {
+                    min-height: auto;
+                }
+            }
+        }
+    }
+    .vtx-form-item-col {
+        .ant-form-item {
+            margin-bottom: 20px;
+        }
+        .vtx-form-item--view {
+            margin-bottom: 0;
+        }
+        .ant-form-item-with-help {
+            margin-bottom: 0;
+        }
+        .ant-form-item-explain {
+            min-height: 20px;
+        }
+    }
     .vtx-form-card {
         position: relative;
         width: 100%;
@@ -57,9 +117,9 @@
         &-title {
             margin-bottom: 16px;
             overflow: hidden;
-            color: fade(@black, 85%);
+            color: @text-color;
             font-weight: 500;
-            line-height: @line-height;
+            line-height: @line-height-base;
             list-style: none;
         }
         &-content {
@@ -80,9 +140,10 @@
         margin-bottom: 20px;
     }
     .vtx-form-tabs {
+        width: 100%;
         .ant-tabs-bar {
-            padding-right: 12px;
-            padding-left: 12px;
+            padding-right: @padding-sm;
+            padding-left: @padding-sm;
             border-bottom: none;
         }
         .ant-tabs-tab {
@@ -90,23 +151,23 @@
         }
     }
     &-vertical {
-        padding: 0 12px;
+        padding: 0 @padding-sm;
         .vtx-form-item-col {
-            padding-right: 12px;
-            padding-left: 12px;
+            padding-right: @padding-sm;
+            padding-left: @padding-sm;
         }
         .vtx-form-card-content {
-            padding: 20px 12px;
+            padding: 20px @padding-sm;
             padding-bottom: 0;
         }
         .vtx-form-pane-title {
-            padding: 0 12px;
+            padding: 0 @padding-sm;
         }
     }
     &-has-card {
         padding: 0;
         .vtx-form-tabs .ant-tabs-bar {
-            padding: 0 24px;
+            padding: 0 @padding-lg;
         }
     }
     &-view {
@@ -115,53 +176,3 @@
         }
     }
 }
-
-.vtx-form-item {
-    .ant-form-item-label {
-        text-overflow: ellipsis;
-        label::after {
-            content: '';
-        }
-    }
-    &-vertical {
-        flex-direction: column;
-        .ant-form-item-label,
-        .ant-form-item-control {
-            line-height: @line-height;
-        }
-        .ant-form-item-label {
-            margin-bottom: 10px;
-            padding: 0 !important;
-            white-space: initial;
-            text-align: left;
-            label {
-                height: auto;
-            }
-        }
-    }
-    .ant-form-explain {
-        font-size: 12px;
-    }
-    &--view {
-        margin-bottom: 0;
-        .ant-form-item-label,
-        .ant-form-item-control {
-            line-height: @line-height;
-        }
-        .ant-form-item-label {
-            & > label {
-                height: auto;
-                color: fade(@black, 65%);
-            }
-            label::after {
-                content: ':';
-            }
-        }
-        .ant-form-item-control {
-            color: fade(@black, 85%);
-            .ant-form-item-control-input {
-                min-height: auto;
-            }
-        }
-    }
-}

package/lib/vtx-image/style/index.css

@@ -31,7 +31,7 @@
   height: 100%;
   min-height: 36px;
   background: #fbfbfb;
-  border: 1px solid #e9e9e9;
+  border: 1px solid #f0f0f0;
   cursor: default;
 }
 .vtx-image-nodata p,

package/lib/vtx-image/style/index.less

@@ -1,3 +1,5 @@
+@import (reference) '~antd/lib/style/themes/index.less';
+
 @prefix-cls: vtx-image;
 @min-height: 36px;
 @aspectFit-background: #595959;
@@ -36,7 +38,7 @@
         height: 100%;
         min-height: @min-height;
         background: #fbfbfb;
-        border: 1px solid #e9e9e9;
+        border: @border-width-base @border-style-base @border-color-split;
         cursor: default;
         p {
             .center();

package/lib/vtx-import/style/css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-import/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA","sourcesContent":["import 'antd/lib/modal/style/css';\nimport 'antd/lib/button/style/css';\nimport 'antd/lib/message/style/css';\n"],"file":"css.js"}
+{"version":3,"sources":["vtx-import/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA","sourcesContent":["import 'antd/lib/modal/style';\nimport 'antd/lib/button/style';\nimport 'antd/lib/message/style';\n"],"file":"css.js"}

package/lib/vtx-import/style/index.js

@@ -1,8 +1,8 @@
 "use strict";
 
-require("antd/lib/modal/style/css");
+require("antd/lib/modal/style");
 
-require("antd/lib/button/style/css");
+require("antd/lib/button/style");
 
-require("antd/lib/message/style/css");
+require("antd/lib/message/style");
 //# sourceMappingURL=index.js.map

package/lib/vtx-import/style/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-import/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA","sourcesContent":["import 'antd/lib/modal/style/css';\nimport 'antd/lib/button/style/css';\nimport 'antd/lib/message/style/css';\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-import/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA","sourcesContent":["import 'antd/lib/modal/style';\nimport 'antd/lib/button/style';\nimport 'antd/lib/message/style';\n"],"file":"index.js"}

package/lib/vtx-input/TextArea.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _input = _interopRequireDefault(require("antd/es/input"));
+var _input = _interopRequireDefault(require("antd/lib/input"));
 
 var _useLength = _interopRequireDefault(require("./useLength"));
 

package/lib/vtx-input/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-input/TextArea.jsx"],"names":["TextArea","props","ref","maxLength","showCount","placeholder","rest","len","value","render","propTypes","PropTypes","number","string","bool"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,gBAAG,uBAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACxC,yBAA4ED,KAA5E,CAAQE,SAAR;AAAA,MAAQA,SAAR,iCAAoB,GAApB;AAAA,yBAA4EF,KAA5E,CAAyBG,SAAzB;AAAA,MAAyBA,SAAzB,iCAAqC,IAArC;AAAA,2BAA4EH,KAA5E,CAA2CI,WAA3C;AAAA,MAA2CA,WAA3C,mCAAyD,KAAzD;AAAA,MAAmEC,IAAnE,4BAA4EL,KAA5E;;AACA,MAAMM,GAAG,GAAG,2BAAUN,KAAK,CAACO,KAAhB,EAAuB;AAAEJ,IAAAA,SAAS,EAATA;AAAF,GAAvB,CAAZ;;AAEA,MAAIK,MAAM,gBACN,gCAAC,iBAAD,CAAO,QAAP;AAAgB,IAAA,WAAW,EAAEJ,WAA7B;AAA0C,IAAA,SAAS,EAAEF;AAArD,KAAoEG,IAApE;AAA0E,IAAA,GAAG,EAAEJ;AAA/E,KADJ;;AAIAE,EAAAA,SAAS,IACL,WAAWH,KADf,KAEKQ,MAAM,gBACH;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,4BAAeF,GAAf,cAAsBJ,SAAtB;AAApC,KACKM,MADL,CAHR;AAOA,SAAOA,MAAP;AACH,CAhBgB,CAAjB;eAkBeT,Q;;AAEfA,QAAQ,CAACU,SAAT,GAAqB;AACjBP,EAAAA,SAAS,EAAEQ,sBAAUC,MADJ;AAEjBJ,EAAAA,KAAK,EAAEG,sBAAUE,MAFA;AAGjBT,EAAAA,SAAS,EAAEO,sBAAUG,IAHJ;AAIjBT,EAAAA,WAAW,EAAEM,sBAAUE;AAJN,CAArB","sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Input from 'antd/es/input';\nimport useLength from './useLength';\n\nconst TextArea = forwardRef((props, ref) => {\n    const { maxLength = 200, showCount = true, placeholder = '请输入', ...rest } = props;\n    const len = useLength(props.value, { showCount });\n\n    let render = (\n        <Input.TextArea placeholder={placeholder} maxLength={maxLength} {...rest} ref={ref} />\n    );\n\n    showCount &&\n        'value' in props &&\n        (render = (\n            <div className=\"vtx-input-textarea\" data-count={`${len}/${maxLength}`}>\n                {render}\n            </div>\n        ));\n    return render;\n});\n\nexport default TextArea;\n\nTextArea.propTypes = {\n    maxLength: PropTypes.number,\n    value: PropTypes.string,\n    showCount: PropTypes.bool,\n    placeholder: PropTypes.string,\n};\n"],"file":"TextArea.js"}
+{"version":3,"sources":["vtx-input/TextArea.jsx"],"names":["TextArea","props","ref","maxLength","showCount","placeholder","rest","len","value","render","propTypes","PropTypes","number","string","bool"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,gBAAG,uBAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACxC,yBAA4ED,KAA5E,CAAQE,SAAR;AAAA,MAAQA,SAAR,iCAAoB,GAApB;AAAA,yBAA4EF,KAA5E,CAAyBG,SAAzB;AAAA,MAAyBA,SAAzB,iCAAqC,IAArC;AAAA,2BAA4EH,KAA5E,CAA2CI,WAA3C;AAAA,MAA2CA,WAA3C,mCAAyD,KAAzD;AAAA,MAAmEC,IAAnE,4BAA4EL,KAA5E;;AACA,MAAMM,GAAG,GAAG,2BAAUN,KAAK,CAACO,KAAhB,EAAuB;AAAEJ,IAAAA,SAAS,EAATA;AAAF,GAAvB,CAAZ;;AAEA,MAAIK,MAAM,gBACN,gCAAC,iBAAD,CAAO,QAAP;AAAgB,IAAA,WAAW,EAAEJ,WAA7B;AAA0C,IAAA,SAAS,EAAEF;AAArD,KAAoEG,IAApE;AAA0E,IAAA,GAAG,EAAEJ;AAA/E,KADJ;;AAIAE,EAAAA,SAAS,IACL,WAAWH,KADf,KAEKQ,MAAM,gBACH;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,4BAAeF,GAAf,cAAsBJ,SAAtB;AAApC,KACKM,MADL,CAHR;AAOA,SAAOA,MAAP;AACH,CAhBgB,CAAjB;eAkBeT,Q;;AAEfA,QAAQ,CAACU,SAAT,GAAqB;AACjBP,EAAAA,SAAS,EAAEQ,sBAAUC,MADJ;AAEjBJ,EAAAA,KAAK,EAAEG,sBAAUE,MAFA;AAGjBT,EAAAA,SAAS,EAAEO,sBAAUG,IAHJ;AAIjBT,EAAAA,WAAW,EAAEM,sBAAUE;AAJN,CAArB","sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Input from 'antd/lib/input';\nimport useLength from './useLength';\n\nconst TextArea = forwardRef((props, ref) => {\n    const { maxLength = 200, showCount = true, placeholder = '请输入', ...rest } = props;\n    const len = useLength(props.value, { showCount });\n\n    let render = (\n        <Input.TextArea placeholder={placeholder} maxLength={maxLength} {...rest} ref={ref} />\n    );\n\n    showCount &&\n        'value' in props &&\n        (render = (\n            <div className=\"vtx-input-textarea\" data-count={`${len}/${maxLength}`}>\n                {render}\n            </div>\n        ));\n    return render;\n});\n\nexport default TextArea;\n\nTextArea.propTypes = {\n    maxLength: PropTypes.number,\n    value: PropTypes.string,\n    showCount: PropTypes.bool,\n    placeholder: PropTypes.string,\n};\n"],"file":"TextArea.js"}

package/lib/vtx-input/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _input = _interopRequireDefault(require("antd/es/input"));
+var _input = _interopRequireDefault(require("antd/lib/input"));
 
 var _lodash = _interopRequireDefault(require("lodash.clonedeep"));
 

package/lib/vtx-input/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-input/index.jsx"],"names":["VtxInput","props","ref","showCount","maxLength","specialCharactersFilter","trim","onChange","onBlur","placeholder","rest","len","value","newProps","e","target","$e","suffix","propTypes","PropTypes","number","string","bool","func","oneOfType","object","Search","Input","Group","Password","TextArea"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,gBAAG,uBAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACxC,MACIC,SADJ,GASIF,KATJ,CACIE,SADJ;AAAA,yBASIF,KATJ,CAEIG,SAFJ;AAAA,MAEIA,SAFJ,iCAEgB,EAFhB;AAAA,8BASIH,KATJ,CAGII,uBAHJ;AAAA,MAGIA,uBAHJ,sCAG8B,IAH9B;AAAA,oBASIJ,KATJ,CAIIK,IAJJ;AAAA,MAIIA,IAJJ,4BAIW,IAJX;AAAA,MAKIC,QALJ,GASIN,KATJ,CAKIM,QALJ;AAAA,MAMIC,OANJ,GASIP,KATJ,CAMIO,MANJ;AAAA,2BASIP,KATJ,CAOIQ,WAPJ;AAAA,MAOIA,WAPJ,mCAOkB,KAPlB;AAAA,MAQOC,IARP,4BASIT,KATJ;;AAWA,MAAMU,GAAG,GAAG,2BAAUV,KAAK,CAACW,KAAhB,EAAuB;AAAET,IAAAA,SAAS,EAATA;AAAF,GAAvB,CAAZ;;AAEA,MAAIU,QAAQ;AACRX,IAAAA,GAAG,EAAHA,GADQ;AAERE,IAAAA,SAAS,EAATA,SAFQ;AAGRK,IAAAA,WAAW,EAAXA,WAHQ;AAIRD,IAAAA,MAJQ,kBAIDM,CAJC,EAIE;AACN,UAAIF,KAAK,GAAGE,CAAC,CAACC,MAAF,CAASH,KAArB;AACA,UAAII,EAAE,GAAGF,CAAT;;AACA,UAAIR,IAAJ,EAAU;AACNM,QAAAA,KAAK,GAAGA,KAAK,CAACN,IAAN,EAAR;AACH;;AACD,UAAID,uBAAuB,IAAIO,KAA/B,EAAsC;AAClCI,QAAAA,EAAE,GAAG,wBAAUF,CAAV,CAAL;AACAE,QAAAA,EAAE,CAACD,MAAH,CAAUH,KAAV,GAAkB,yCACdA,KADc,EAEd,mCAAkBP,uBAAlB,CAFc,CAAlB;AAIAE,QAAAA,QAAQ,IAAIA,QAAQ,CAACS,EAAD,CAApB;AACH;;AACDR,MAAAA,OAAM,IAAIA,OAAM,CAACQ,EAAD,CAAhB;AACH,KAnBO;AAoBRT,IAAAA,QAAQ,EAARA;AApBQ,KAqBLG,IArBK,CAAZ;;AAwBAP,EAAAA,SAAS,IACL,WAAWF,KADf,KAEKY,QAAQ;AACLI,IAAAA,MAAM,YAAKN,GAAL,cAAYP,SAAZ;AADD,KAEFS,QAFE,CAFb;AAOA,sBAAO,gCAAC,iBAAD,eAAWA,QAAX;AAAqB,IAAA,YAAY,EAAC;AAAlC,KAAP;AACH,CA9CgB,CAAjB;AAgDAb,QAAQ,CAACkB,SAAT,GAAqB;AACjBd,EAAAA,SAAS,EAAEe,sBAAUC,MADJ;AAEjBR,EAAAA,KAAK,EAAEO,sBAAUE,MAFA;AAGjBlB,EAAAA,SAAS,EAAEgB,sBAAUG,IAHJ;AAIjBf,EAAAA,QAAQ,EAAEY,sBAAUI,IAJH;AAKjBf,EAAAA,MAAM,EAAEW,sBAAUI,IALD;AAMjBd,EAAAA,WAAW,EAAEU,sBAAUE,MANN;AAOjBf,EAAAA,IAAI,EAAEa,sBAAUG,IAPC;AAQjBjB,EAAAA,uBAAuB,EAAEc,sBAAUK,SAAV,CAAoB,CAACL,sBAAUG,IAAX,EAAiBH,sBAAUM,MAA3B,CAApB;AARR,CAArB;AAWAzB,QAAQ,CAAC0B,MAAT,GAAkBC,kBAAMD,MAAxB;AACA1B,QAAQ,CAAC4B,KAAT,GAAiBD,kBAAMC,KAAvB;AACA5B,QAAQ,CAAC6B,QAAT,GAAoBF,kBAAME,QAA1B;AACA7B,QAAQ,CAAC8B,QAAT,GAAoBA,oBAApB;eAEe9B,Q","sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Input from 'antd/es/input';\nimport cloneDeep from 'lodash.clonedeep';\nimport TextArea from './TextArea';\nimport useLength from './useLength';\nimport getComponentProps from '../_util/getComponentProps';\nimport filterSpecialCharacters from '../_util/filterSpecialCharacters';\n\nconst VtxInput = forwardRef((props, ref) => {\n    const {\n        showCount,\n        maxLength = 32,\n        specialCharactersFilter = true,\n        trim = true,\n        onChange,\n        onBlur,\n        placeholder = '请输入',\n        ...rest\n    } = props;\n\n    const len = useLength(props.value, { showCount });\n\n    let newProps = {\n        ref,\n        maxLength,\n        placeholder,\n        onBlur(e) {\n            let value = e.target.value;\n            let $e = e;\n            if (trim) {\n                value = value.trim();\n            }\n            if (specialCharactersFilter && value) {\n                $e = cloneDeep(e);\n                $e.target.value = filterSpecialCharacters(\n                    value,\n                    getComponentProps(specialCharactersFilter),\n                );\n                onChange && onChange($e);\n            }\n            onBlur && onBlur($e);\n        },\n        onChange,\n        ...rest,\n    };\n\n    showCount &&\n        'value' in props &&\n        (newProps = {\n            suffix: `${len}/${maxLength}`,\n            ...newProps,\n        });\n\n    return <Input {...newProps} autoComplete=\"off\" />;\n});\n\nVtxInput.propTypes = {\n    maxLength: PropTypes.number,\n    value: PropTypes.string,\n    showCount: PropTypes.bool,\n    onChange: PropTypes.func,\n    onBlur: PropTypes.func,\n    placeholder: PropTypes.string,\n    trim: PropTypes.bool,\n    specialCharactersFilter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),\n};\n\nVtxInput.Search = Input.Search;\nVtxInput.Group = Input.Group;\nVtxInput.Password = Input.Password;\nVtxInput.TextArea = TextArea;\n\nexport default VtxInput;\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-input/index.jsx"],"names":["VtxInput","props","ref","showCount","maxLength","specialCharactersFilter","trim","onChange","onBlur","placeholder","rest","len","value","newProps","e","target","$e","suffix","propTypes","PropTypes","number","string","bool","func","oneOfType","object","Search","Input","Group","Password","TextArea"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,gBAAG,uBAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACxC,MACIC,SADJ,GASIF,KATJ,CACIE,SADJ;AAAA,yBASIF,KATJ,CAEIG,SAFJ;AAAA,MAEIA,SAFJ,iCAEgB,EAFhB;AAAA,8BASIH,KATJ,CAGII,uBAHJ;AAAA,MAGIA,uBAHJ,sCAG8B,IAH9B;AAAA,oBASIJ,KATJ,CAIIK,IAJJ;AAAA,MAIIA,IAJJ,4BAIW,IAJX;AAAA,MAKIC,QALJ,GASIN,KATJ,CAKIM,QALJ;AAAA,MAMIC,OANJ,GASIP,KATJ,CAMIO,MANJ;AAAA,2BASIP,KATJ,CAOIQ,WAPJ;AAAA,MAOIA,WAPJ,mCAOkB,KAPlB;AAAA,MAQOC,IARP,4BASIT,KATJ;;AAWA,MAAMU,GAAG,GAAG,2BAAUV,KAAK,CAACW,KAAhB,EAAuB;AAAET,IAAAA,SAAS,EAATA;AAAF,GAAvB,CAAZ;;AAEA,MAAIU,QAAQ;AACRX,IAAAA,GAAG,EAAHA,GADQ;AAERE,IAAAA,SAAS,EAATA,SAFQ;AAGRK,IAAAA,WAAW,EAAXA,WAHQ;AAIRD,IAAAA,MAJQ,kBAIDM,CAJC,EAIE;AACN,UAAIF,KAAK,GAAGE,CAAC,CAACC,MAAF,CAASH,KAArB;AACA,UAAII,EAAE,GAAGF,CAAT;;AACA,UAAIR,IAAJ,EAAU;AACNM,QAAAA,KAAK,GAAGA,KAAK,CAACN,IAAN,EAAR;AACH;;AACD,UAAID,uBAAuB,IAAIO,KAA/B,EAAsC;AAClCI,QAAAA,EAAE,GAAG,wBAAUF,CAAV,CAAL;AACAE,QAAAA,EAAE,CAACD,MAAH,CAAUH,KAAV,GAAkB,yCACdA,KADc,EAEd,mCAAkBP,uBAAlB,CAFc,CAAlB;AAIAE,QAAAA,QAAQ,IAAIA,QAAQ,CAACS,EAAD,CAApB;AACH;;AACDR,MAAAA,OAAM,IAAIA,OAAM,CAACQ,EAAD,CAAhB;AACH,KAnBO;AAoBRT,IAAAA,QAAQ,EAARA;AApBQ,KAqBLG,IArBK,CAAZ;;AAwBAP,EAAAA,SAAS,IACL,WAAWF,KADf,KAEKY,QAAQ;AACLI,IAAAA,MAAM,YAAKN,GAAL,cAAYP,SAAZ;AADD,KAEFS,QAFE,CAFb;AAOA,sBAAO,gCAAC,iBAAD,eAAWA,QAAX;AAAqB,IAAA,YAAY,EAAC;AAAlC,KAAP;AACH,CA9CgB,CAAjB;AAgDAb,QAAQ,CAACkB,SAAT,GAAqB;AACjBd,EAAAA,SAAS,EAAEe,sBAAUC,MADJ;AAEjBR,EAAAA,KAAK,EAAEO,sBAAUE,MAFA;AAGjBlB,EAAAA,SAAS,EAAEgB,sBAAUG,IAHJ;AAIjBf,EAAAA,QAAQ,EAAEY,sBAAUI,IAJH;AAKjBf,EAAAA,MAAM,EAAEW,sBAAUI,IALD;AAMjBd,EAAAA,WAAW,EAAEU,sBAAUE,MANN;AAOjBf,EAAAA,IAAI,EAAEa,sBAAUG,IAPC;AAQjBjB,EAAAA,uBAAuB,EAAEc,sBAAUK,SAAV,CAAoB,CAACL,sBAAUG,IAAX,EAAiBH,sBAAUM,MAA3B,CAApB;AARR,CAArB;AAWAzB,QAAQ,CAAC0B,MAAT,GAAkBC,kBAAMD,MAAxB;AACA1B,QAAQ,CAAC4B,KAAT,GAAiBD,kBAAMC,KAAvB;AACA5B,QAAQ,CAAC6B,QAAT,GAAoBF,kBAAME,QAA1B;AACA7B,QAAQ,CAAC8B,QAAT,GAAoBA,oBAApB;eAEe9B,Q","sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Input from 'antd/lib/input';\nimport cloneDeep from 'lodash.clonedeep';\nimport TextArea from './TextArea';\nimport useLength from './useLength';\nimport getComponentProps from '../_util/getComponentProps';\nimport filterSpecialCharacters from '../_util/filterSpecialCharacters';\n\nconst VtxInput = forwardRef((props, ref) => {\n    const {\n        showCount,\n        maxLength = 32,\n        specialCharactersFilter = true,\n        trim = true,\n        onChange,\n        onBlur,\n        placeholder = '请输入',\n        ...rest\n    } = props;\n\n    const len = useLength(props.value, { showCount });\n\n    let newProps = {\n        ref,\n        maxLength,\n        placeholder,\n        onBlur(e) {\n            let value = e.target.value;\n            let $e = e;\n            if (trim) {\n                value = value.trim();\n            }\n            if (specialCharactersFilter && value) {\n                $e = cloneDeep(e);\n                $e.target.value = filterSpecialCharacters(\n                    value,\n                    getComponentProps(specialCharactersFilter),\n                );\n                onChange && onChange($e);\n            }\n            onBlur && onBlur($e);\n        },\n        onChange,\n        ...rest,\n    };\n\n    showCount &&\n        'value' in props &&\n        (newProps = {\n            suffix: `${len}/${maxLength}`,\n            ...newProps,\n        });\n\n    return <Input {...newProps} autoComplete=\"off\" />;\n});\n\nVtxInput.propTypes = {\n    maxLength: PropTypes.number,\n    value: PropTypes.string,\n    showCount: PropTypes.bool,\n    onChange: PropTypes.func,\n    onBlur: PropTypes.func,\n    placeholder: PropTypes.string,\n    trim: PropTypes.bool,\n    specialCharactersFilter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),\n};\n\nVtxInput.Search = Input.Search;\nVtxInput.Group = Input.Group;\nVtxInput.Password = Input.Password;\nVtxInput.TextArea = TextArea;\n\nexport default VtxInput;\n"],"file":"index.js"}

package/lib/vtx-input/style/css.js

@@ -1,6 +1,6 @@
 "use strict";
 
-require("antd/es/input/style/css");
+require("antd/lib/input/style/css");
 
 require("./index.css");
 //# sourceMappingURL=css.js.map

package/lib/vtx-input/style/css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-input/style/index.js"],"names":[],"mappings":";;AAAA;;AACA","sourcesContent":["import 'antd/es/input/style/css';\nimport './index.less';\n"],"file":"css.js"}
+{"version":3,"sources":["vtx-input/style/index.js"],"names":[],"mappings":";;AAAA;;AACA","sourcesContent":["import 'antd/lib/input/style';\nimport './index.less';\n"],"file":"css.js"}

package/lib/vtx-input/style/index.css

@@ -6,7 +6,7 @@
   right: 12px;
   bottom: 8px;
   color: rgba(0, 0, 0, 0.45);
-  line-height: 1.5;
+  line-height: 1.5715;
   white-space: nowrap;
   content: attr(data-count);
   pointer-events: none;

package/lib/vtx-input/style/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-require("antd/es/input/style/css");
+require("antd/lib/input/style");
 
 require("./index.less");
 //# sourceMappingURL=index.js.map

package/lib/vtx-input/style/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-input/style/index.js"],"names":[],"mappings":";;AAAA;;AACA","sourcesContent":["import 'antd/es/input/style/css';\nimport './index.less';\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-input/style/index.js"],"names":[],"mappings":";;AAAA;;AACA","sourcesContent":["import 'antd/lib/input/style';\nimport './index.less';\n"],"file":"index.js"}

package/lib/vtx-input/style/index.less

@@ -1,11 +1,13 @@
+@import (reference) '~antd/lib/style/themes/index.less';
+
 .vtx-input-textarea {
     position: relative;
     &::after {
         position: absolute;
         right: 12px;
         bottom: 8px;
-        color: rgba(0, 0, 0, 0.45);
-        line-height: 1.5;
+        color: @text-color-secondary;
+        line-height: @line-height-base;
         white-space: nowrap;
         content: attr(data-count);
         pointer-events: none;
@@ -13,7 +15,7 @@
 }
 
 .ant-input-affix-wrapper .ant-input-suffix {
-    color: rgba(0, 0, 0, 0.45);
+    color: @text-color-secondary;
 }
 .ant-input-affix-wrapper .ant-input:not(:last-child) {
     padding-right: 48px;

package/lib/vtx-modal/index.js

@@ -15,14 +15,18 @@ var _useUpdateEffect = _interopRequireDefault(require("ahooks/es/useUpdateEffect
 
 var _useSetState5 = _interopRequireDefault(require("ahooks/es/useSetState"));
 
+var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
+
+var _FullscreenExitOutlined = _interopRequireDefault(require("@ant-design/icons/FullscreenExitOutlined"));
+
+var _FullscreenOutlined = _interopRequireDefault(require("@ant-design/icons/FullscreenOutlined"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _modal = _interopRequireDefault(require("antd/es/modal"));
+var _modal = _interopRequireDefault(require("antd/lib/modal"));
 
 var _Title = _interopRequireDefault(require("./Title"));
 
-var _icons = require("@ant-design/icons");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -186,11 +190,11 @@ function VtxModal(props) {
           className: fullScreenClass
         });
       }
-    }, fullScreen.isFull ? /*#__PURE__*/_react["default"].createElement(_icons.FullscreenExitOutlined, null) : /*#__PURE__*/_react["default"].createElement(_icons.FullscreenOutlined, null))) : null, closable ? /*#__PURE__*/_react["default"].createElement("div", {
+    }, fullScreen.isFull ? /*#__PURE__*/_react["default"].createElement(_FullscreenExitOutlined["default"], null) : /*#__PURE__*/_react["default"].createElement(_FullscreenOutlined["default"], null))) : null, closable ? /*#__PURE__*/_react["default"].createElement("div", {
       className: "vtx-modal-close"
     }, /*#__PURE__*/_react["default"].createElement("p", {
       onClick: onCancel
-    }, /*#__PURE__*/_react["default"].createElement(_icons.CloseOutlined, null))) : '');
+    }, /*#__PURE__*/_react["default"].createElement(_CloseOutlined["default"], null))) : '');
   }();
 
   var bodyStyle = _objectSpread({}, props.bodyStyle);