@titaui/pc 1.12.6 → 1.12.7-beta.1

package/lib/components/attachments-preview/index.css

@@ -0,0 +1,11 @@
+.attachments-preview {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  column-gap: 10px;
+  row-gap: 10px;
+}
+
+.attachments-preview-item {
+  margin: 5px 10px 5px 0;
+  width: 344px;
+}

package/lib/components/attachments-preview/index.js

@@ -0,0 +1,112 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _imgViewer = _interopRequireDefault(require("../img-viewer"));
+
+var _dialogUpload = _interopRequireDefault(require("../dialog-upload"));
+
+var _util = require("../dialog-upload/util");
+
+var _uploadedPreview = _interopRequireDefault(require("../dialog-upload/uploaded-preview"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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 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; }
+
+var prefix = 'attachments-preview';
+
+var AttachmentsPreview = function AttachmentsPreview(props) {
+  var attachments = props.attachments,
+      _props$enableDelete = props.enableDelete,
+      enableDelete = _props$enableDelete === void 0 ? true : _props$enableDelete,
+      onChange = props.onChange,
+      onUploadFile = props.onUploadFile,
+      _props$enableUploadFi = props.enableUploadFile,
+      enableUploadFile = _props$enableUploadFi === void 0 ? true : _props$enableUploadFi;
+  var previewRef = (0, _react.useRef)();
+
+  var onSubmithandler = function onSubmithandler(index, option) {
+    switch (option) {
+      case 'cancel':
+      case 'delete':
+        {
+          onChange(attachments.filter(function (f) {
+            return f.Id != attachments[index].Id;
+          }));
+          break;
+        }
+
+      case 'preview':
+        {
+          if ((0, _util.isImg)(attachments[index].MediaType)) {
+            var i = attachments.filter(function (f) {
+              return (0, _util.isImg)(f.MediaType);
+            }).findIndex(function (f) {
+              return f.Id == attachments[index].Id;
+            });
+            previewRef.current.show(i);
+          } else {
+            window.open(attachments[index].ClientUrl);
+          }
+
+          break;
+        }
+
+      case 'download':
+        {
+          window.open(attachments[index].DownloadUrl);
+          break;
+        }
+    }
+  };
+
+  if (!attachments.length && !enableUploadFile) return null;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_imgViewer["default"], {
+    data: attachments.filter(function (f) {
+      return (0, _util.isImg)(f.MediaType);
+    }).map(function (f) {
+      return _objectSpread(_objectSpread({}, f), {}, {
+        previewUrl: f.ClientUrl
+      });
+    }),
+    ref: previewRef,
+    showDownload: true
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, attachments.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_uploadedPreview["default"], {
+      className: "".concat(prefix, "__item"),
+      key: index,
+      index: index,
+      uploadResultItem: _objectSpread(_objectSpread({}, item), {}, {
+        uploadStatus: 3,
+        percentComplete: 100,
+        Deleteable: enableDelete
+      }),
+      onSubmit: onSubmithandler
+    });
+  }), enableUploadFile && /*#__PURE__*/_react["default"].createElement(_dialogUpload["default"], {
+    onSubmit: onUploadFile
+  })));
+};
+
+var _default = AttachmentsPreview;
+exports["default"] = _default;

package/lib/components/auto-save/img/failed.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="10px" height="10px" viewBox="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="3、写总结" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="2、写总结-默认" transform="translate(-1892.000000, -545.000000)" fill="#FFFFFF">
+            <g id="编组-8" transform="translate(1855.000000, 540.000000)">
+                <g id="编组-25" transform="translate(36.000000, 1.000000)">
+                    <g id="编组-2" transform="translate(0.000000, 3.000000)">
+                        <g id="canceled" transform="translate(1.500000, 1.500000)">
+                            <path d="M2.10266504,1.57233496 L4.4885,3.9585 L6.87563582,1.57233496 C7.00116148,1.44680929 7.19353713,1.42887705 7.33816279,1.51853824 L7.4059659,1.57233496 C7.55241251,1.71878157 7.55241251,1.95621843 7.4059659,2.10266504 L7.4059659,2.10266504 L5.0195,4.4885 L7.4059659,6.87563582 C7.55241251,7.02208243 7.55241251,7.25951929 7.4059659,7.4059659 C7.25951929,7.55241251 7.02208243,7.55241251 6.87563582,7.4059659 L4.4885,5.0195 L2.10266504,7.4059659 C1.97713938,7.53149157 1.78476373,7.5494238 1.64013807,7.45976262 L1.57233496,7.4059659 C1.42588835,7.25951929 1.42588835,7.02208243 1.57233496,6.87563582 L1.57233496,6.87563582 L3.9585,4.4885 L1.57233496,2.10266504 C1.42588835,1.95621843 1.42588835,1.71878157 1.57233496,1.57233496 C1.71878157,1.42588835 1.95621843,1.42588835 2.10266504,1.57233496 Z" id="形状结合"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/auto-save/img/success.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="10px" height="10px" viewBox="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="3、写总结" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="4、写总结-填写内容后" transform="translate(-57.000000, -23.000000)">
+            <g id="编组-25" transform="translate(56.000000, 19.000000)">
+                <g id="编组-2" transform="translate(0.000000, 3.000000)">
+                    <g id="finished" transform="translate(1.500000, 1.006729)">
+                        <rect id="矩形" x="0" y="0.493270771" width="9" height="9"></rect>
+                        <path d="M1.6125,1.65577077 C1.8160965,1.65577077 1.98179744,1.81802093 1.98735593,2.02027434 L1.9875,2.03077077 L1.9875,4.82720422 C1.9875,5.11323548 2.21624071,5.34584148 2.50077581,5.35207589 L2.5125,5.35220422 L7.3875,5.35220422 C7.59460678,5.35220422 7.7625,5.52009744 7.7625,5.72720422 C7.7625,5.93080072 7.60024985,6.09650166 7.39799643,6.10206015 L7.3875,6.10220422 L2.5125,6.10220422 C1.81537857,6.10220422 1.24893007,5.54272693 1.23767081,4.84828868 L1.2375,4.82720422 L1.2375,2.03077077 C1.2375,1.82366399 1.40539322,1.65577077 1.6125,1.65577077 Z" id="路径" fill="#FFFFFF" fill-rule="nonzero" transform="translate(4.500000, 3.878987) rotate(-45.000000) translate(-4.500000, -3.878987) "></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/auto-save/index.css

@@ -0,0 +1,39 @@
+.titaui-auto-save {
+  display: inline-flex;
+  align-items: center;
+}
+
+.titaui-auto-save__icon-wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 12px;
+  height: 12px;
+  min-width: 12px;
+  border-radius: 50%;
+  color: #ffffff;
+}
+
+.titaui-auto-save__icon-wrapper--success {
+  background: #5ad8a6;
+}
+
+.titaui-auto-save__icon-wrapper--failed {
+  background: #F05E5E;
+}
+
+.titaui-auto-save__icon {
+  width: 10px;
+  height: 10px;
+}
+
+.titaui-auto-save__text {
+  margin-left: 4px;
+  font-size: 12px;
+  color: #a4acb9;
+  line-height: 18px;
+}
+
+.titaui-auto-save__text--loading {
+  margin-left: 0;
+}

package/lib/components/auto-save/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _getLocale = require("../../utils/getLocale");
+
+var _success = _interopRequireDefault(require("./img/success.svg"));
+
+var _failed = _interopRequireDefault(require("./img/failed.svg"));
+
+var _toast = _interopRequireDefault(require("../toast"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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 _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 prefix = 'titaui-auto-save';
+
+var AutoSave = function AutoSave(_ref) {
+  var _classNames;
+
+  var _ref$isSuccess = _ref.isSuccess,
+      isSuccess = _ref$isSuccess === void 0 ? true : _ref$isSuccess,
+      _ref$loading = _ref.loading,
+      loading = _ref$loading === void 0 ? false : _ref$loading;
+  var renderSaveIcon = (0, _react.useMemo)(function () {
+    var imgSrc = _success["default"];
+
+    if (!isSuccess) {
+      imgSrc = _failed["default"];
+    }
+
+    return /*#__PURE__*/_react["default"].createElement("img", {
+      className: "".concat(prefix, "__icon"),
+      src: imgSrc
+    });
+  }, [isSuccess, loading]);
+  var renderText = (0, _react.useMemo)(function () {
+    if (loading) {
+      return "".concat((0, _getLocale.getLocale)('Rtx_Saving'), "...");
+    } else if (isSuccess) {
+      return (0, _getLocale.getLocale)('Rep_NewS_SaveDraft');
+    } else {
+      _toast["default"].Error((0, _getLocale.getLocale)('Mod_Netexcfailed'));
+
+      return (0, _getLocale.getLocale)('Mod_SaveFailure');
+    }
+  }, [loading, isSuccess]);
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix
+  }, !loading && /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(prefix, "__icon-wrapper"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__icon-wrapper--success"), isSuccess), _defineProperty(_classNames, "".concat(prefix, "__icon-wrapper--failed"), !isSuccess), _classNames))
+  }, renderSaveIcon), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(prefix, "__text"), _defineProperty({}, "".concat(prefix, "__text--loading"), loading))
+  }, renderText));
+};
+
+AutoSave.defaultProps = {
+  isSuccess: true,
+  loading: false
+};
+var _default = AutoSave;
+exports["default"] = _default;

package/lib/components/auto-save/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/dialog-upload/img/doc.svg

@@ -0,0 +1 @@
+<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#2879FF" offset="0%"/><stop stop-color="#005BDC" offset="100%"/></linearGradient><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="b"><stop stop-color="#88BCFF" offset="0%"/><stop stop-color="#2879FF" offset="100%"/></linearGradient><filter x="-31.7%" y="-38%" width="163.3%" height="176%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.105882353 0 0 0 0 0.435294118 0 0 0 0 0.952941176 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(6.533 8.773)"><path d="M.677 4.775h9.846a.677.677 0 1 1 0 1.355H.677a.677.677 0 1 1 0-1.355z" fill="#D2E3FF"/><path d="M.677 1.162h4.246a.677.677 0 0 1 0 1.355H.677a.677.677 0 0 1 0-1.355z" fill="#FFF"/><path d="M.677 8.351h9.846a.677.677 0 1 1 0 1.355H.677a.677.677 0 0 1 0-1.355z" fill="#A8C9FF"/></g></g></svg>

package/lib/components/dialog-upload/img/other.svg

@@ -0,0 +1 @@
+<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#26D8F0" offset="0%"/><stop stop-color="#00A7BD" offset="100%"/></linearGradient><linearGradient x1="50%" y1="99.348%" x2="50%" y2="0%" id="b"><stop stop-color="#00BDD6" offset="0%"/><stop stop-color="#9EF4FF" offset="100%"/></linearGradient><filter x="-31.7%" y="-35.3%" width="163.3%" height="170.6%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0.741176471 0 0 0 0 0.839215686 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 7.677h15.555c.86 0 1.556.669 1.556 1.493v14.176c0 .825-.696 1.493-1.556 1.493H8.09c-.86 0-1.556-.668-1.556-1.493V9.17c0-.824.697-1.493 1.556-1.493z" fill="url(#a)" fill-rule="nonzero" transform="translate(0 .452)"/><path d="M20.291 2.258c.84 0 1.521.674 1.521 1.505v19.57c0 .832.681 1.506 1.521 1.506H4.321c-.84 0-1.521-.674-1.521-1.506V3.763c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero" transform="translate(0 .452)"/><g filter="url(#c)" transform="translate(6.3 8.6)" fill-rule="nonzero"><path d="M8.846 1.02H3.395l1.267 2.198A2 2 0 0 0 6.38 4.22l4.126.031V2.664c0-.916-.753-1.643-1.66-1.643zm0 1.175c.268 0 .486.21.486.47v.399l-3.416-.02-.49-.85h3.42z" fill="#C7F8FF"/><path d="M3.298 0H1.403C.628 0 0 .628 0 1.403v7.964c0 .775.628 1.403 1.403 1.403h9.193a1.403 1.403 0 0 0 1.403-1.403L12 4.545l-.006-.126a1.4 1.4 0 0 0-1.373-1.27l-4.678-.037L4.615.807C4.331.337 3.856 0 3.298 0zM1.403 1.174h1.895c.094 0 .222.09.306.23l1.49 2.585c.104.18.295.291.503.293l5.01.04c.12.002.219.102.22.225l-.002 4.82a.23.23 0 0 1-.229.23H1.403a.23.23 0 0 1-.23-.23V1.403a.23.23 0 0 1 .23-.23z" fill="#FFF"/></g></g></svg>

package/lib/components/dialog-upload/img/pdf.svg

@@ -0,0 +1 @@
+<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#FD4F54" offset="0%"/><stop stop-color="#CD1116" offset="100%"/></linearGradient><linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="b"><stop stop-color="#EC3C3C" offset="0%"/><stop stop-color="#FF8383" offset="100%"/></linearGradient><linearGradient x1="47.638%" y1="10.393%" x2="52.642%" y2="90.65%" id="d"><stop stop-color="#FFF" offset="0%"/><stop stop-color="#F6AFAF" offset="45.302%"/><stop stop-color="#FFF" offset="100%"/></linearGradient><filter x="-15.6%" y="-15.6%" width="131.2%" height="131.2%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".25" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.878431373 0 0 0 0 0.125490196 0 0 0 0 0.125490196 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(4 6.032)" fill-rule="nonzero"><path d="m11.249.837.176.048.189.062c.729.268 1.145.751 1.297 1.338.31 1.258-.573 2.82-2.161 4.553l-.334.355.101.388c.175.649.362 1.257.564 1.823l.155.417.131.33.215.099c1.977.926 3.282 1.856 3.643 2.845l.045.141.032.143c.103.492-.05.963-.441 1.359-.329.282-.684.43-1.06.43-1.233 0-2.347-1.514-3.368-3.854l-.082-.188-.421-.174a24.406 24.406 0 0 0-1.997-.705l-.49-.143L7.043 10l-.206.136c-1.307.845-2.517 1.418-3.54 1.549l-.217.02-.21.008c-.924 0-1.603-.48-1.851-1.311-.172-.587-.078-1.098.184-1.43.4-.557 1.189-.824 2.353-.824.815 0 1.813.13 2.908.379l.322.076.345-.251c.414-.31.815-.636 1.195-.97l.374-.338.28-.267-.04-.192c-.412-2.088-.448-3.81.134-4.852l.092-.151.096-.135c.465-.59 1.17-.801 1.986-.609zm.968 11.202.039.07c.628 1.126 1.235 1.783 1.545 1.783.033 0 .077-.018.145-.075.085-.085.094-.119.08-.18-.073-.369-.656-.928-1.695-1.534l-.114-.064zm-8.66-2.594c-.813 0-1.194.138-1.303.27l-.024.046c-.024.053-.027.134.016.289.065.26.22.386.625.386.511 0 1.225-.234 2.084-.68l.27-.146-.089-.016a10.444 10.444 0 0 0-1.345-.145l-.234-.004zM9.333 8.21l-.263.229-.337.283-.374.305.172.052c.36.112.723.235 1.078.364l.12.045-.067-.195a21.92 21.92 0 0 1-.205-.656l-.124-.427zm1.348-6.148a.506.506 0 0 0-.418.193c-.348.437-.439 1.523-.247 2.97l.061.414.085-.095c1.02-1.189 1.577-2.254 1.512-2.853l-.016-.095c-.031-.158-.143-.297-.471-.415l-.134-.043a.994.994 0 0 0-.372-.076z" fill="#FFF"/><path d="m10.416 7.193.101.388c.175.649.362 1.257.564 1.823l.155.417.131.33c.817 2.33 1.982 3.858 3.494 4.587-.329.282-.684.43-1.06.43-1.233 0-2.347-1.514-3.368-3.854l-.082-.188a25.48 25.48 0 0 1-.766-2.113 27.948 27.948 0 0 1-.605-2.237l-.038-.192c-.413-2.088-.449-3.81.133-4.852l.092-.151.096-.135c.465-.59 1.17-.801 1.986-.609l.176.048.189.062c.729.268 1.684 1.674-.427 1.23-1.408-.297-1.665 1.375-.77 5.016z" fill="url(#d)"/></g></g></svg>

package/lib/components/dialog-upload/img/ppt.svg

@@ -0,0 +1 @@
+<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#F0A326" offset="0%"/><stop stop-color="#D68500" offset="100%"/></linearGradient><linearGradient x1="50%" y1="99.348%" x2="50%" y2="0%" id="b"><stop stop-color="#F0A326" offset="0%"/><stop stop-color="#FFDA9E" offset="100%"/></linearGradient><filter x="-47.5%" y="-34.5%" width="195%" height="169.1%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.839215686 0 0 0 0 0.521568627 0 0 0 0 0 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(8 9)"><path d="M.933 9.687V2.7a.7.7 0 1 1 1.4 0v6.987a.7.7 0 1 1-1.4 0z" fill="#FFDA9E"/><path d="M4.57 0c2.222 0 3.333.91 3.333 2.745 0 1.847-1.125 2.77-3.36 2.77H.933a.608.608 0 0 1-.56-.592.597.597 0 0 1 .656-.586l3.423.002c.706 0 1.215-.126 1.542-.38.314-.252.484-.657.484-1.214 0-.557-.17-.961-.497-1.189-.327-.253-.837-.38-1.53-.38H.934a.602.602 0 0 1-.56-.589C.373.263.645 0 .98 0L.932.003.933 0z" fill="#FFF" fill-rule="nonzero"/></g></g></svg>

package/lib/components/dialog-upload/img/radio.svg

@@ -0,0 +1 @@
+<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#F026D8" offset="0%"/><stop stop-color="#BD00A7" offset="100%"/></linearGradient><linearGradient x1="50%" y1="99.348%" x2="50%" y2=".295%" id="b"><stop stop-color="#F026D8" offset="0%"/><stop stop-color="#FF9EF4" offset="100%"/></linearGradient><filter x="-31.7%" y="-31.7%" width="163.3%" height="163.3%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.839215686 0 0 0 0 0 0 0 0 0 0.741176471 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(6 8.37)" fill-rule="nonzero"><path d="M3.285 5.04a.567.567 0 0 1-.081-1.129l3.902-.703a.568.568 0 0 1 .166 1.12l-3.902.704a.448.448 0 0 1-.085.007z" fill="#FFC7F8"/><path d="M10.926.137a.569.569 0 0 1 .197.43v8.059a.566.566 0 0 1-.032.187c-.148.82-.946 1.447-1.903 1.447-1.063 0-1.928-.772-1.928-1.72s.865-1.72 1.928-1.72c.285 0 .556.056.8.156v-5.75l.484-1.22a.57.57 0 0 1 .454.131zM9.187 7.955c-.43 0-.792.268-.792.585 0 .317.363.585.793.585.43 0 .792-.268.792-.585 0-.317-.363-.585-.793-.585z" fill="#FFF"/><path d="M3.287 10.278a.568.568 0 0 1-.568-.567V1.652c0-.281.205-.52.483-.561l7.27-1.085a.57.57 0 0 1 .65.561c-.002.165-.035.287-.1.365a.49.49 0 0 1-.27.159l-6.9 1.051v7.57a.564.564 0 0 1-.565.566z" fill="#FFF"/><path d="M1.927 7.905c1.062 0 1.927.772 1.927 1.72s-.865 1.72-1.927 1.72C.864 11.344 0 10.572 0 9.624s.864-1.72 1.927-1.72zm0 1.135c-.43 0-.793.267-.793.585 0 .317.363.585.793.585.43 0 .793-.268.793-.585 0-.318-.364-.585-.793-.585z" fill="#FFF"/></g></g></svg>

package/lib/components/dialog-upload/img/video.svg

@@ -0,0 +1 @@
+<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#A226F0" offset="0%"/><stop stop-color="#7500BD" offset="100%"/></linearGradient><linearGradient x1="50%" y1="99.348%" x2="50%" y2="0%" id="b"><stop stop-color="#A226F0" offset="0%"/><stop stop-color="#DA9EFF" offset="100%"/></linearGradient><filter x="-31.7%" y="-31.7%" width="163.3%" height="163.3%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.458823529 0 0 0 0 0 0 0 0 0 0.741176471 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(6 8)"><path d="M6 10.6h5.3a.7.7 0 0 1 0 1.4H6v-1.4z" fill="#EAC7FF"/><circle stroke="#FFF" stroke-width="1.4" cx="6" cy="6" r="5.3"/><path d="M5.032 7.75c.842 0 2.916-.746 2.916-1.75S5.874 4.25 5.032 4.25c-.843 0-.843 3.5 0 3.5z" stroke="#FFF" stroke-width="1.2" stroke-linejoin="round"/></g></g></svg>

package/lib/components/dialog-upload/img/xls.svg

@@ -0,0 +1 @@
+<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#3FC87D" offset="0%"/><stop stop-color="#009B46" offset="100%"/></linearGradient><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="b"><stop stop-color="#21E9AA" offset="0%"/><stop stop-color="#00BF77" offset="100%"/></linearGradient><filter x="-20.8%" y="-22.7%" width="141.7%" height="145.5%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".25" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.0745098039 0 0 0 0 0.662745098 0 0 0 0 0.337254902 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(6.067 9.032)"><path d="M10.99 8.129H1.143a.677.677 0 1 1 0-1.355h9.845a.677.677 0 0 1 0 1.355z" fill="#A1EDD3"/><path d="M2.567 9.461V.926a.7.7 0 1 1 1.4 0V9.46a.7.7 0 0 1-1.4 0z" fill="#FFF"/></g></g></svg>

package/lib/components/dialog-upload/index.css

@@ -0,0 +1,77 @@
+.titaui-dialog-upload__content {
+  max-height: 442px;
+  min-height: 82px;
+  padding: 0 32px;
+  overflow: auto;
+}
+
+.titaui-dialog-upload__preview {
+  margin: 10px 0;
+}
+
+.titaui-dialog-upload__footer {
+  width: 100%;
+  height: 36px;
+  display: flex;
+  align-items: center;
+}
+
+.titaui-dialog-upload__footer .tu-icon-cus-fujian {
+  color: #2879ff;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.titaui-dialog-upload__footer .tu-icon-cus-fujian::before {
+  margin-right: 4px;
+}
+
+.titaui-dialog-upload__footer .tu-icon-cus-fujian:hover {
+  color: #5c8eff;
+}
+
+.titaui-dialog-upload__dialog-upload-btn.tu-icon-H5-add-s {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24px;
+  color: #c0c7d4;
+  width: 60px;
+  height: 60px;
+  background: #ffffff;
+  border-radius: 8px;
+  border: 1px solid #e9ecf0;
+  cursor: pointer;
+}
+
+.titaui-dialog-upload__dialog-upload-btn.tu-icon-H5-add-s:hover {
+  color: #2879ff;
+  border: 1px solid #2879ff;
+}
+
+.rc-upload {
+  outline: none;
+}
+
+.dialog-upload-file-action-wrapper {
+  width: 20px;
+  height: 20px;
+  border: 1px solid #dfe3ea;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  margin-left: 10px;
+  color: #3f4755;
+}
+
+.dialog-upload-file-action-wrapper:hover .action-icon {
+  color: #2879ff;
+}
+
+.dialog-upload-file-action-wrapper .action-icon {
+  font-size: 16px;
+  transform: scale(0.8);
+}