@vtx/components 3.0.0-4 → 3.1.0

package/CHANGELOG.md

@@ -1,3 +1,75 @@
+# [3.1.0](https://git.cloudhw.cn:3443/front-end/react-components/compare/3.0.1...3.1.0) (2022-03-23)
+
+
+### ✨ Features
+
+* vtxSearch 查询布局根据VtxSearch的大小来判断 ([c2e2bda](https://git.cloudhw.cn:3443/front-end/react-components/commit/c2e2bda)) by: **xuzhengyun**
+* 多行文本禁止拖拽resize: none ([3e71ea4](https://git.cloudhw.cn:3443/front-end/react-components/commit/3e71ea4)) by: **gongjinhua**
+* 新增VtxEllipsisText溢出文本 ([deb2c0c](https://git.cloudhw.cn:3443/front-end/react-components/commit/deb2c0c)) by: **gongjinhua**
+* 查询布局VtxSearch堆叠属性z-index调整为9 ([e94289a](https://git.cloudhw.cn:3443/front-end/react-components/commit/e94289a)) by: **gongjinhua**
+* 查询布局VtxSearch收起状态时文字说明调整 ([533ffef](https://git.cloudhw.cn:3443/front-end/react-components/commit/533ffef)) by: **gongjinhua**
+* 表单布局VtxFormLayout新增设置FormItem行内布局 ([2f78633](https://git.cloudhw.cn:3443/front-end/react-components/commit/2f78633)) by: **gongjinhua**
+
+
+### 🎫 Chores
+
+* release v3.1.0 ([0daa2a0](https://git.cloudhw.cn:3443/front-end/react-components/commit/0daa2a0)) by: **gongjinhua**
+* 移除GitLab链接导航 ([8fd5141](https://git.cloudhw.cn:3443/front-end/react-components/commit/8fd5141)) by: **gongjinhua**
+
+
+### 🐛 Bug Fixes
+
+* checkbox 选中时 固定列 最上面一层透明会 和下面重叠 ([9effc26](https://git.cloudhw.cn:3443/front-end/react-components/commit/9effc26)) by: **xuzhengyun**
+* 修复选择器多选时Option设置value时卡片内容未显示值的问题 ([4d982ac](https://git.cloudhw.cn:3443/front-end/react-components/commit/4d982ac)) by: **gongjinhua**
+* 查询布局文本tooltip显示位置优化 ([2d92edd](https://git.cloudhw.cn:3443/front-end/react-components/commit/2d92edd)) by: **gongjinhua**
+
+
+### 📝 Documentation
+
+* 文档修改 ([eafb649](https://git.cloudhw.cn:3443/front-end/react-components/commit/eafb649)) by: **gongjinhua**
+
+
+
+## [3.0.1](https://git.cloudhw.cn:3443/front-end/react-components/compare/3.0.0...3.0.1) (2022-02-18)
+
+
+### ✨ Features
+
+* 数据表格操作列按钮最多显示4个，显示逻辑调整 ([cd1d314](https://git.cloudhw.cn:3443/front-end/react-components/commit/cd1d314)) by: **gongjinhua**
+* 查询布局VtxSearch根据分辨率默认显示不同的列数 ([06d6b30](https://git.cloudhw.cn:3443/front-end/react-components/commit/06d6b30)) by: **gongjinhua**
+
+
+### 🎫 Chores
+
+* release v3.0.1 ([6104611](https://git.cloudhw.cn:3443/front-end/react-components/commit/6104611)) by: **gongjinhua**
+
+
+### 🐛 Bug Fixes
+
+* 修复上传组件beforeUpload无效 ([8f22927](https://git.cloudhw.cn:3443/front-end/react-components/commit/8f22927)) by: **xuzhengyun**
+
+
+
+# [3.0.0](https://git.cloudhw.cn:3443/front-end/react-components/compare/3.0.0-4...3.0.0) (2022-01-17)
+
+
+### 🎫 Chores
+
+* ahooks版本升级为3.x ([f91a6b7](https://git.cloudhw.cn:3443/front-end/react-components/commit/f91a6b7)) by: **gongjinhua**
+* release v3.0.0 ([9692e6a](https://git.cloudhw.cn:3443/front-end/react-components/commit/9692e6a)) by: **gongjinhua**
+
+
+### 🐛 Bug Fixes
+
+* 修复分割面板页面初始加载时宽度计算错误的问题 ([5059ca6](https://git.cloudhw.cn:3443/front-end/react-components/commit/5059ca6)) by: **gongjinhua**
+
+
+### 📝 Documentation
+
+* 结合useAntdTable使用VtxDatagrid示例修改 ([d55b4e9](https://git.cloudhw.cn:3443/front-end/react-components/commit/d55b4e9)) by: **gongjinhua**
+
+
+
 # [3.0.0-4](https://git.cloudhw.cn:3443/front-end/react-components/compare/3.0.0-3...3.0.0-4) (2022-01-16)
 
 
@@ -6,6 +78,11 @@
 * @ant-design/icons按需加载 ([ed54592](https://git.cloudhw.cn:3443/front-end/react-components/commit/ed54592)) by: **gongjinhua**
 
 
+### 🎫 Chores
+
+* release v3.0.0-4 ([e67ec3a](https://git.cloudhw.cn:3443/front-end/react-components/commit/e67ec3a)) by: **gongjinhua**
+
+
 
 # [3.0.0-3](https://git.cloudhw.cn:3443/front-end/react-components/compare/3.0.0-2...3.0.0-3) (2022-01-15)
 

package/lib/_util/useColSize.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _useSize = _interopRequireDefault(require("ahooks/lib/useSize"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var COL_SIZE = {
+  lg: 'lg',
+  md: 'md',
+  sm: 'sm'
+};
+
+var _default = function _default(ref) {
+  var dom = (ref === null || ref === void 0 ? void 0 : ref.current) || document.querySelector('body');
+
+  var _ref = (0, _useSize["default"])(dom) || {},
+      width = _ref.width;
+
+  var size = COL_SIZE.lg;
+
+  if (width >= 1370) {
+    size = COL_SIZE.lg;
+  } else if (width >= 992) {
+    size = COL_SIZE.md;
+  } else {
+    size = COL_SIZE.sm;
+  }
+
+  return size;
+};
+
+exports["default"] = _default;
+//# sourceMappingURL=useColSize.js.map

package/lib/_util/useColSize.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["_util/useColSize.js"],"names":["COL_SIZE","lg","md","sm","ref","dom","current","document","querySelector","width","size"],"mappings":";;;;;;;AAAA;;;;AAEA,IAAMA,QAAQ,GAAG;AACbC,EAAAA,EAAE,EAAE,IADS;AAEbC,EAAAA,EAAE,EAAE,IAFS;AAGbC,EAAAA,EAAE,EAAE;AAHS,CAAjB;;eAMe,kBAAAC,GAAG,EAAI;AAClB,MAAMC,GAAG,GAAG,CAAAD,GAAG,SAAH,IAAAA,GAAG,WAAH,YAAAA,GAAG,CAAEE,OAAL,KAAgBC,QAAQ,CAACC,aAAT,CAAuB,MAAvB,CAA5B;;AACA,aAAkB,yBAAQH,GAAR,KAAgB,EAAlC;AAAA,MAAQI,KAAR,QAAQA,KAAR;;AACA,MAAIC,IAAI,GAAGV,QAAQ,CAACC,EAApB;;AACA,MAAIQ,KAAK,IAAI,IAAb,EAAmB;AACfC,IAAAA,IAAI,GAAGV,QAAQ,CAACC,EAAhB;AACH,GAFD,MAEO,IAAIQ,KAAK,IAAI,GAAb,EAAkB;AACrBC,IAAAA,IAAI,GAAGV,QAAQ,CAACE,EAAhB;AACH,GAFM,MAEA;AACHQ,IAAAA,IAAI,GAAGV,QAAQ,CAACG,EAAhB;AACH;;AACD,SAAOO,IAAP;AACH,C","sourcesContent":["import useSize from 'ahooks/lib/useSize';\n\nconst COL_SIZE = {\n    lg: 'lg',\n    md: 'md',\n    sm: 'sm',\n};\n\nexport default ref => {\n    const dom = ref?.current || document.querySelector('body');\n    const { width } = useSize(dom) || {};\n    let size = COL_SIZE.lg;\n    if (width >= 1370) {\n        size = COL_SIZE.lg;\n    } else if (width >= 992) {\n        size = COL_SIZE.md;\n    } else {\n        size = COL_SIZE.sm;\n    }\n    return size;\n};\n"],"file":"useColSize.js"}

package/lib/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "VtxEditor", {
     return _vtxEditor["default"];
   }
 });
+Object.defineProperty(exports, "VtxEllipsisText", {
+  enumerable: true,
+  get: function get() {
+    return _vtxEllipsisText["default"];
+  }
+});
 Object.defineProperty(exports, "VtxExport", {
   enumerable: true,
   get: function get() {
@@ -162,6 +168,8 @@ var _vtxZtreeSelect = _interopRequireDefault(require("./vtx-ztree-select"));
 
 var _vtxDatagrid = _interopRequireDefault(require("./vtx-datagrid"));
 
+var _vtxEllipsisText = _interopRequireDefault(require("./vtx-ellipsis-text"));
+
 var _vtxImage = _interopRequireDefault(require("./vtx-image"));
 
 var _vtxRpsFrame = _interopRequireDefault(require("./vtx-rps-frame"));

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AAGA","sourcesContent":["// layout\nexport { default as VtxFormLayout } from './vtx-form-layout';\nexport { default as VtxPageLayout } from './vtx-page-layout';\nexport { default as VtxSearch } from './vtx-search';\n\n// data entry\nexport { default as VtxColorPicker } from './vtx-color-picker';\nexport { default as VtxCombogrid } from './vtx-combogrid';\nexport { default as VtxDatePicker } from './vtx-date-picker';\nexport { default as VtxEditor } from './vtx-editor';\nexport { default as VtxExport } from './vtx-export';\nexport { default as VtxImport } from './vtx-import';\nexport { default as VtxSearchMapInput } from './vtx-search-map-input';\nexport { default as VtxSelect } from './vtx-select';\nexport { default as VtxInput } from './vtx-input';\nexport { default as VtxTimePicker } from './vtx-time-picker';\nexport { default as VtxUpload } from './vtx-upload';\nexport { default as VtxZtreeSelect } from './vtx-ztree-select';\n\n// data display\nexport { default as VtxDatagrid } from './vtx-datagrid';\nexport { default as VtxImage } from './vtx-image';\nexport { default as VtxRpsFrame } from './vtx-rps-frame';\nexport { default as VtxZtree } from './vtx-ztree';\nexport { default as VtxSplitPane } from './vtx-split-pane';\n\n// feedback\nexport { default as VtxModal } from './vtx-modal';\n"],"file":"index.js"}
+{"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA","sourcesContent":["// layout\nexport { default as VtxFormLayout } from './vtx-form-layout';\nexport { default as VtxPageLayout } from './vtx-page-layout';\nexport { default as VtxSearch } from './vtx-search';\n\n// data entry\nexport { default as VtxColorPicker } from './vtx-color-picker';\nexport { default as VtxCombogrid } from './vtx-combogrid';\nexport { default as VtxDatePicker } from './vtx-date-picker';\nexport { default as VtxEditor } from './vtx-editor';\nexport { default as VtxExport } from './vtx-export';\nexport { default as VtxImport } from './vtx-import';\nexport { default as VtxSearchMapInput } from './vtx-search-map-input';\nexport { default as VtxSelect } from './vtx-select';\nexport { default as VtxInput } from './vtx-input';\nexport { default as VtxTimePicker } from './vtx-time-picker';\nexport { default as VtxUpload } from './vtx-upload';\nexport { default as VtxZtreeSelect } from './vtx-ztree-select';\n\n// data display\nexport { default as VtxDatagrid } from './vtx-datagrid';\nexport { default as VtxEllipsisText } from './vtx-ellipsis-text';\nexport { default as VtxImage } from './vtx-image';\nexport { default as VtxRpsFrame } from './vtx-rps-frame';\nexport { default as VtxZtree } from './vtx-ztree';\nexport { default as VtxSplitPane } from './vtx-split-pane';\n\n// feedback\nexport { default as VtxModal } from './vtx-modal';\n"],"file":"index.js"}

package/lib/vtx-datagrid/renderColumnButtons.js

@@ -42,7 +42,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 var renderColumnButtons = function renderColumnButtons(renderButtons) {
   var _renderButtons;
 
-  var visible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
+  var visible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 4;
   var text = arguments.length > 2 ? arguments[2] : undefined;
   var record = arguments.length > 3 ? arguments[3] : undefined;
   var index = arguments.length > 4 ? arguments[4] : undefined;
@@ -59,9 +59,11 @@ var renderColumnButtons = function renderColumnButtons(renderButtons) {
   var actionsLen = actions.length; // 更多
 
   var moreRender;
+  var realVisible = visible;
 
   if (actionsLen > visible) {
-    var moreActions = actions.slice(visible);
+    realVisible = realVisible - 1;
+    var moreActions = actions.slice(realVisible);
     /* eslint-disable */
 
     moreRender = /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
@@ -78,7 +80,7 @@ var renderColumnButtons = function renderColumnButtons(renderButtons) {
     }, /*#__PURE__*/_react["default"].createElement("a", null, "\u66F4\u591A", /*#__PURE__*/_react["default"].createElement(_DownOutlined["default"], null)));
   }
 
-  return [].concat(_toConsumableArray(actions.slice(0, visible).map(function (item, i) {
+  return [].concat(_toConsumableArray(actions.slice(0, realVisible).map(function (item, i) {
     var name = item.name,
         onClick = item.onClick,
         popconfirm = item.popconfirm;

package/lib/vtx-datagrid/renderColumnButtons.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-datagrid/renderColumnButtons.jsx"],"names":["renderColumnButtons","renderButtons","visible","text","record","index","actions","filter","item","Array","isArray","actionsLen","length","moreRender","moreActions","slice","e","key","onClick","map","i","name","popconfirm","btnNode","undefined","confirm","rest"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,aAAD,EAAqD;AAAA;;AAAA,MAArCC,OAAqC,uEAA3B,CAA2B;AAAA,MAAxBC,IAAwB;AAAA,MAAlBC,MAAkB;AAAA,MAAVC,KAAU;AAC7E,MAAMC,OAAO,qBAAGL,aAAa,CAACE,IAAD,EAAOC,MAAP,EAAeC,KAAf,CAAhB,mDAAG,eAAoCE,MAApC,CACZ,UAAAC,IAAI;AAAA;;AAAA,WAAIA,IAAI,sBAAKA,IAAI,CAACN,OAAV,yDAAqB,IAArB,CAAR;AAAA,GADQ,CAAhB;;AAGA,MAAI,CAACO,KAAK,CAACC,OAAN,CAAcJ,OAAd,CAAL,EAA6B;AACzB;AACH;;AACD,MAAMK,UAAU,GAAGL,OAAO,CAACM,MAA3B,CAP6E,CAQ7E;;AACA,MAAIC,UAAJ;;AACA,MAAIF,UAAU,GAAGT,OAAjB,EAA0B;AACtB,QAAMY,WAAW,GAAGR,OAAO,CAACS,KAAR,CAAcb,OAAd,CAApB;AACA;;AACAW,IAAAA,UAAU,gBACN,gCAAC,oBAAD;AACI,MAAA,GAAG,EAAC,MADR;AAEI,MAAA,OAAO,eACH,gCAAC,gBAAD;AAAM,QAAA,OAAO,EAAE,iBAAAG,CAAC;AAAA,iBAAIF,WAAW,CAACE,CAAC,CAACC,GAAH,CAAX,CAAmBC,OAAnB,CAA2Bd,MAA3B,EAAmCC,KAAnC,CAAJ;AAAA;AAAhB,SACKS,WAAW,CAACK,GAAZ,CAAgB,UAACX,IAAD,EAAOY,CAAP;AAAA,4BACb,gCAAC,gBAAD,CAAM,IAAN;AAAW,UAAA,GAAG,EAAEA;AAAhB,WAAoBZ,IAAI,CAACa,IAAzB,CADa;AAAA,OAAhB,CADL;AAHR,oBAUI,wEAEI,gCAAC,wBAAD,OAFJ,CAVJ,CADJ;AAiBH;;AAED,sCACOf,OAAO,CAACS,KAAR,CAAc,CAAd,EAAiBb,OAAjB,EAA0BiB,GAA1B,CAA8B,UAACX,IAAD,EAAOY,CAAP,EAAa;AAC1C,QAAQC,IAAR,GAAsCb,IAAtC,CAAQa,IAAR;AAAA,QAAcH,OAAd,GAAsCV,IAAtC,CAAcU,OAAd;AAAA,QAAuBI,UAAvB,GAAsCd,IAAtC,CAAuBc,UAAvB;;AACA,QAAIC,OAAO,gBACP;AACI,MAAA,GAAG,EAAEF,IADT;AAEI,MAAA,OAAO,EAAEH,OAAO,IAAI,CAACI,UAAZ,GAAyB;AAAA,eAAMJ,OAAO,CAACd,MAAD,EAASC,KAAT,CAAb;AAAA,OAAzB,GAAwDmB;AAFrE,OAIKH,IAJL,CADJ;;AASA,QAAIC,UAAJ,EAAgB;AACZ,UAAQG,OAAR,GAA6BH,UAA7B,CAAQG,OAAR;AAAA,UAAoBC,IAApB,4BAA6BJ,UAA7B;;AACAC,MAAAA,OAAO,gBACH,gCAAC,sBAAD,eACQG,IADR;AAEI,QAAA,SAAS,EAAED,OAAO,GAAG;AAAA,iBAAMA,OAAO,CAACrB,MAAD,EAASC,KAAT,CAAb;AAAA,SAAH,GAAkCmB,SAFxD;AAGI,QAAA,GAAG,EAAEH;AAHT,UAKKE,OALL,CADJ;AASH;;AAED,WAAO,CAACA,OAAD,EAAUH,CAAC,IAAIT,UAAU,GAAG,CAAlB,iBAAuB,gCAAC,mBAAD;AAAS,MAAA,GAAG,EAAES,CAAd;AAAiB,MAAA,IAAI,EAAC;AAAtB,MAAjC,CAAP;AACH,GAzBE,CADP,IA2BIP,UA3BJ;AA6BH,CA7DD;;eA+Deb,mB","sourcesContent":["import React from 'react';\nimport Popconfirm from 'antd/lib/popconfirm';\nimport Dropdown from 'antd/lib/dropdown';\nimport Menu from 'antd/lib/menu';\nimport Divider from 'antd/lib/divider';\nimport DownOutlined from '@ant-design/icons/DownOutlined';\n\nconst renderColumnButtons = (renderButtons, visible = 3, text, record, index) => {\n    const actions = renderButtons(text, record, index)?.filter(\n        item => item && (item.visible ?? true),\n    );\n    if (!Array.isArray(actions)) {\n        return;\n    }\n    const actionsLen = actions.length;\n    // 更多\n    let moreRender;\n    if (actionsLen > visible) {\n        const moreActions = actions.slice(visible);\n        /* eslint-disable */\n        moreRender = (\n            <Dropdown\n                key=\"more\"\n                overlay={\n                    <Menu onClick={e => moreActions[e.key].onClick(record, index)}>\n                        {moreActions.map((item, i) => (\n                            <Menu.Item key={i}>{item.name}</Menu.Item>\n                        ))}\n                    </Menu>\n                }\n            >\n                <a>\n                    更多\n                    <DownOutlined />\n                </a>\n            </Dropdown>\n        );\n    }\n\n    return [\n        ...actions.slice(0, visible).map((item, i) => {\n            const { name, onClick, popconfirm } = item;\n            let btnNode = (\n                <a\n                    key={name}\n                    onClick={onClick && !popconfirm ? () => onClick(record, index) : undefined}\n                >\n                    {name}\n                </a>\n            );\n\n            if (popconfirm) {\n                const { confirm, ...rest } = popconfirm;\n                btnNode = (\n                    <Popconfirm\n                        {...rest}\n                        onConfirm={confirm ? () => confirm(record, index) : undefined}\n                        key={name}\n                    >\n                        {btnNode}\n                    </Popconfirm>\n                );\n            }\n\n            return [btnNode, i != actionsLen - 1 && <Divider key={i} type=\"vertical\" />];\n        }),\n        moreRender,\n    ];\n};\n\nexport default renderColumnButtons;\n"],"file":"renderColumnButtons.js"}
+{"version":3,"sources":["vtx-datagrid/renderColumnButtons.jsx"],"names":["renderColumnButtons","renderButtons","visible","text","record","index","actions","filter","item","Array","isArray","actionsLen","length","moreRender","realVisible","moreActions","slice","e","key","onClick","map","i","name","popconfirm","btnNode","undefined","confirm","rest"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Popconfirm from 'antd/lib/popconfirm';\nimport Dropdown from 'antd/lib/dropdown';\nimport Menu from 'antd/lib/menu';\nimport Divider from 'antd/lib/divider';\nimport DownOutlined from '@ant-design/icons/DownOutlined';\n\nconst renderColumnButtons = (renderButtons, visible = 4, text, record, index) => {\n    const actions = renderButtons(text, record, index)?.filter(\n        item => item && (item.visible ?? true),\n    );\n    if (!Array.isArray(actions)) {\n        return;\n    }\n    const actionsLen = actions.length;\n    // 更多\n    let moreRender;\n    let realVisible = visible;\n    if (actionsLen > visible) {\n        realVisible = realVisible - 1;\n        const moreActions = actions.slice(realVisible);\n        /* eslint-disable */\n        moreRender = (\n            <Dropdown\n                key=\"more\"\n                overlay={\n                    <Menu onClick={e => moreActions[e.key].onClick(record, index)}>\n                        {moreActions.map((item, i) => (\n                            <Menu.Item key={i}>{item.name}</Menu.Item>\n                        ))}\n                    </Menu>\n                }\n            >\n                <a>\n                    更多\n                    <DownOutlined />\n                </a>\n            </Dropdown>\n        );\n    }\n\n    return [\n        ...actions.slice(0, realVisible).map((item, i) => {\n            const { name, onClick, popconfirm } = item;\n            let btnNode = (\n                <a\n                    key={name}\n                    onClick={onClick && !popconfirm ? () => onClick(record, index) : undefined}\n                >\n                    {name}\n                </a>\n            );\n\n            if (popconfirm) {\n                const { confirm, ...rest } = popconfirm;\n                btnNode = (\n                    <Popconfirm\n                        {...rest}\n                        onConfirm={confirm ? () => confirm(record, index) : undefined}\n                        key={name}\n                    >\n                        {btnNode}\n                    </Popconfirm>\n                );\n            }\n\n            return [btnNode, i != actionsLen - 1 && <Divider key={i} type=\"vertical\" />];\n        }),\n        moreRender,\n    ];\n};\n\nexport default renderColumnButtons;\n"],"file":"renderColumnButtons.js"}

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

@@ -58,9 +58,6 @@
   width: 100%;
   border-right: none !important;
 }
-.vtx-datagrid .ant-table-tbody > tr.ant-table-row-selected td {
-  background: transparent;
-}
 .vtx-datagrid-alert {
   margin-bottom: 8px;
 }

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

@@ -78,9 +78,10 @@
             }
         }
     }
-    .ant-table-tbody > tr.ant-table-row-selected td {
-        background: transparent;
-    }
+    // fix: checkbox 选中时 固定列 最上面一层透明会 和下面重叠
+    // .ant-table-tbody > tr.ant-table-row-selected td {
+    //     background: transparent;
+    // }
     &-alert {
         margin-bottom: 8px;
         &-message {

package/lib/vtx-date-picker/generatePicker.js

@@ -48,12 +48,12 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var generatePicker = function generatePicker(Component, _ref) {
-  var _class, _temp;
+  var _class;
 
   var componentName = _ref.componentName,
       placeholder = _ref.placeholder,
       picker = _ref.picker;
-  return _temp = _class = /*#__PURE__*/function (_React$Component) {
+  return _class = /*#__PURE__*/function (_React$Component) {
     _inherits(Hoc, _React$Component);
 
     var _super = _createSuper(Hoc);
@@ -140,7 +140,7 @@ var generatePicker = function generatePicker(Component, _ref) {
     value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].instanceOf(_moment["default"]), _propTypes["default"].arrayOf(_propTypes["default"].string), _propTypes["default"].arrayOf(_propTypes["default"].instanceOf(_moment["default"]))]),
     earliestSelectableDate: _propTypes["default"].string,
     latestSelectableDate: _propTypes["default"].string
-  }), _temp;
+  }), _class;
 };
 
 var _default = generatePicker;

package/lib/vtx-ellipsis-text/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames2 = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function VtxEllipsisText(props) {
+  var _classnames;
+
+  var text = props.text,
+      _props$lineClamp = props.lineClamp,
+      lineClamp = _props$lineClamp === void 0 ? 1 : _props$lineClamp,
+      _props$tooltip = props.tooltip,
+      tooltip = _props$tooltip === void 0 ? {} : _props$tooltip,
+      className = props.className,
+      style = props.style;
+  var textStyle = {};
+
+  if (lineClamp > 2) {
+    textStyle['WebkitLineClamp'] = lineClamp;
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], _extends({
+    title: text,
+    placement: "topLeft",
+    mouseEnterDelay: 0.3
+  }, tooltip), /*#__PURE__*/_react["default"].createElement("p", {
+    className: (0, _classnames2["default"])('vtx-ellipsis-text', (_classnames = {}, _defineProperty(_classnames, 'vtx-ellipsis-text--single', lineClamp < 2), _defineProperty(_classnames, 'vtx-ellipsis-text--multi', lineClamp >= 2), _classnames), className),
+    style: _objectSpread(_objectSpread({}, style), textStyle)
+  }, text));
+}
+
+VtxEllipsisText.propTypes = {
+  text: _propTypes["default"].string,
+  lineClamp: _propTypes["default"].number,
+  tooltip: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  style: _propTypes["default"].object
+};
+var _default = VtxEllipsisText;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-ellipsis-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vtx-ellipsis-text/index.jsx"],"names":["VtxEllipsisText","props","text","lineClamp","tooltip","className","style","textStyle","propTypes","PropTypes","string","number","object"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,SAASA,eAAT,CAAyBC,KAAzB,EAAgC;AAAA;;AAC5B,MAAQC,IAAR,GAAgED,KAAhE,CAAQC,IAAR;AAAA,yBAAgED,KAAhE,CAAcE,SAAd;AAAA,MAAcA,SAAd,iCAA0B,CAA1B;AAAA,uBAAgEF,KAAhE,CAA6BG,OAA7B;AAAA,MAA6BA,OAA7B,+BAAuC,EAAvC;AAAA,MAA2CC,SAA3C,GAAgEJ,KAAhE,CAA2CI,SAA3C;AAAA,MAAsDC,KAAtD,GAAgEL,KAAhE,CAAsDK,KAAtD;AAEA,MAAMC,SAAS,GAAG,EAAlB;;AACA,MAAIJ,SAAS,GAAG,CAAhB,EAAmB;AACfI,IAAAA,SAAS,CAAC,iBAAD,CAAT,GAA+BJ,SAA/B;AACH;;AAED,sBACI,gCAAC,mBAAD;AAAS,IAAA,KAAK,EAAED,IAAhB;AAAsB,IAAA,SAAS,EAAC,SAAhC;AAA0C,IAAA,eAAe,EAAE;AAA3D,KAAoEE,OAApE,gBACI;AACI,IAAA,SAAS,EAAE,6BACP,mBADO,kDAGF,2BAHE,EAG4BD,SAAS,GAAG,CAHxC,gCAIF,0BAJE,EAI2BA,SAAS,IAAI,CAJxC,iBAMPE,SANO,CADf;AASI,IAAA,KAAK,kCAAOC,KAAP,GAAiBC,SAAjB;AATT,KAWKL,IAXL,CADJ,CADJ;AAiBH;;AAEDF,eAAe,CAACQ,SAAhB,GAA4B;AACxBN,EAAAA,IAAI,EAAEO,sBAAUC,MADQ;AAExBP,EAAAA,SAAS,EAAEM,sBAAUE,MAFG;AAGxBP,EAAAA,OAAO,EAAEK,sBAAUG,MAHK;AAIxBP,EAAAA,SAAS,EAAEI,sBAAUC,MAJG;AAKxBJ,EAAAA,KAAK,EAAEG,sBAAUG;AALO,CAA5B;eAQeZ,e","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport Tooltip from 'antd/lib/tooltip';\n\nfunction VtxEllipsisText(props) {\n    const { text, lineClamp = 1, tooltip = {}, className, style } = props;\n\n    const textStyle = {};\n    if (lineClamp > 2) {\n        textStyle['WebkitLineClamp'] = lineClamp;\n    }\n\n    return (\n        <Tooltip title={text} placement=\"topLeft\" mouseEnterDelay={0.3} {...tooltip}>\n            <p\n                className={classnames(\n                    'vtx-ellipsis-text',\n                    {\n                        ['vtx-ellipsis-text--single']: lineClamp < 2,\n                        ['vtx-ellipsis-text--multi']: lineClamp >= 2,\n                    },\n                    className,\n                )}\n                style={{ ...style, ...textStyle }}\n            >\n                {text}\n            </p>\n        </Tooltip>\n    );\n}\n\nVtxEllipsisText.propTypes = {\n    text: PropTypes.string,\n    lineClamp: PropTypes.number,\n    tooltip: PropTypes.object,\n    className: PropTypes.string,\n    style: PropTypes.object,\n};\n\nexport default VtxEllipsisText;\n"],"file":"index.js"}

package/lib/vtx-ellipsis-text/style/css.js

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

package/lib/vtx-ellipsis-text/style/css.js.map

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

package/lib/vtx-ellipsis-text/style/index.css

@@ -0,0 +1,13 @@
+.vtx-ellipsis-text {
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.vtx-ellipsis-text--single {
+  white-space: nowrap;
+}
+.vtx-ellipsis-text--multi {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}

package/lib/vtx-ellipsis-text/style/index.js

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

package/lib/vtx-ellipsis-text/style/index.js.map

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

package/lib/vtx-ellipsis-text/style/index.less

@@ -0,0 +1,13 @@
+.vtx-ellipsis-text {
+    margin: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    &--single {
+        white-space: nowrap;
+    }
+    &--multi {
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+    }
+}

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

@@ -9,14 +9,24 @@ var _react = _interopRequireDefault(require("react"));
 
 var _divider = _interopRequireDefault(require("antd/lib/divider"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames2 = _interopRequireDefault(require("classnames"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function VtxDivider() {
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function VtxDivider(props) {
+  var size = props.size;
   return /*#__PURE__*/_react["default"].createElement(_divider["default"], {
-    className: "vtx-form-divider"
+    className: (0, _classnames2["default"])('vtx-form-divider', _defineProperty({}, 'vtx-form-divider--small', size === 'small'))
   });
 }
 
+VtxDivider.propTypes = {
+  size: _propTypes["default"].oneOf(['default', 'small'])
+};
 var _default = VtxDivider;
 exports["default"] = _default;
 //# sourceMappingURL=Divider.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-form-layout/Divider.jsx"],"names":["VtxDivider"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,SAASA,UAAT,GAAsB;AAClB,sBAAO,gCAAC,mBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,IAAP;AACH;;eAEcA,U","sourcesContent":["import React from 'react';\nimport Divider from 'antd/lib/divider';\n\nfunction VtxDivider() {\n    return <Divider className=\"vtx-form-divider\" />;\n}\n\nexport default VtxDivider;\n"],"file":"Divider.js"}
+{"version":3,"sources":["vtx-form-layout/Divider.jsx"],"names":["VtxDivider","props","size","propTypes","PropTypes","oneOf"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,SAASA,UAAT,CAAoBC,KAApB,EAA2B;AACvB,MAAQC,IAAR,GAAiBD,KAAjB,CAAQC,IAAR;AACA,sBACI,gCAAC,mBAAD;AACI,IAAA,SAAS,EAAE,6BAAW,kBAAX,sBACN,yBADM,EACsBA,IAAI,KAAK,OAD/B;AADf,IADJ;AAOH;;AAEDF,UAAU,CAACG,SAAX,GAAuB;AACnBD,EAAAA,IAAI,EAAEE,sBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB;AADa,CAAvB;eAIeL,U","sourcesContent":["import React from 'react';\nimport Divider from 'antd/lib/divider';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction VtxDivider(props) {\n    const { size } = props;\n    return (\n        <Divider\n            className={classnames('vtx-form-divider', {\n                ['vtx-form-divider--small']: size === 'small',\n            })}\n        />\n    );\n}\n\nVtxDivider.propTypes = {\n    size: PropTypes.oneOf(['default', 'small']),\n};\n\nexport default VtxDivider;\n"],"file":"Divider.js"}

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

@@ -21,7 +21,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _context = require("./context");
 
-var _excluded = ["weights", "label"];
+var _excluded = ["weights", "label", "inline"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -42,17 +42,18 @@ function FormItem(props) {
   var _props$weights = props.weights,
       weights = _props$weights === void 0 ? 1 : _props$weights,
       label = props.label,
+      inline = props.inline,
       rest = _objectWithoutProperties(props, _excluded);
 
   var _useContext = (0, _react.useContext)(_context.StoreCtx),
       labelColSpan = _useContext.labelColSpan,
       cols = _useContext.cols,
       mode = _useContext.mode,
-      layout = _useContext.layout;
+      formLayout = _useContext.layout;
 
   var formItemLayout = null;
 
-  if (layout === 'horizontal') {
+  if (formLayout === 'horizontal') {
     var conversionLabelColSpan = labelColSpan / weights;
     var wrapperColSpan = SPAN - conversionLabelColSpan;
     formItemLayout = {
@@ -70,9 +71,11 @@ function FormItem(props) {
     className: "vtx-form-item-col"
   }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, _extends({
     className: (0, _classnames["default"])('vtx-form-item', {
-      'vtx-form-item-vertical': layout === 'vertical' && mode !== 'view'
+      'vtx-form-item-vertical': formLayout === 'vertical' && mode !== 'view'
     }, {
       'vtx-form-item--view': mode === 'view'
+    }, {
+      'vtx-form-item--inline': inline && mode !== 'view'
     })
   }, formItemLayout, {
     label: /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
@@ -84,6 +87,7 @@ function FormItem(props) {
 FormItem.propTypes = {
   weights: _propTypes["default"].number,
   children: _propTypes["default"].node,
+  inline: _propTypes["default"].bool,
   tip: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
   label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node])
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-form-layout/FormItem.jsx"],"names":["SPAN","FormItem","props","weights","label","rest","StoreCtx","labelColSpan","cols","mode","layout","formItemLayout","conversionLabelColSpan","wrapperColSpan","labelCol","span","wrapperCol","children","propTypes","PropTypes","number","node","tip","oneOfType","string"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA;AACA,IAAMA,IAAI,GAAG,EAAb;;AAEe,SAASC,QAAT,CAAkBC,KAAlB,EAAyB;AACpC,uBAAwCA,KAAxC,CAAQC,OAAR;AAAA,MAAQA,OAAR,+BAAkB,CAAlB;AAAA,MAAqBC,KAArB,GAAwCF,KAAxC,CAAqBE,KAArB;AAAA,MAA+BC,IAA/B,4BAAwCH,KAAxC;;AACA,oBAA6C,uBAAWI,iBAAX,CAA7C;AAAA,MAAQC,YAAR,eAAQA,YAAR;AAAA,MAAsBC,IAAtB,eAAsBA,IAAtB;AAAA,MAA4BC,IAA5B,eAA4BA,IAA5B;AAAA,MAAkCC,MAAlC,eAAkCA,MAAlC;;AAEA,MAAIC,cAAc,GAAG,IAArB;;AACA,MAAID,MAAM,KAAK,YAAf,EAA6B;AACzB,QAAME,sBAAsB,GAAGL,YAAY,GAAGJ,OAA9C;AACA,QAAMU,cAAc,GAAGb,IAAI,GAAGY,sBAA9B;AACAD,IAAAA,cAAc,GAAG;AACbG,MAAAA,QAAQ,EAAE;AAAEC,QAAAA,IAAI,EAAEH;AAAR,OADG;AAEbI,MAAAA,UAAU,EAAE;AAAED,QAAAA,IAAI,EAAEF;AAAR;AAFC,KAAjB;AAIH;;AAED,sBACI,gCAAC,eAAD;AAAK,IAAA,IAAI,EAAGb,IAAI,GAAGG,OAAR,GAAmBK,IAA9B;AAAoC,IAAA,SAAS,EAAC;AAA9C,kBACI,gCAAC,gBAAD,CAAM,IAAN;AACI,IAAA,SAAS,EAAE,4BACP,eADO,EAEP;AAAE,gCAA0BE,MAAM,KAAK,UAAX,IAAyBD,IAAI,KAAK;AAA9D,KAFO,EAGP;AAAE,6BAAuBA,IAAI,KAAK;AAAlC,KAHO;AADf,KAMQE,cANR;AAOI,IAAA,KAAK,eAAE,gCAAC,mBAAD;AAAS,MAAA,KAAK,EAAEP;AAAhB,OAAwBA,KAAxB;AAPX,KAQQC,IARR,GAUKH,KAAK,CAACe,QAVX,CADJ,CADJ;AAgBH;;AAEDhB,QAAQ,CAACiB,SAAT,GAAqB;AACjBf,EAAAA,OAAO,EAAEgB,sBAAUC,MADF;AAEjBH,EAAAA,QAAQ,EAAEE,sBAAUE,IAFH;AAGjBC,EAAAA,GAAG,EAAEH,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,MAAX,EAAmBL,sBAAUE,IAA7B,CAApB,CAHY;AAIjBjB,EAAAA,KAAK,EAAEe,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,MAAX,EAAmBL,sBAAUE,IAA7B,CAApB;AAJU,CAArB","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport Form from 'antd/lib/form';\nimport Col from 'antd/lib/col';\nimport Tooltip from 'antd/lib/tooltip';\nimport classnames from 'classnames';\nimport { StoreCtx } from './context';\n\n// 24 栅格\nconst SPAN = 24;\n\nexport default function FormItem(props) {\n    const { weights = 1, label, ...rest } = props;\n    const { labelColSpan, cols, mode, layout } = useContext(StoreCtx);\n\n    let formItemLayout = null;\n    if (layout === 'horizontal') {\n        const conversionLabelColSpan = labelColSpan / weights;\n        const wrapperColSpan = SPAN - conversionLabelColSpan;\n        formItemLayout = {\n            labelCol: { span: conversionLabelColSpan },\n            wrapperCol: { span: wrapperColSpan },\n        };\n    }\n\n    return (\n        <Col span={(SPAN * weights) / cols} className=\"vtx-form-item-col\">\n            <Form.Item\n                className={classnames(\n                    'vtx-form-item',\n                    { 'vtx-form-item-vertical': layout === 'vertical' && mode !== 'view' },\n                    { 'vtx-form-item--view': mode === 'view' },\n                )}\n                {...formItemLayout}\n                label={<Tooltip title={label}>{label}</Tooltip>}\n                {...rest}\n            >\n                {props.children}\n            </Form.Item>\n        </Col>\n    );\n}\n\nFormItem.propTypes = {\n    weights: PropTypes.number,\n    children: PropTypes.node,\n    tip: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n};\n"],"file":"FormItem.js"}
+{"version":3,"sources":["vtx-form-layout/FormItem.jsx"],"names":["SPAN","FormItem","props","weights","label","inline","rest","StoreCtx","labelColSpan","cols","mode","formLayout","layout","formItemLayout","conversionLabelColSpan","wrapperColSpan","labelCol","span","wrapperCol","children","propTypes","PropTypes","number","node","bool","tip","oneOfType","string"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA;AACA,IAAMA,IAAI,GAAG,EAAb;;AAEe,SAASC,QAAT,CAAkBC,KAAlB,EAAyB;AACpC,uBAAgDA,KAAhD,CAAQC,OAAR;AAAA,MAAQA,OAAR,+BAAkB,CAAlB;AAAA,MAAqBC,KAArB,GAAgDF,KAAhD,CAAqBE,KAArB;AAAA,MAA4BC,MAA5B,GAAgDH,KAAhD,CAA4BG,MAA5B;AAAA,MAAuCC,IAAvC,4BAAgDJ,KAAhD;;AACA,oBAAyD,uBAAWK,iBAAX,CAAzD;AAAA,MAAQC,YAAR,eAAQA,YAAR;AAAA,MAAsBC,IAAtB,eAAsBA,IAAtB;AAAA,MAA4BC,IAA5B,eAA4BA,IAA5B;AAAA,MAA0CC,UAA1C,eAAkCC,MAAlC;;AAEA,MAAIC,cAAc,GAAG,IAArB;;AACA,MAAIF,UAAU,KAAK,YAAnB,EAAiC;AAC7B,QAAMG,sBAAsB,GAAGN,YAAY,GAAGL,OAA9C;AACA,QAAMY,cAAc,GAAGf,IAAI,GAAGc,sBAA9B;AACAD,IAAAA,cAAc,GAAG;AACbG,MAAAA,QAAQ,EAAE;AAAEC,QAAAA,IAAI,EAAEH;AAAR,OADG;AAEbI,MAAAA,UAAU,EAAE;AAAED,QAAAA,IAAI,EAAEF;AAAR;AAFC,KAAjB;AAIH;;AAED,sBACI,gCAAC,eAAD;AAAK,IAAA,IAAI,EAAGf,IAAI,GAAGG,OAAR,GAAmBM,IAA9B;AAAoC,IAAA,SAAS,EAAC;AAA9C,kBACI,gCAAC,gBAAD,CAAM,IAAN;AACI,IAAA,SAAS,EAAE,4BACP,eADO,EAEP;AAAE,gCAA0BE,UAAU,KAAK,UAAf,IAA6BD,IAAI,KAAK;AAAlE,KAFO,EAGP;AAAE,6BAAuBA,IAAI,KAAK;AAAlC,KAHO,EAIP;AAAE,+BAAyBL,MAAM,IAAIK,IAAI,KAAK;AAA9C,KAJO;AADf,KAOQG,cAPR;AAQI,IAAA,KAAK,eAAE,gCAAC,mBAAD;AAAS,MAAA,KAAK,EAAET;AAAhB,OAAwBA,KAAxB;AARX,KASQE,IATR,GAWKJ,KAAK,CAACiB,QAXX,CADJ,CADJ;AAiBH;;AAEDlB,QAAQ,CAACmB,SAAT,GAAqB;AACjBjB,EAAAA,OAAO,EAAEkB,sBAAUC,MADF;AAEjBH,EAAAA,QAAQ,EAAEE,sBAAUE,IAFH;AAGjBlB,EAAAA,MAAM,EAAEgB,sBAAUG,IAHD;AAIjBC,EAAAA,GAAG,EAAEJ,sBAAUK,SAAV,CAAoB,CAACL,sBAAUM,MAAX,EAAmBN,sBAAUE,IAA7B,CAApB,CAJY;AAKjBnB,EAAAA,KAAK,EAAEiB,sBAAUK,SAAV,CAAoB,CAACL,sBAAUM,MAAX,EAAmBN,sBAAUE,IAA7B,CAApB;AALU,CAArB","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport Form from 'antd/lib/form';\nimport Col from 'antd/lib/col';\nimport Tooltip from 'antd/lib/tooltip';\nimport classnames from 'classnames';\nimport { StoreCtx } from './context';\n\n// 24 栅格\nconst SPAN = 24;\n\nexport default function FormItem(props) {\n    const { weights = 1, label, inline, ...rest } = props;\n    const { labelColSpan, cols, mode, layout: formLayout } = useContext(StoreCtx);\n\n    let formItemLayout = null;\n    if (formLayout === 'horizontal') {\n        const conversionLabelColSpan = labelColSpan / weights;\n        const wrapperColSpan = SPAN - conversionLabelColSpan;\n        formItemLayout = {\n            labelCol: { span: conversionLabelColSpan },\n            wrapperCol: { span: wrapperColSpan },\n        };\n    }\n\n    return (\n        <Col span={(SPAN * weights) / cols} className=\"vtx-form-item-col\">\n            <Form.Item\n                className={classnames(\n                    'vtx-form-item',\n                    { 'vtx-form-item-vertical': formLayout === 'vertical' && mode !== 'view' },\n                    { 'vtx-form-item--view': mode === 'view' },\n                    { 'vtx-form-item--inline': inline && mode !== 'view' },\n                )}\n                {...formItemLayout}\n                label={<Tooltip title={label}>{label}</Tooltip>}\n                {...rest}\n            >\n                {props.children}\n            </Form.Item>\n        </Col>\n    );\n}\n\nFormItem.propTypes = {\n    weights: PropTypes.number,\n    children: PropTypes.node,\n    inline: PropTypes.bool,\n    tip: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n};\n"],"file":"FormItem.js"}

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

@@ -39,6 +39,36 @@
 .vtx-form-layout .vtx-form-item .ant-form-item-explain {
   font-size: 12px;
 }
+.vtx-form-layout .vtx-form-item--inline {
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  margin-right: 16px;
+  margin-bottom: 16px !important;
+  row-gap: 0;
+}
+.vtx-form-layout .vtx-form-item--inline .ant-form-item-control-input {
+  min-height: auto;
+}
+.vtx-form-layout .vtx-form-item--inline .ant-form-item-label {
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
+  margin-bottom: 0;
+}
+.vtx-form-layout .vtx-form-item--inline .ant-form-item-label > label {
+  height: auto;
+  color: rgba(0, 0, 0, 0.65);
+}
+.vtx-form-layout .vtx-form-item--inline .ant-form-item-label label::after {
+  content: ':';
+}
 .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;
@@ -110,7 +140,6 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 100%;
-  overflow: hidden;
 }
 .vtx-form-layout .vtx-form-pane::after {
   clear: both;
@@ -149,6 +178,9 @@
   margin: 0;
   margin-bottom: 20px;
 }
+.vtx-form-layout .vtx-form-divider--small {
+  margin-bottom: 16px;
+}
 .vtx-form-layout .vtx-form-tabs {
   width: 100%;
 }
@@ -181,5 +213,8 @@
   padding: 0 24px;
 }
 .vtx-form-layout-view .vtx-form-item-col {
-  margin-bottom: 20px;
+  margin-bottom: 16px;
+}
+.vtx-form-layout-view .vtx-form-divider {
+  margin-bottom: 16px;
 }

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

@@ -1,5 +1,7 @@
 @import (reference) '~antd/lib/style/themes/index.less';
 
+@view-item-margin-bottom: 16px;
+
 .vtx-form-layout {
     position: relative;
     display: flex;
@@ -33,6 +35,28 @@
         .ant-form-item-explain {
             font-size: @font-size-sm;
         }
+        &--inline {
+            flex: none;
+            flex-direction: row;
+            flex-wrap: nowrap;
+            margin-right: 16px;
+            margin-bottom: @view-item-margin-bottom !important;
+            row-gap: 0;
+            .ant-form-item-control-input {
+                min-height: auto;
+            }
+            .ant-form-item-label {
+                flex: none;
+                margin-bottom: 0;
+                & > label {
+                    height: auto;
+                    color: fade(@black, 65%);
+                }
+                label::after {
+                    content: ':';
+                }
+            }
+        }
         &--view {
             .ant-form-item-label,
             .ant-form-item-control {
@@ -105,7 +129,6 @@
         position: relative;
         box-sizing: border-box;
         width: 100%;
-        overflow: hidden;
         &::after {
             clear: both;
         }
@@ -138,6 +161,9 @@
     .vtx-form-divider {
         margin: 0;
         margin-bottom: 20px;
+        &--small {
+            margin-bottom: 16px;
+        }
     }
     .vtx-form-tabs {
         width: 100%;
@@ -172,7 +198,10 @@
     }
     &-view {
         .vtx-form-item-col {
-            margin-bottom: 20px;
+            margin-bottom: @view-item-margin-bottom;
+        }
+        .vtx-form-divider {
+            margin-bottom: @view-item-margin-bottom;
         }
     }
 }