@titaui/pc 1.10.21 → 1.10.24

package/lib/components/file-list/components/single-file/index.css

@@ -11,7 +11,7 @@
   align-items: center;
   justify-content: center;
   margin-right: 10px;
-  background: #F0F2F5;
+  background: #f0f2f5;
 }
 
 .titaui-new-file-list-single-file__file-preview-img {
@@ -28,7 +28,8 @@
 .titaui-new-file-list-single-file__file-name {
   text-align: center;
   margin-top: 8px;
-  color: #3F4755;
+  color: #3f4755;
+  margin-right: 10px;
 }
 
 .titaui-new-file-list-single-file__operate {
@@ -47,7 +48,7 @@
 .titaui-new-file-list-single-file__operate-item {
   font-size: 12px;
   font-weight: 400;
-  color: #FFFFFF;
+  color: #ffffff;
   line-height: 18px;
   display: flex;
   flex-direction: column;
@@ -60,7 +61,7 @@
 
 .titaui-new-file-list-single-file__operate-item-icon {
   margin-bottom: 4px;
-  color: #3F4755;
+  color: #3f4755;
   width: 32px;
   height: 32px;
   display: flex;
@@ -73,7 +74,7 @@
 
 .titaui-new-file-list-single-file__operate-item:hover {
   cursor: pointer;
-  color: #FFFFFF;
+  color: #ffffff;
 }
 
 .titaui-new-file-list-single-file__operate-item--only {

package/lib/components/file-list/index.css

@@ -1,5 +1,6 @@
 .titaui-new-file-list {
   display: flex;
   flex-wrap: wrap;
+  row-gap: 12px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
 }

package/lib/components/superset-charts/components/index.js

@@ -11,10 +11,14 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _init = require("../init");
 
+var _excluded = ["chartId"];
+
 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); }
 
 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; }
 
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -27,16 +31,17 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+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 lazyOnce = (0, _init.lazyLoad)();
 
-var Chart = function Chart(_ref) {
+var Chart = function Chart(props) {
   var _window, _window$SupersetChart;
 
-  var chartId = _ref.chartId,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 300 : _ref$height,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 800 : _ref$width;
+  var chartId = props.chartId,
+      restProps = _objectWithoutProperties(props, _excluded);
 
   var _useState = (0, _react.useState)(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -44,20 +49,15 @@ var Chart = function Chart(_ref) {
       setLoading = _useState2[1];
 
   (0, _react.useEffect)(function () {
-    var _lazyOnce;
-
-    (_lazyOnce = lazyOnce()) === null || _lazyOnce === void 0 ? void 0 : _lazyOnce.then(function () {
+    lazyOnce === null || lazyOnce === void 0 ? void 0 : lazyOnce.then(function () {
       setLoading(false);
     });
   }, []); // @ts-ignore
 
   var Chart = (_window = window) === null || _window === void 0 ? void 0 : (_window$SupersetChart = _window.SupersetChart) === null || _window$SupersetChart === void 0 ? void 0 : _window$SupersetChart.SupersetChart;
-  return /*#__PURE__*/_react["default"].createElement("div", null, Chart && !loading && chartId && /*#__PURE__*/_react["default"].createElement(Chart, {
-    id: chartId,
-    height: height,
-    width: width,
-    layout: "feed-card"
-  }));
+  return /*#__PURE__*/_react["default"].createElement("div", null, Chart && !loading && chartId && /*#__PURE__*/_react["default"].createElement(Chart, _extends({
+    id: chartId
+  }, restProps)));
 };
 
 var _default = Chart;

package/lib/components/superset-charts/init/index.js

@@ -12,6 +12,10 @@ var _useGetAssets = require("./use-get-assets");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 function SingleInsert() {
   var instance;
   return function insert(assets) {
@@ -27,16 +31,31 @@ function SingleInsert() {
   };
 }
 
-var lazyLoad = function lazyLoad() {
-  var Single;
-  (0, _useGetAssets.getAssets)().then(function (res) {
-    Single = SingleInsert()(res);
-  });
-  return function () {
-    return Single;
-  }; // return () => {
-  //   return Single
-  // }
-};
+var lazyLoad = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var assets;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return (0, _useGetAssets.getAssets)();
+
+          case 2:
+            assets = _context.sent;
+            return _context.abrupt("return", SingleInsert()(assets));
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function lazyLoad() {
+    return _ref.apply(this, arguments);
+  };
+}();
 
 exports.lazyLoad = lazyLoad;

package/lib/components/superset-charts/init/use-get-assets.js

@@ -3,26 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.transMetasToTableData = exports.getAssetsVersion = exports.getAssetsUri = exports.getAssets = exports.domain = exports["default"] = void 0;
-
-var _react = require("react");
+exports.transMetasToTableData = exports.getAssetsVersion = exports.getAssetsUri = exports.getAssets = exports.domain = void 0;
 
 var _axios = _interopRequireDefault(require("../utils/axios"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -92,7 +78,9 @@ exports.getAssetsUri = getAssetsUri;
 
 var getAssets = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var versionRes, assets, assetsUri;
+    var _JSON$parse$;
+
+    var res, cacheAssets, cacheVersion, resVersion, assetsUri;
     return regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
@@ -101,25 +89,27 @@ var getAssets = /*#__PURE__*/function () {
             return getAssetsVersion();
 
           case 2:
-            versionRes = _context.sent;
-            assets = localStorage.getItem("".concat(storageKey, "version"));
+            res = _context.sent;
+            cacheAssets = localStorage.getItem("".concat(storageKey, "version"));
+            cacheVersion = cacheAssets && ((_JSON$parse$ = JSON.parse(cacheAssets)[0]) === null || _JSON$parse$ === void 0 ? void 0 : _JSON$parse$.version);
+            resVersion = res[0].version;
 
-            if (!assets) {
-              _context.next = 6;
+            if (!(cacheAssets !== null && cacheVersion === resVersion)) {
+              _context.next = 8;
               break;
             }
 
-            return _context.abrupt("return", JSON.parse(assets));
-
-          case 6:
-            _context.next = 8;
-            return getAssetsUri(versionRes[0].version);
+            return _context.abrupt("return", JSON.parse(cacheAssets));
 
           case 8:
+            _context.next = 10;
+            return getAssetsUri(resVersion);
+
+          case 10:
             assetsUri = _context.sent;
             return _context.abrupt("return", assetsUri);
 
-          case 10:
+          case 12:
           case "end":
             return _context.stop();
         }
@@ -132,62 +122,4 @@ var getAssets = /*#__PURE__*/function () {
   };
 }();
 
-exports.getAssets = getAssets;
-
-var useInsertAssets = function useInsertAssets() {
-  var _useState = (0, _react.useState)([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      assetsUri = _useState2[0],
-      setAssetsUri = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      var versionRes, assets, cacheVersion, uri;
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return getAssetsVersion();
-
-            case 2:
-              versionRes = _context2.sent;
-              assets = localStorage.getItem("".concat(storageKey, "version"));
-              cacheVersion = "";
-
-              if (assets !== null) {
-                cacheVersion = JSON.parse(assets)[0].version;
-              }
-
-              if (!(assets !== null && assets === cacheVersion)) {
-                _context2.next = 10;
-                break;
-              }
-
-              setAssetsUri(JSON.parse(assets));
-              _context2.next = 14;
-              break;
-
-            case 10:
-              _context2.next = 12;
-              return getAssetsUri(versionRes[0].version);
-
-            case 12:
-              uri = _context2.sent;
-              setAssetsUri(uri);
-
-            case 14:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }))();
-  }, []);
-  return {
-    assetsUri: assetsUri
-  };
-};
-
-var _default = useInsertAssets;
-exports["default"] = _default;
+exports.getAssets = getAssets;

package/lib/components/video-modal/components/video-box/index.css

@@ -0,0 +1,240 @@
+.titaui-pc-video-box__box {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  border-bottom-right-radius: 24px;
+  border-bottom-left-radius: 24px;
+  overflow: hidden;
+  cursor: pointer;
+}
+
+.titaui-pc-video-box__box:hover .titaui-pc-video-box__mask1 {
+  opacity: 1;
+  transition: 0.5s;
+}
+
+.titaui-pc-video-box__box:hover .titaui-pc-video-box__mask2 {
+  opacity: 1;
+  transition: 0.5s;
+}
+
+.titaui-pc-video-box__box:hover .titaui-pc-video-box__progress {
+  opacity: 1;
+  transition: 0.5s;
+}
+
+.titaui-pc-video-box__mouseMove {
+  width: 100%;
+  height: 30px;
+  position: absolute;
+  bottom: 40px;
+  z-index: 12;
+}
+
+.titaui-pc-video-box__mouseMove:hover .titaui-pc-video-box__progress {
+  height: 4px;
+}
+
+.titaui-pc-video-box__mouseMove--small {
+  height: 20px;
+  bottom: 30px;
+}
+
+.titaui-pc-video-box__progress {
+  opacity: 0;
+  transition: 0.5s;
+  position: absolute;
+  bottom: 14px;
+  width: 100%;
+  height: 2px;
+  background: #ffffff;
+  z-index: 2;
+}
+
+.titaui-pc-video-box__progress--small {
+  bottom: 12px;
+}
+
+.titaui-pc-video-box__progress-current {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  background: #77be16;
+  height: 100%;
+  z-index: 3;
+}
+
+.titaui-pc-video-box__progress-current-dot {
+  position: absolute;
+  right: 0;
+  bottom: -2px;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #77be16;
+}
+
+.titaui-pc-video-box__controls {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 32px 16px 32px;
+  box-sizing: border-box;
+  position: absolute;
+  bottom: 0;
+  z-index: 2;
+}
+
+.titaui-pc-video-box__controls--small {
+  padding: 10px 12px;
+}
+
+.titaui-pc-video-box__controls-left {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.titaui-pc-video-box__controls-button {
+  width: 24px;
+  height: 24px;
+  border-radius: 12px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.titaui-pc-video-box__controls-button:hover {
+  background: rgba(20, 28, 40, 0.6);
+}
+
+.titaui-pc-video-box__controls-play {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.titaui-pc-video-box__controls-play img {
+  width: 16px;
+  height: 16px;
+}
+
+.titaui-pc-video-box__controls-time {
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}
+
+.titaui-pc-video-box__controls-time:nth-of-type(1) {
+  margin-left: 6px;
+}
+
+.titaui-pc-video-box__controls-muted {
+  width: 16px;
+  height: 16px;
+}
+
+.titaui-pc-video-box__controls-volume {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 8px;
+  box-sizing: border-box;
+  width: 72px;
+  height: 22px;
+  background: rgba(20, 28, 40, 0.6);
+  border-radius: 12px;
+}
+
+.titaui-pc-video-box__controls-volume-progress {
+  position: relative;
+  width: 34px;
+  height: 2px;
+  background: rgba(255, 255, 255, 0.4);
+  border-radius: 1px;
+}
+
+.titaui-pc-video-box__controls-volume-progress--hidden {
+  display: none;
+}
+
+.titaui-pc-video-box__controls-volume-current {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 2px;
+  background: rgba(255, 255, 255, 0.6);
+  border-radius: 1px;
+}
+
+.titaui-pc-video-box__controls-volume-current::after {
+  content: '';
+  position: absolute;
+  right: 0;
+  bottom: -1px;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background: #ffffff;
+}
+
+.titaui-pc-video-box__controls-volume-current--hidden {
+  display: none;
+}
+
+.titaui-pc-video-box__controls-right {
+  display: inline-flex;
+  align-items: center;
+}
+
+.titaui-pc-video-box__title {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.titaui-pc-video-box__mask1 {
+  opacity: 0;
+  transition: 0.5s;
+  position: absolute;
+  top: 0;
+  padding: 0 16px;
+  box-sizing: border-box;
+  width: 100%;
+  height: 62px;
+  background: linear-gradient(0deg, rgba(20, 28, 40, 0) 0%, #5a6068 100%);
+}
+
+.titaui-pc-video-box__mask1--small {
+  height: 42px;
+}
+
+.titaui-pc-video-box__mask1-title {
+  font-size: 12px;
+  font-weight: normal;
+  color: #ffffff;
+  line-height: 18px;
+}
+
+.titaui-pc-video-box__mask1-close {
+  width: 14px;
+  height: 14px;
+  cursor: pointer;
+}
+
+.titaui-pc-video-box__mask2 {
+  opacity: 0;
+  transition: 0.5s;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 62px;
+  background: linear-gradient(180deg, rgba(20, 28, 40, 0) 0%, #5a6068 100%);
+}
+
+.titaui-pc-video-box__mask2--small {
+  height: 42px;
+}