@vtx/components 2.5.10 → 2.5.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports["default"] = ColumnSetting;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
- var _popover = _interopRequireDefault(require("antd/es/popover"));
10
- var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
9
+ var _popover = _interopRequireDefault(require("antd/lib/popover"));
10
+ var _divider = _interopRequireDefault(require("antd/lib/divider"));
11
+ var _button = _interopRequireDefault(require("antd/lib/button"));
12
+ var _checkbox = _interopRequireDefault(require("antd/lib/checkbox"));
11
13
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
14
  var _useSet3 = _interopRequireDefault(require("../_util/useSet"));
13
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -35,7 +37,10 @@ function ColumnSetting(props) {
35
37
  checkedColumnKeys = props.checkedColumnKeys,
36
38
  columnSettingOptions = props.columnSettingOptions,
37
39
  onChange = props.onChange,
38
- onReset = props.onReset;
40
+ onReset = props.onReset,
41
+ _props$disabledColumn = props.disabledColumnKeys,
42
+ disabledColumnKeys = _props$disabledColumn === void 0 ? [] : _props$disabledColumn,
43
+ onColumnsSave = props.onColumnsSave;
39
44
  (0, _react.useEffect)(function () {
40
45
  var chkLen = checkedColumnKeys === null || checkedColumnKeys === void 0 ? void 0 : checkedColumnKeys.length;
41
46
  var optionLen = columnSettingOptions === null || columnSettingOptions === void 0 ? void 0 : columnSettingOptions.length;
@@ -66,6 +71,12 @@ function ColumnSetting(props) {
66
71
  onChange(newCheckedColumnKeys);
67
72
  }
68
73
  };
74
+ // 保存按钮
75
+ var onSaveChange = function onSaveChange() {
76
+ if (onChange) {
77
+ onColumnsSave(checkedColumnKeys);
78
+ }
79
+ };
69
80
  return /*#__PURE__*/_react["default"].createElement(_popover["default"], {
70
81
  trigger: "click",
71
82
  placement: "bottomRight",
@@ -91,9 +102,19 @@ function ColumnSetting(props) {
91
102
  checked: checkedColumnKeys === null || checkedColumnKeys === void 0 ? void 0 : checkedColumnKeys.includes(key),
92
103
  onChange: function onChange(e) {
93
104
  return onCheckChange(e, key);
94
- }
105
+ },
106
+ disabled: disabledColumnKeys.includes(key)
95
107
  }, opt.title));
96
- }))
108
+ }), typeof onColumnsSave === 'function' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_divider["default"], {
109
+ style: {
110
+ margin: '5px 0 10px 0'
111
+ }
112
+ }), /*#__PURE__*/_react["default"].createElement(_button["default"], {
113
+ block: true,
114
+ onClick: function onClick() {
115
+ return onSaveChange();
116
+ }
117
+ }, "\u4FDD\u5B58")) : null)
97
118
  }, props.children);
98
119
  }
99
120
  ColumnSetting.propTypes = {
@@ -102,6 +123,8 @@ ColumnSetting.propTypes = {
102
123
  columnSettingOptions: _propTypes["default"].array,
103
124
  children: _propTypes["default"].node,
104
125
  onChange: _propTypes["default"].func,
105
- onReset: _propTypes["default"].func
126
+ onReset: _propTypes["default"].func,
127
+ disabledColumnKeys: _propTypes["default"].array,
128
+ onColumnsSave: _propTypes["default"].func
106
129
  };
107
130
  //# sourceMappingURL=ColumnSetting.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnSetting.js","names":["ColumnSetting","props","useSet","indeterminate","checkAll","state","setState","prefixCls","checkedColumnKeys","columnSettingOptions","onChange","onReset","useEffect","chkLen","length","optionLen","onCheckChange","e","key","newCheckedColumnKeys","target","checked","filter","item","onCheckAllChange","map","opt","dataIndex","includes","title","children","propTypes","PropTypes","string","array","node","func"],"sources":["vtx-datagrid/ColumnSetting.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport Popover from 'antd/es/popover';\nimport Checkbox from 'antd/es/checkbox';\nimport PropTypes from 'prop-types';\n\nimport useSet from '../_util/useSet';\n\nexport default function ColumnSetting(props) {\n const [state, setState] = useSet({\n indeterminate: false,\n checkAll: false,\n });\n const { prefixCls, checkedColumnKeys, columnSettingOptions, onChange, onReset } = props;\n\n useEffect(() => {\n const chkLen = checkedColumnKeys?.length;\n const optionLen = columnSettingOptions?.length;\n setState({\n checkAll: chkLen == optionLen,\n indeterminate: chkLen && chkLen < optionLen,\n });\n }, [checkedColumnKeys]);\n\n const { indeterminate, checkAll } = state;\n\n // 单选\n const onCheckChange = (e, key) => {\n if (onChange) {\n const newCheckedColumnKeys = e.target.checked\n ? [...checkedColumnKeys, key]\n : checkedColumnKeys?.filter(item => item != key);\n onChange(newCheckedColumnKeys);\n }\n };\n\n // 全选\n const onCheckAllChange = e => {\n if (onChange) {\n const newCheckedColumnKeys = e.target.checked\n ? columnSettingOptions?.map(item => item.key)\n : [];\n onChange(newCheckedColumnKeys);\n }\n };\n\n return (\n <Popover\n trigger=\"click\"\n placement=\"bottomRight\"\n arrowPointAtCenter\n title={\n <div className={`${prefixCls}-column-setting-title`} slot=\"title\">\n <Checkbox\n className={`${prefixCls}-column-setting-checkbox-wrapper`}\n indeterminate={indeterminate}\n checked={checkAll}\n onChange={onCheckAllChange}\n >\n 列展示\n </Checkbox>\n <a onClick={onReset}>重置</a>\n </div>\n }\n content={\n <div className={`${prefixCls}-column-setting-list`}>\n {columnSettingOptions?.map(opt => {\n const key = opt.key || opt.dataIndex;\n return (\n <div key={key}>\n <Checkbox\n checked={checkedColumnKeys?.includes(key)}\n onChange={e => onCheckChange(e, key)}\n >\n {opt.title}\n </Checkbox>\n </div>\n );\n })}\n </div>\n }\n >\n {props.children}\n </Popover>\n );\n}\n\nColumnSetting.propTypes = {\n prefixCls: PropTypes.string,\n checkedColumnKeys: PropTypes.array,\n columnSettingOptions: PropTypes.array,\n children: PropTypes.node,\n onChange: PropTypes.func,\n onReset: PropTypes.func,\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"ColumnSetting.js","names":["ColumnSetting","props","useSet","indeterminate","checkAll","state","setState","prefixCls","checkedColumnKeys","columnSettingOptions","onChange","onReset","disabledColumnKeys","onColumnsSave","useEffect","chkLen","length","optionLen","onCheckChange","e","key","newCheckedColumnKeys","target","checked","filter","item","onCheckAllChange","map","onSaveChange","opt","dataIndex","includes","title","margin","children","propTypes","PropTypes","string","array","node","func"],"sources":["vtx-datagrid/ColumnSetting.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport Popover from 'antd/lib/popover';\nimport Divider from 'antd/lib/divider';\nimport Button from 'antd/lib/button';\nimport Checkbox from 'antd/lib/checkbox';\nimport PropTypes from 'prop-types';\n\nimport useSet from '../_util/useSet';\n\nexport default function ColumnSetting(props) {\n const [state, setState] = useSet({\n indeterminate: false,\n checkAll: false,\n });\n const {\n prefixCls,\n checkedColumnKeys,\n columnSettingOptions,\n onChange,\n onReset,\n disabledColumnKeys = [],\n onColumnsSave,\n } = props;\n\n useEffect(() => {\n const chkLen = checkedColumnKeys?.length;\n const optionLen = columnSettingOptions?.length;\n setState({\n checkAll: chkLen == optionLen,\n indeterminate: chkLen && chkLen < optionLen,\n });\n }, [checkedColumnKeys]);\n\n const { indeterminate, checkAll } = state;\n\n // 单选\n const onCheckChange = (e, key) => {\n if (onChange) {\n const newCheckedColumnKeys = e.target.checked\n ? [...checkedColumnKeys, key]\n : checkedColumnKeys?.filter(item => item != key);\n onChange(newCheckedColumnKeys);\n }\n };\n\n // 全选\n const onCheckAllChange = e => {\n if (onChange) {\n const newCheckedColumnKeys = e.target.checked\n ? columnSettingOptions?.map(item => item.key)\n : [];\n onChange(newCheckedColumnKeys);\n }\n };\n // 保存按钮\n const onSaveChange = () => {\n if (onChange) {\n onColumnsSave(checkedColumnKeys);\n }\n };\n return (\n <Popover\n trigger=\"click\"\n placement=\"bottomRight\"\n arrowPointAtCenter\n title={\n <div className={`${prefixCls}-column-setting-title`} slot=\"title\">\n <Checkbox\n className={`${prefixCls}-column-setting-checkbox-wrapper`}\n indeterminate={indeterminate}\n checked={checkAll}\n onChange={onCheckAllChange}\n >\n 列展示\n </Checkbox>\n <a onClick={onReset}>重置</a>\n </div>\n }\n content={\n <div className={`${prefixCls}-column-setting-list`}>\n {columnSettingOptions?.map(opt => {\n const key = opt.key || opt.dataIndex;\n return (\n <div key={key}>\n <Checkbox\n checked={checkedColumnKeys?.includes(key)}\n onChange={e => onCheckChange(e, key)}\n disabled={disabledColumnKeys.includes(key)}\n >\n {opt.title}\n </Checkbox>\n </div>\n );\n })}\n {typeof onColumnsSave === 'function' ? (\n <>\n <Divider style={{ margin: '5px 0 10px 0' }} />\n <Button block={true} onClick={() => onSaveChange()}>\n 保存\n </Button>\n </>\n ) : null}\n </div>\n }\n >\n {props.children}\n </Popover>\n );\n}\n\nColumnSetting.propTypes = {\n prefixCls: PropTypes.string,\n checkedColumnKeys: PropTypes.array,\n columnSettingOptions: PropTypes.array,\n children: PropTypes.node,\n onChange: PropTypes.func,\n onReset: PropTypes.func,\n disabledColumnKeys: PropTypes.array,\n onColumnsSave: PropTypes.func,\n};\n"],"mappings":"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"}
@@ -13,7 +13,7 @@ var _icon = _interopRequireDefault(require("antd/es/icon"));
13
13
  var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
14
14
  var _classnames = _interopRequireDefault(require("classnames"));
15
15
  var _context = require("./context");
16
- var _excluded = ["weights", "tip", "label"];
16
+ var _excluded = ["weights", "tip", "hideTooltip", "label"];
17
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
18
18
  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); }
19
19
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -26,6 +26,7 @@ function FormItem(props) {
26
26
  var _props$weights = props.weights,
27
27
  weights = _props$weights === void 0 ? 1 : _props$weights,
28
28
  tip = props.tip,
29
+ hideTooltip = props.hideTooltip,
29
30
  label = props.label,
30
31
  rest = _objectWithoutProperties(props, _excluded);
31
32
  var _useContext = (0, _react.useContext)(_context.StoreCtx),
@@ -33,7 +34,7 @@ function FormItem(props) {
33
34
  cols = _useContext.cols,
34
35
  mode = _useContext.mode,
35
36
  layout = _useContext.layout;
36
- var labelRender = /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
37
+ var labelRender = hideTooltip ? label : /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
37
38
  title: label
38
39
  }, label);
39
40
  if (tip) {
@@ -73,6 +74,7 @@ FormItem.propTypes = {
73
74
  weights: _propTypes["default"].number,
74
75
  children: _propTypes["default"].node,
75
76
  tip: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
76
- label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node])
77
+ label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
78
+ hideTooltip: _propTypes["default"].bool
77
79
  };
78
80
  //# sourceMappingURL=FormItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormItem.js","names":["SPAN","FormItem","props","weights","tip","label","rest","useContext","StoreCtx","labelColSpan","cols","mode","layout","labelRender","formItemLayout","conversionLabelColSpan","wrapperColSpan","labelCol","span","wrapperCol","classnames","children","propTypes","PropTypes","number","node","oneOfType","string"],"sources":["vtx-form-layout/FormItem.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport Form from 'antd/es/form';\nimport Col from 'antd/es/col';\nimport Icon from 'antd/es/icon';\nimport Tooltip from 'antd/es/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, tip, label, ...rest } = props;\n const { labelColSpan, cols, mode, layout } = useContext(StoreCtx);\n\n let labelRender = <Tooltip title={label}>{label}</Tooltip>;\n if (tip) {\n labelRender = (\n <span>\n {label}&nbsp;\n <Tooltip title={tip}>\n <Icon type=\"question-circle-o\" />\n </Tooltip>\n </span>\n );\n }\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={labelRender}\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"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAErC;AACA,IAAMA,IAAI,GAAG,EAAE;AAEA,SAASC,QAAQ,CAACC,KAAK,EAAE;EACpC,qBAA6CA,KAAK,CAA1CC,OAAO;IAAPA,OAAO,+BAAG,CAAC;IAAEC,GAAG,GAAqBF,KAAK,CAA7BE,GAAG;IAAEC,KAAK,GAAcH,KAAK,CAAxBG,KAAK;IAAKC,IAAI,4BAAKJ,KAAK;EAClD,kBAA6C,IAAAK,iBAAU,EAACC,iBAAQ,CAAC;IAAzDC,YAAY,eAAZA,YAAY;IAAEC,IAAI,eAAJA,IAAI;IAAEC,IAAI,eAAJA,IAAI;IAAEC,MAAM,eAANA,MAAM;EAExC,IAAIC,WAAW,gBAAG,gCAAC,mBAAO;IAAC,KAAK,EAAER;EAAM,GAAEA,KAAK,CAAW;EAC1D,IAAID,GAAG,EAAE;IACLS,WAAW,gBACP,8CACKR,KAAK,uBACN,gCAAC,mBAAO;MAAC,KAAK,EAAED;IAAI,gBAChB,gCAAC,gBAAI;MAAC,IAAI,EAAC;IAAmB,EAAG,CAC3B,CAEjB;EACL;EAEA,IAAIU,cAAc,GAAG,IAAI;EACzB,IAAIF,MAAM,KAAK,YAAY,EAAE;IACzB,IAAMG,sBAAsB,GAAGN,YAAY,GAAGN,OAAO;IACrD,IAAMa,cAAc,GAAGhB,IAAI,GAAGe,sBAAsB;IACpDD,cAAc,GAAG;MACbG,QAAQ,EAAE;QAAEC,IAAI,EAAEH;MAAuB,CAAC;MAC1CI,UAAU,EAAE;QAAED,IAAI,EAAEF;MAAe;IACvC,CAAC;EACL;EAEA,oBACI,gCAAC,eAAG;IAAC,IAAI,EAAGhB,IAAI,GAAGG,OAAO,GAAIO,IAAK;IAAC,SAAS,EAAC;EAAmB,gBAC7D,gCAAC,gBAAI,CAAC,IAAI;IACN,SAAS,EAAE,IAAAU,sBAAU,EACjB,eAAe,EACf;MAAE,wBAAwB,EAAER,MAAM,KAAK,UAAU,IAAID,IAAI,KAAK;IAAO,CAAC,EACtE;MAAE,qBAAqB,EAAEA,IAAI,KAAK;IAAO,CAAC;EAC5C,GACEG,cAAc;IAClB,KAAK,EAAED;EAAY,GACfP,IAAI,GAEPJ,KAAK,CAACmB,QAAQ,CACP,CACV;AAEd;AAEApB,QAAQ,CAACqB,SAAS,GAAG;EACjBnB,OAAO,EAAEoB,qBAAS,CAACC,MAAM;EACzBH,QAAQ,EAAEE,qBAAS,CAACE,IAAI;EACxBrB,GAAG,EAAEmB,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACI,MAAM,EAAEJ,qBAAS,CAACE,IAAI,CAAC,CAAC;EAC5DpB,KAAK,EAAEkB,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACI,MAAM,EAAEJ,qBAAS,CAACE,IAAI,CAAC;AACjE,CAAC"}
1
+ {"version":3,"file":"FormItem.js","names":["SPAN","FormItem","props","weights","tip","hideTooltip","label","rest","useContext","StoreCtx","labelColSpan","cols","mode","layout","labelRender","formItemLayout","conversionLabelColSpan","wrapperColSpan","labelCol","span","wrapperCol","classnames","children","propTypes","PropTypes","number","node","oneOfType","string","bool"],"sources":["vtx-form-layout/FormItem.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport Form from 'antd/es/form';\nimport Col from 'antd/es/col';\nimport Icon from 'antd/es/icon';\nimport Tooltip from 'antd/es/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, tip, hideTooltip, label, ...rest } = props;\n const { labelColSpan, cols, mode, layout } = useContext(StoreCtx);\n\n let labelRender = hideTooltip ? label : <Tooltip title={label}>{label}</Tooltip>;\n if (tip) {\n labelRender = (\n <span>\n {label}&nbsp;\n <Tooltip title={tip}>\n <Icon type=\"question-circle-o\" />\n </Tooltip>\n </span>\n );\n }\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={labelRender}\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 hideTooltip: PropTypes.bool\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAErC;AACA,IAAMA,IAAI,GAAG,EAAE;AAEA,SAASC,QAAQ,CAACC,KAAK,EAAE;EACpC,qBAA0DA,KAAK,CAAvDC,OAAO;IAAPA,OAAO,+BAAG,CAAC;IAAEC,GAAG,GAAkCF,KAAK,CAA1CE,GAAG;IAAEC,WAAW,GAAqBH,KAAK,CAArCG,WAAW;IAAEC,KAAK,GAAcJ,KAAK,CAAxBI,KAAK;IAAKC,IAAI,4BAAKL,KAAK;EAC/D,kBAA6C,IAAAM,iBAAU,EAACC,iBAAQ,CAAC;IAAzDC,YAAY,eAAZA,YAAY;IAAEC,IAAI,eAAJA,IAAI;IAAEC,IAAI,eAAJA,IAAI;IAAEC,MAAM,eAANA,MAAM;EAExC,IAAIC,WAAW,GAAGT,WAAW,GAAGC,KAAK,gBAAG,gCAAC,mBAAO;IAAC,KAAK,EAAEA;EAAM,GAAEA,KAAK,CAAW;EAChF,IAAIF,GAAG,EAAE;IACLU,WAAW,gBACP,8CACKR,KAAK,uBACN,gCAAC,mBAAO;MAAC,KAAK,EAAEF;IAAI,gBAChB,gCAAC,gBAAI;MAAC,IAAI,EAAC;IAAmB,EAAG,CAC3B,CAEjB;EACL;EAEA,IAAIW,cAAc,GAAG,IAAI;EACzB,IAAIF,MAAM,KAAK,YAAY,EAAE;IACzB,IAAMG,sBAAsB,GAAGN,YAAY,GAAGP,OAAO;IACrD,IAAMc,cAAc,GAAGjB,IAAI,GAAGgB,sBAAsB;IACpDD,cAAc,GAAG;MACbG,QAAQ,EAAE;QAAEC,IAAI,EAAEH;MAAuB,CAAC;MAC1CI,UAAU,EAAE;QAAED,IAAI,EAAEF;MAAe;IACvC,CAAC;EACL;EAEA,oBACI,gCAAC,eAAG;IAAC,IAAI,EAAGjB,IAAI,GAAGG,OAAO,GAAIQ,IAAK;IAAC,SAAS,EAAC;EAAmB,gBAC7D,gCAAC,gBAAI,CAAC,IAAI;IACN,SAAS,EAAE,IAAAU,sBAAU,EACjB,eAAe,EACf;MAAE,wBAAwB,EAAER,MAAM,KAAK,UAAU,IAAID,IAAI,KAAK;IAAO,CAAC,EACtE;MAAE,qBAAqB,EAAEA,IAAI,KAAK;IAAO,CAAC;EAC5C,GACEG,cAAc;IAClB,KAAK,EAAED;EAAY,GACfP,IAAI,GAEPL,KAAK,CAACoB,QAAQ,CACP,CACV;AAEd;AAEArB,QAAQ,CAACsB,SAAS,GAAG;EACjBpB,OAAO,EAAEqB,qBAAS,CAACC,MAAM;EACzBH,QAAQ,EAAEE,qBAAS,CAACE,IAAI;EACxBtB,GAAG,EAAEoB,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACI,MAAM,EAAEJ,qBAAS,CAACE,IAAI,CAAC,CAAC;EAC5DpB,KAAK,EAAEkB,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACI,MAAM,EAAEJ,qBAAS,CAACE,IAAI,CAAC,CAAC;EAC9DrB,WAAW,EAAEmB,qBAAS,CAACK;AAC3B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vtx/components",
3
- "version": "2.5.10",
3
+ "version": "2.5.12",
4
4
  "description": "React components for Vortex",
5
5
  "keywords": [
6
6
  "react",