@vtx/components 3.1.181 → 4.0.0-beta.1

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

@@ -1,11 +1,268 @@
 "use strict";
 
-require("antd/lib/row/style");
-require("antd/lib/col/style");
-require("antd/lib/form/style");
-require("antd/lib/tooltip/style");
-require("antd/lib/card/style");
-require("antd/lib/divider/style");
-require("antd/lib/skeleton/style");
-require("./index.less");
-//# sourceMappingURL=index.js.map
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyle = useStyle;
+var _polished = require("polished");
+var _vtxProvider = require("../../vtx-provider");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var genVtxFormLayoutStyle = function genVtxFormLayoutStyle(token) {
+  var _componentCls;
+  var componentCls = token.componentCls;
+  return _defineProperty({}, componentCls, (_componentCls = {
+    position: 'relative',
+    display: "flex",
+    flexFlow: "row wrap",
+    overflow: "hidden",
+    width: '100%'
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_componentCls, "".concat(componentCls, "-item"), {
+    '.ant-form-item-label': {
+      textOverflow: 'ellipsis',
+      'label > span': {
+        textOverflow: 'ellipsis',
+        overflow: 'hidden'
+      }
+    },
+    '.ant-form-item-control': {
+      'img': {
+        borderRadius: token.borderRadius
+      },
+      '.ant-select,.ant-input-number': {
+        width: "100%"
+      },
+      '.ant-radio-group': {
+        paddingLeft: 10
+      }
+    },
+    '&-vertical': {
+      flexDirection: 'column',
+      '.ant-form-item-row': {
+        flexDirection: 'column',
+        marginBottom: 20
+      },
+      '.ant-form-item-label, .ant-form-item-control': {
+        lineHeight: token.lineHeight,
+        flex: 'none'
+      },
+      '.ant-form-item-label': {
+        marginBottom: 8,
+        padding: '0 !important',
+        whiteSpace: 'initial',
+        textAlign: 'left',
+        label: {
+          height: 'auto',
+          whiteSpace: 'nowrap'
+        },
+        'label::after': {
+          content: "''"
+        }
+      }
+    },
+    '.ant-form-item-explain': {
+      fontSize: token.fontSizeSM
+    },
+    '&--inline': {
+      flex: 'none',
+      flexDirection: 'row',
+      flexWrap: 'nowrap',
+      marginRight: '16px',
+      marginBottom: '16px !important',
+      rowGap: 0,
+      '.ant-form-item-control-input': {
+        minHeight: 'auto'
+      },
+      '.ant-form-item-label': {
+        flex: 'none',
+        marginBottom: 0,
+        '& > label ': {
+          height: 'auto',
+          color: token.colorTextSecondary
+        },
+        'label::after': {
+          content: "':'"
+        }
+      }
+    },
+    '&--view': {
+      '.ant-row': {
+        flexWrap: 'nowrap'
+      },
+      '.ant-form-item-label, .ant-form-item-control': {
+        lineHeight: token.lineHeight
+      },
+      '.ant-form-item-label': {
+        flex: 'none',
+        width: 'fit-content',
+        '& > label': {
+          height: 'auto',
+          color: token.colorTextSecondary
+        },
+        'label::after': {
+          content: "':'"
+        }
+      },
+      '.ant-form-item-control': {
+        color: token.colorText,
+        flex: 1,
+        '.ant-form-item-control-input': {
+          minHeight: 'auto'
+        }
+      }
+    }
+  }), "".concat(componentCls, "-item-col"), _defineProperty(_defineProperty({
+    '.ant-form-item': {
+      marginBottom: 20
+    }
+  }, "".concat(componentCls, "-item--view"), {
+    marginBottom: 0
+  }), '.ant-form-item-explain', {
+    minHeight: 20
+  })), '&-card', {
+    position: 'relative',
+    width: '100%',
+    overflow: 'hidden',
+    '&-expand-icon': {
+      color: "fade(".concat(token.colorTextDescription, ", 75%)"),
+      transition: 'transform 0.24s'
+    },
+    '&-custom-icon': {
+      transition: 'transform 0.24s',
+      cursor: 'pointer'
+    },
+    '.ant-card-body': {
+      padding: 0
+    },
+    '.ant-card-head': {
+      height: '44px'
+    },
+    '.ant-card-head-wrapper, .ant-card-head-title': {
+      fontWeight: '600',
+      lineHeight: 1,
+      color: token.colorPrimary,
+      position: 'relative',
+      fontSize: 16
+    },
+    '.ant-card-extra': {
+      color: token.colorTextSecondary
+    },
+    '.ant-card-head-title': {
+      paddingLeft: '10px !important',
+      display: 'flex',
+      alignItems: 'center'
+    },
+    '.ant-card-head-wrapper::before': {
+      position: 'absolute',
+      top: '50%',
+      left: '0px',
+      content: "''",
+      width: '3px',
+      height: '14px',
+      background: 'linear-gradient( 180deg, #00A6FF 0%, #3A6DFF 100%)',
+      transform: 'translate(0, -50%)'
+    },
+    '&-content': {
+      display: 'flex',
+      flexFlow: 'row wrap',
+      padding: '20px 20px',
+      paddingBottom: 0,
+      '&::after': {
+        clear: 'both'
+      },
+      '&::before, &::after': {
+        display: 'table',
+        content: "''"
+      }
+    },
+    '&-content-hide': {
+      display: 'none'
+    }
+  }), '&-card + &-card', {
+    marginTop: '16px'
+  }), '&-pane', {
+    position: 'relative',
+    boxSizing: 'border-box',
+    width: '100%',
+    backgroundColor: token.colorBgContainer,
+    '.ant-collapse-header, .ant-collapse-content-box': {
+      padding: "0px 0px 0px 10px !important"
+    },
+    '&::after': {
+      clear: 'both'
+    },
+    '&::before, &::after': {
+      display: 'table',
+      content: "''"
+    },
+    '&-title': {
+      marginBottom: '16px',
+      overflow: 'hidden',
+      color: token.colorText,
+      fontWeight: '500',
+      lineHeight: token.lineHeight,
+      listStyle: 'none'
+    },
+    '&-content': {
+      display: 'flex',
+      flexFlow: 'row wrap',
+      '&::after': {
+        clear: 'both'
+      },
+      '&::before, &::after': {
+        display: 'table',
+        content: "''"
+      }
+    }
+  }), '&-divider', {
+    margin: 0,
+    marginBottom: '20px',
+    '&--small': {
+      marginBottom: '16px'
+    }
+  }), '&-tabs', {
+    width: '100%',
+    '.ant-tabs-bar': {
+      paddingRight: token.paddingSM,
+      paddingLeft: token.paddingSM,
+      borderBottom: 'none'
+    },
+    '.ant-tabs-tab': {
+      padding: '5px 0 10px 0'
+    }
+  }), "".concat(componentCls, "-card-content"), {
+    // padding: `20px 0`,
+  }), '&-vertical', _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-item-col"), {
+    paddingRight: 10,
+    paddingLeft: 10
+  }), "".concat(componentCls, "-card-content"), {
+    padding: "20px 0",
+    paddingBottom: 0
+  }), "".concat(componentCls, "-pane-title"), {
+    padding: "0 ".concat(token.paddingSM)
+  })), '&-has-card', _defineProperty({
+    padding: 0,
+    width: '100%',
+    '.ant-tabs': {
+      width: "100%"
+    }
+  }, "".concat(componentCls, "-tabs .ant-tabs-bar"), {
+    padding: "0 ".concat(token.paddingLG)
+  })), _defineProperty(_componentCls, '&-view', _defineProperty(_defineProperty({}, "".concat(componentCls, "-item-col"), {
+    marginBottom: '16px'
+  }), "".concat(componentCls, "-divider"), {
+    marginBottom: '16px'
+  }))));
+};
+function useStyle(prefixCls) {
+  return (0, _vtxProvider.useStyle)(prefixCls, function (token) {
+    var vtxFormLayoutToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genVtxFormLayoutStyle(vtxFormLayoutToken)];
+  });
+}

package/lib/vtx-icon/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VtxIcon = void 0;
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["type", "size", "className", "style", "color", "fileType"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var VtxIcon = exports.VtxIcon = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var type = _ref.type,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 16 : _ref$size,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    color = _ref.color,
+    _ref$fileType = _ref.fileType,
+    fileType = _ref$fileType === void 0 ? 'webp' : _ref$fileType,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var width = props.width || size;
+  var height = props.height || size;
+  if (!type) {
+    return null;
+  }
+  var SvgComponent = (0, _react.useMemo)(function () {
+    // 动态导入并缓存结果
+    return /*#__PURE__*/(0, _react.lazy)(function () {
+      return function (specifier) {
+        return new Promise(function (r) {
+          return r(specifier);
+        }).then(function (s) {
+          return _interopRequireWildcard(require(s));
+        });
+      }( /* @vite-ignore */"./svg/".concat(type, ".js"));
+    });
+  }, [type]);
+
+  // 默认返回空元素
+  if (fileType == 'svg') {
+    try {
+      // const SvgComponent = lazy(() => import(`./svg/${type}.js`));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Suspense, {
+        fallback: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: _objectSpread({
+            width: width,
+            height: height
+          }, style)
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SvgComponent, _objectSpread({
+          className: className,
+          style: _objectSpread({
+            width: width,
+            height: height
+          }, style),
+          fill: color
+        }, props))
+      });
+    } catch (error) {
+      // 如果动态导入失败，返回空的 SVG 元素
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread({
+        width: width,
+        height: height,
+        style: style,
+        className: className
+      }, props));
+    }
+  } else {
+    return (
+      /*#__PURE__*/
+      // <img
+      //     src={require(`./assets/${type}.${fileType}`)}
+      //     style={{ width, height, ...style }}
+      // />
+      (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {})
+    );
+  }
+});
+var _default = exports.default = VtxIcon;

package/lib/vtx-icon/svg/alignRightOutlined.js

@@ -0,0 +1,34 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var alignRightOutlined = function alignRightOutlined(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, style), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M2.71405 3.22457H15.3007C15.4836 3.22119 15.6576 3.1552 15.7856 3.04076C15.9136 2.92631 15.9853 2.77252 15.9853 2.61235C15.9853 2.45218 15.9136 2.29839 15.7856 2.18394C15.6576 2.0695 15.4836 2.00351 15.3007 2.00014H2.71405C2.621 1.99842 2.52849 2.01298 2.44195 2.04298C2.3554 2.07297 2.27657 2.11779 2.21006 2.17481C2.14356 2.23183 2.09072 2.2999 2.05465 2.37504C2.01858 2.45017 2 2.53085 2 2.61235C2 2.69385 2.01858 2.77453 2.05465 2.84967C2.09072 2.9248 2.14356 2.99287 2.21006 3.04989C2.27657 3.10691 2.3554 3.15173 2.44195 3.18172C2.52849 3.21172 2.621 3.22628 2.71405 3.22457ZM9.00753 6.8984H15.3004C15.4858 6.8984 15.6637 6.83388 15.7949 6.71905C15.926 6.60421 15.9997 6.44845 15.9997 6.28605C15.9997 6.12364 15.926 5.96789 15.7949 5.85305C15.6637 5.73821 15.4858 5.6737 15.3004 5.6737H9.00691C8.82144 5.6737 8.64356 5.73821 8.51242 5.85305C8.38127 5.96789 8.3076 6.12364 8.3076 6.28605C8.3076 6.44845 8.38127 6.60421 8.51242 6.71905C8.64356 6.83388 8.82206 6.8984 9.00753 6.8984ZM2.71405 10.5722H15.3007C15.4862 10.5722 15.664 10.5077 15.7952 10.3929C15.9263 10.278 16 10.1223 16 9.95988C16 9.79748 15.9263 9.64172 15.7952 9.52689C15.664 9.41205 15.4862 9.34753 15.3007 9.34753H2.71405C2.52859 9.34753 2.35071 9.41205 2.21957 9.52689C2.08842 9.64172 2.01475 9.79748 2.01475 9.95988C2.01475 10.1223 2.08842 10.278 2.21957 10.3929C2.35071 10.5077 2.52859 10.5722 2.71405 10.5722Z",
+        fill: "currentColor"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M9.00784 14H15.3007C15.4862 14 15.664 13.9355 15.7952 13.8206C15.9263 13.7058 16 13.5501 16 13.3877C16 13.2252 15.9263 13.0695 15.7952 12.9547C15.664 12.8398 15.4862 12.7753 15.3007 12.7753H9.00722C8.82175 12.7753 8.64388 12.8398 8.51273 12.9547C8.38158 13.0695 8.30791 13.2252 8.30791 13.3877C8.30791 13.5501 8.38158 13.7058 8.51273 13.8206C8.64388 13.9355 8.82237 14 9.00784 14Z",
+        fill: "currentColor"
+      })]
+    })
+  }));
+};
+var _default = exports.default = alignRightOutlined;

package/lib/vtx-icon/svg/columnHeightOutlined.js

@@ -0,0 +1,31 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var columnHeightOutlined = function columnHeightOutlined(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, style), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M13.8571 13.67H2.14286C2.06429 13.67 2 13.733 2 13.81V14.86C2 14.937 2.06429 15 2.14286 15H13.8571C13.9357 15 14 14.937 14 14.86V13.81C14 13.733 13.9357 13.67 13.8571 13.67ZM13.8571 1H2.14286C2.06429 1 2 1.063 2 1.14V2.19C2 2.267 2.06429 2.33 2.14286 2.33H13.8571C13.9357 2.33 14 2.267 14 2.19V1.14C14 1.063 13.9357 1 13.8571 1ZM9.76429 5.655C9.87143 5.655 9.93214 5.5325 9.86607 5.45025L8.06607 3.21725C8.01429 3.1525 7.91429 3.1525 7.86429 3.21725L6.06429 5.45025C5.99821 5.5325 6.05714 5.655 6.16607 5.655H7.35714V10.345H6.23571C6.12857 10.345 6.06786 10.4675 6.13393 10.5498L7.93393 12.781C7.98571 12.8457 8.08571 12.8457 8.13571 12.781L9.93572 10.5498C10.0018 10.4675 9.94286 10.345 9.83393 10.345H8.64286V5.655H9.76429Z",
+        fill: "currentColor"
+      })
+    })
+  }));
+};
+var _default = exports.default = columnHeightOutlined;

package/lib/vtx-icon/svg/downOutlined.js

@@ -0,0 +1,30 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var downOutlined = function downOutlined(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, style), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      opacity: "0.5",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M6.82722 9.56222L3.15222 5.88722C3.10396 5.83896 3.06568 5.78167 3.03956 5.71861C3.01344 5.65556 3 5.58797 3 5.51972C3 5.45147 3.01344 5.38389 3.03956 5.32083C3.06568 5.25778 3.10396 5.20048 3.15222 5.15222C3.20048 5.10396 3.25778 5.06568 3.32083 5.03956C3.38389 5.01344 3.45147 5 3.51972 5C3.58797 5 3.65556 5.01344 3.71861 5.03956C3.78167 5.06568 3.83896 5.10396 3.88722 5.15222L7.19472 8.45902L10.5022 5.15152C10.6009 5.0601 10.7311 5.01045 10.8656 5.01301C11.0001 5.01557 11.1284 5.07013 11.2235 5.16525C11.3186 5.26036 11.3732 5.38863 11.3757 5.52312C11.3783 5.65761 11.3287 5.78786 11.2372 5.88652L7.56222 9.56222C7.35922 9.76522 7.03022 9.76522 6.82722 9.56222Z",
+        fill: "currentColor"
+      })
+    })
+  }));
+};
+var _default = exports.default = downOutlined;

package/lib/vtx-icon/svg/fullscreen.js

@@ -0,0 +1,31 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var fullscreen = function fullscreen(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, style), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M1.54779 6.08508C1.24572 6.08508 1 5.83935 1 5.53728V3.11291C1 1.94846 1.94846 1 3.11291 1H5.54824C5.85031 1 6.09603 1.24572 6.09603 1.54779C6.09603 1.84986 5.85031 2.09558 5.54824 2.09558H3.11291C2.5526 2.09558 2.09558 2.5526 2.09558 3.11291V5.53728C2.09558 5.83935 1.84986 6.08508 1.54779 6.08508ZM5.54824 15H3.11291C1.94846 15 1 14.0515 1 12.8871V10.5613C1 10.2593 1.24572 10.0135 1.54779 10.0135C1.84986 10.0135 2.09558 10.2593 2.09558 10.5613V12.8871C2.09558 13.4474 2.5526 13.9044 3.11291 13.9044H5.54824C5.85031 13.9044 6.09603 14.1501 6.09603 14.4522C6.09603 14.7543 5.85031 15 5.54824 15ZM12.8855 15H10.6693C10.3672 15 10.1215 14.7543 10.1215 14.4522C10.1215 14.1501 10.3672 13.9044 10.6693 13.9044H12.8871C13.4474 13.9044 13.9044 13.4474 13.9044 12.8871V10.6317C13.9044 10.3297 14.1501 10.084 14.4522 10.084C14.7543 10.084 15 10.3297 15 10.6317V12.8871C14.9984 14.0515 14.0515 15 12.8855 15ZM14.4506 6.15551C14.1486 6.15551 13.9029 5.90978 13.9029 5.60771V3.11291C13.9029 2.5526 13.4458 2.09558 12.8855 2.09558H10.5566C10.2546 2.09558 10.0088 1.84986 10.0088 1.54779C10.0088 1.24572 10.2546 1 10.5566 1H12.8871C14.0515 1 15 1.94846 15 3.11291V5.60771C14.9984 5.90978 14.7543 6.15551 14.4506 6.15551Z",
+        fill: "currentColor"
+      })
+    })
+  }));
+};
+var _default = exports.default = fullscreen;

package/lib/vtx-icon/svg/redoOutlined.js

@@ -0,0 +1,34 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var redoOutlined = function redoOutlined(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, style), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M8.04156 2.68039C9.12156 2.68039 10.0816 3.00039 10.9216 3.52039L11.7216 2.72039L11.6816 2.68039L9.44156 0.400391C9.16156 0.680391 9.08156 1.04039 9.12156 1.40039C9.12156 1.48039 9.16156 1.60039 9.20156 1.68039C8.84156 1.60039 8.44156 1.56039 8.04156 1.56039C6.96156 1.56039 5.92156 1.84039 5.00156 2.32039C4.60156 2.52039 4.24156 2.80039 3.88156 3.08039C2.48156 4.24039 1.60156 6.00039 1.60156 8.00039C1.60156 9.24039 1.96156 10.4004 2.56156 11.4004C2.64156 11.5204 2.68156 11.6004 2.76156 11.7204L3.56156 10.9204C3.00156 10.0804 2.72156 9.08039 2.72156 8.04039C2.72156 6.76039 3.16156 5.60039 3.92156 4.72039C4.24156 4.32039 4.60156 3.96039 5.04156 3.68039C5.88156 3.04039 6.92156 2.68039 8.04156 2.68039Z",
+        fill: "currentColor"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M13.5759 4.70371C13.4959 4.54371 13.4159 4.42371 13.2959 4.30371L12.4959 5.10371C13.0559 5.94371 13.3359 6.94371 13.3359 7.98371C13.3359 10.7037 11.2959 12.9837 8.61594 13.2637C8.41594 13.3037 8.21594 13.3037 8.01594 13.3037C6.93594 13.3037 5.97594 12.9837 5.13594 12.4237L4.33594 13.2237L4.37594 13.3037L6.65594 15.5837C6.93594 15.3037 7.01594 14.9437 6.97594 14.5837C6.97594 14.5037 6.93594 14.3837 6.89594 14.3037C7.21594 14.3837 7.57594 14.4237 7.89594 14.4237H8.21594C8.37594 14.4237 8.53594 14.4237 8.65594 14.3837C11.9359 14.1037 14.4959 11.3437 14.4959 7.98371C14.4959 6.78371 14.1759 5.66371 13.5759 4.70371Z",
+        fill: "currentColor"
+      })]
+    })
+  }));
+};
+var _default = exports.default = redoOutlined;

package/lib/vtx-icon/svg/rightOutlined.js

@@ -0,0 +1,30 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var rightOutlined = function rightOutlined(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, style), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      opacity: "0.5",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M4.76797 2.91013C4.66938 3.00873 4.614 3.14246 4.614 3.28189C4.614 3.42132 4.66938 3.55504 4.76797 3.65364L8.11363 6.99946L4.76797 10.3453C4.66963 10.4439 4.61446 10.5776 4.61457 10.7169C4.61468 10.8561 4.67005 10.9897 4.76854 11.0882C4.86703 11.1867 5.00058 11.2421 5.13987 11.2422C5.27916 11.2423 5.4128 11.1871 5.51145 11.0888L9.22882 7.37127C9.27764 7.32245 9.31637 7.26449 9.34279 7.20071C9.36921 7.13692 9.38281 7.06855 9.38281 6.99951C9.38281 6.93047 9.36921 6.8621 9.34279 6.79832C9.31637 6.73453 9.27764 6.67657 9.22882 6.62775L5.51145 2.91022C5.46264 2.86139 5.40469 2.82266 5.34091 2.79623C5.27713 2.7698 5.20877 2.75619 5.13973 2.75618C5.07069 2.75618 5.00232 2.76977 4.93854 2.79618C4.87475 2.8226 4.81679 2.86132 4.76797 2.91013Z",
+        fill: "currentColor"
+      })
+    })
+  }));
+};
+var _default = exports.default = rightOutlined;

package/lib/vtx-icon/svg/settingOutlined.js

@@ -0,0 +1,34 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var alignRightOutlined = function alignRightOutlined(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, style), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M13.8646 7.42904L11.8131 3.37778C11.5471 2.84935 11.0079 2.51821 10.4128 2.51821H5.73562C5.14747 2.51821 4.61534 2.84231 4.34227 3.37073L2.24875 7.41495C2.01069 7.87291 2.01069 8.42248 2.24875 8.88044L4.34227 12.9317C4.61534 13.4531 5.14747 13.7842 5.73562 13.7842H10.4128C11.0009 13.7842 11.5401 13.4531 11.8131 12.9247L13.8646 8.8734C14.0887 8.41543 14.0887 7.87996 13.8646 7.42904ZM12.6884 13.3404C12.2472 14.214 11.358 14.7636 10.3848 14.7636H5.70761C4.74137 14.7636 3.85915 14.2211 3.41804 13.3615L1.31752 9.31023C1.12434 8.93838 1.02344 8.52502 1.02344 8.10542C1.02344 7.68582 1.12434 7.27246 1.31752 6.90061L3.41804 2.84935C3.86615 1.98978 4.74837 1.44727 5.70761 1.44727H10.3848C11.358 1.44727 12.2472 1.99683 12.6884 2.87049L14.7399 6.92175C15.118 7.66859 15.118 8.5493 14.7399 9.29614L12.6884 13.3404Z",
+        fill: "currentColor"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M7.81523 11.0294C6.35887 10.9315 5.17557 9.75024 5.07755 8.28939C4.95852 6.56293 6.32386 5.12305 8.02528 5.12305C9.65669 5.12305 10.98 6.4441 10.98 8.07969C10.98 9.77819 9.54466 11.1482 7.81523 11.0294ZM8.02528 10.0158C9.09655 10.0158 9.96477 9.14912 9.96477 8.07969C9.96477 7.01027 9.09655 6.14354 8.02528 6.14354C6.95402 6.14354 6.0858 7.01027 6.0858 8.07969C6.0858 9.14912 6.95402 10.0158 8.02528 10.0158Z",
+        fill: "currentColor"
+      })]
+    })
+  }));
+};
+var _default = exports.default = alignRightOutlined;