component-shipinlv 1.0.10 → 1.0.11

package/dist/AuthClient/qr/index.css.js

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import styled from 'styled-components';
 export default {
-  AuthQrLogin: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    :global{\n      .ant-tabs-tab-btn{\n        .anticon{\n          margin-right: 6px;\n        }\n      }\n    }\n    .weQrUrl{\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n    .qr{\n      position: relative;\n      display: block;\n      margin: 12px auto 0;\n      width: 230px;\n      height: 230px;\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center;\n      &.qrAlipay{\n        border: 3px solid #1677ff;\n      }\n      .reTry{\n        position: absolute;\n        z-index: 100;\n        left: 0;\n        top: 0;\n        width: 100%;\n        font-size: 80px;\n        background-color: rgba( 255, 255, 255, 0.95 );\n        text-align: center;\n        line-height: 210px;\n        height: 100%;\n        a{\n          display: block;\n        }\n      }\n    }\n    .alt{\n      padding: 10px 0 0;\n      color: #999;\n      text-align: center;\n    }\n    .altWeb{\n      padding: 16px 0 0;\n      max-width: 300px;\n      margin: 0 auto;\n      .titles{\n        text-align: center;\n        font-weight: bold;\n      }\n      ul{\n        margin: 0 10px;\n      }\n\n    }\n    .percent{\n      width: 100%;\n      position: absolute;\n      overflow: hidden;\n      left: 0;\n      bottom: 0;\n      .warp{\n        height: 4px;\n        background-color: #1677ff;\n        transition: all 1.6s ease-in-out;\n        -webkit-transition: all 1.6s ease-in-out;\n      }\n    }\n  "]))),
+  AuthQrLogin: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .ant-tabs-tab-btn{\n      .anticon{\n        margin-right: 6px;\n      }\n    }\n    .weQrUrl{\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n    .qr{\n      position: relative;\n      display: block;\n      margin: 12px auto 0;\n      width: 230px;\n      height: 230px;\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center;\n      &.qrAlipay{\n        border: 3px solid #1677ff;\n      }\n      .reTry{\n        position: absolute;\n        z-index: 100;\n        left: 0;\n        top: 0;\n        width: 100%;\n        font-size: 80px;\n        background-color: rgba( 255, 255, 255, 0.95 );\n        text-align: center;\n        line-height: 210px;\n        height: 100%;\n        a{\n          display: block;\n        }\n      }\n    }\n    .alt{\n      padding: 10px 0 0;\n      color: #999;\n      text-align: center;\n    }\n    .altWeb{\n      padding: 16px 0 0;\n      max-width: 300px;\n      margin: 0 auto;\n      .titles{\n        text-align: center;\n        font-weight: bold;\n      }\n      ul{\n        margin: 0 10px;\n      }\n\n    }\n    .percent{\n      width: 100%;\n      position: absolute;\n      overflow: hidden;\n      left: 0;\n      bottom: 0;\n      .warp{\n        height: 4px;\n        background-color: #1677ff;\n        transition: all 1.6s ease-in-out;\n        -webkit-transition: all 1.6s ease-in-out;\n      }\n    }\n  "]))),
   LoginForm: styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin: 0 auto;\n    padding: 0 0 5px 0  ;\n    background-color: rgba(255, 255, 255, 0.75 );\n    border-radius: 6px;\n  "]))),
   WebTitle: styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-weight: normal;\n    font-size: 22px;\n    text-align: center;\n    padding: 0;\n    margin: 6px 0 0 0;\n    line-height: 1em;\n    span{\n      display: inline-block;\n      padding-left: 5px;\n      font-weight: lighter;\n      font-size: 16px;\n    }\n  "]))),
   WeQrUrlBox: styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    min-height: 240px !important;\n  "])))

package/dist/UI/DialogDrawerFooter.css.js

@@ -2,5 +2,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject;
 import styled from 'styled-components';
 export default {
-  DialogDrawerFooter: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .warp{\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      z-index: 20;\n      width: 100%;\n      height: 56px;\n      background-color: #FFF;\n      line-height: 56px;\n      text-align: right;\n    }\n    .warpChildren{\n      padding: 0 20px 0 0;\n    }\n    .pos{\n      height: 56px;\n    }\n    "])))
+  DialogDrawerFooter: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .warp{\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      z-index: 20;\n      width: 100%;\n      height: 56px;\n      background-color: #FFF;\n      line-height: 56px;\n      text-align: right;\n    }\n    .warpChildren{\n      padding: 0 20px 0 0;\n      box-shadow: 0 0 3px #CCC;\n    }\n    .pos{\n      height: 56px;\n    }\n    "])))
 };

package/dist/UI/FileSize.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    fileSize: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+};
+export default _default;

package/dist/UI/FileSize.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  fileSize: styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .file-size-unit{\n      padding-left: 3px;\n    }\n    .gb{\n      font-size: small;\n      color: red;\n    }\n    .mb{\n      font-size: small;\n      color: blue;\n    }\n    .kb{\n      font-size: small;\n      color: green;\n    }\n    .b{\n      font-size: small;\n      color: #999;\n    }\n  "])))
+};

package/dist/UI/FileSize.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    fileSize?: number;
+    precision?: number;
+    pre?: React.ReactNode;
+    className?: string;
+}
+export declare const FileSizeFormat: (fileSize: number, precision: number) => import("react/jsx-runtime").JSX.Element;
+declare const FileSize: React.FC<Props>;
+export default FileSize;

package/dist/UI/FileSize.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { Tooltip } from "antd";
+import styles from "./FileSize.css";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var FileSizeFormat = function FileSizeFormat(fileSize, precision) {
+  fileSize = fileSize || 0;
+  var data = /*#__PURE__*/_jsx(_Fragment, {});
+  if (fileSize >= 1024 * 1024 * 1024) {
+    data = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [getValue(fileSize / (1024 * 1024 * 1024), 'G', precision), /*#__PURE__*/_jsx("span", {
+        className: "gb file-size-unit",
+        children: "GB"
+      })]
+    });
+  } else if (fileSize >= 1024 * 1024) {
+    data = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [getValue(fileSize / (1024 * 1024), "M", precision), /*#__PURE__*/_jsx("span", {
+        className: "mb file-size-unit",
+        children: "MB"
+      })]
+    });
+  } else if (fileSize >= 1024) {
+    data = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [getValue(fileSize / 1024, 'K', precision), /*#__PURE__*/_jsx("span", {
+        className: "kb file-size-unit",
+        children: "KB"
+      })]
+    });
+  } else {
+    data = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [fileSize, " ", /*#__PURE__*/_jsx("span", {
+        className: "b",
+        children: "B"
+      })]
+    });
+  }
+  return data;
+};
+var getValue = function getValue() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var level = arguments.length > 1 ? arguments[1] : undefined;
+  var precision = arguments.length > 2 ? arguments[2] : undefined;
+  return parseFloat(value.toFixed(precision));
+};
+var FileSize = function FileSize(_ref) {
+  var _ref$fileSize = _ref.fileSize,
+    fileSize = _ref$fileSize === void 0 ? 0 : _ref$fileSize,
+    _ref$precision = _ref.precision,
+    precision = _ref$precision === void 0 ? 2 : _ref$precision,
+    _ref$pre = _ref.pre,
+    pre = _ref$pre === void 0 ? '' : _ref$pre,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  return /*#__PURE__*/_jsx(Tooltip, {
+    title: fileSize,
+    children: /*#__PURE__*/_jsxs(styles.fileSize, {
+      children: [pre, FileSizeFormat(fileSize, precision)]
+    })
+  });
+};
+export default FileSize;

package/dist/UI/LoadError.css.js

@@ -2,5 +2,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject;
 import styled from 'styled-components';
 export default {
-  LoadError: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    :global{\n      .ant-result {\n        padding: 20px 2px;\n      }\n      .ant-result-image {\n        width: 200px;\n        height: 260px;\n        svg {\n          transform: scale(0.8);\n          transform-origin: 0 50%;\n        }\n      }\n      .ant-result-title {\n        color: #666;\n        font-weight: 400;\n        font-size: 18px;\n      }\n    }\n  "])))
+  LoadError: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .ant-result {\n      padding: 20px 2px;\n    }\n    .ant-result-image {\n      width: 200px;\n      height: 260px;\n      svg {\n        transform: scale(0.8);\n        transform-origin: 0 50%;\n      }\n    }\n    .ant-result-title {\n      color: #666;\n      font-weight: 400;\n      font-size: 18px;\n    }\n  "])))
 };

package/dist/UI/Time.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    time?: string | number;
+    serverTime?: number;
+    titlePre?: string;
+}
+declare const Time: React.FC<Props>;
+export default Time;

package/dist/UI/Time.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import Tool from "../lib/Tool";
+import { Tooltip } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Time = function Time(_ref) {
+  var _ref$time = _ref.time,
+    time = _ref$time === void 0 ? '' : _ref$time,
+    _ref$serverTime = _ref.serverTime,
+    serverTime = _ref$serverTime === void 0 ? Date.now() : _ref$serverTime,
+    _ref$titlePre = _ref.titlePre,
+    titlePre = _ref$titlePre === void 0 ? '' : _ref$titlePre;
+  return /*#__PURE__*/_jsx(Tooltip, {
+    title: "".concat(titlePre).concat(Tool.formatTime(time, 'YYYY-MM-DD HH:mm')),
+    children: /*#__PURE__*/_jsx("span", {
+      children: Tool.getFriendlyTime(time, serverTime)
+    })
+  });
+};
+export default Time;

package/dist/UI/duration.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    duration: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+};
+export default _default;

package/dist/UI/duration.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  duration: styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .duration-0-0-0{\n      color: #AAA;\n    }\n    .duration-0-0{\n      .hour{\n        color: #AAA;\n      }\n      .minute{\n        color: #AAA;\n      }\n    }\n\n    .duration-0{\n      .hour{\n        color: #AAA;\n      }\n    }\n    "])))
+};

package/dist/UI/duration.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface Props {
+    duration?: number;
+}
+declare const Duration: React.FC<Props>;
+export default Duration;

package/dist/UI/duration.js

@@ -0,0 +1,49 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import styles from "./duration.css";
+import React, { useEffect, useState } from "react";
+import Tool from "../lib/Tool";
+import { Tooltip } from "antd";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Duration = function Duration(_ref) {
+  var _ref$duration = _ref.duration,
+    duration = _ref$duration === void 0 ? 0 : _ref$duration;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    durationShow = _useState2[0],
+    setDurationShow = _useState2[1];
+  useEffect(function () {
+    var show = '';
+    if (duration <= 0) {
+      show = /*#__PURE__*/_jsx("span", {
+        className: "duration-0-0-0",
+        children: "00:00:00"
+      });
+    } else {
+      var hour = Math.floor(duration / 3600);
+      var minute = Math.floor((duration - 3600 * hour) / 60);
+      var second = Math.floor(duration - 3600 * hour - minute * 60);
+      var hourShow = Tool.string.addPre('0', "".concat(hour), 2);
+      var minuteShow = Tool.string.addPre('0', "".concat(minute), 2);
+      var secondShow = Tool.string.addPre('0', "".concat(second), 2);
+      show = /*#__PURE__*/_jsx(Tooltip, {
+        title: "".concat(hour > 0 ? hour + '小时' : '').concat(minute > 0 ? minute + '分钟' : '').concat(second > 0 ? second + '秒' : ''),
+        children: /*#__PURE__*/_jsxs("span", {
+          className: "".concat("duration-".concat(hour), " ", "duration-".concat(hour, "-").concat(minute)),
+          children: [/*#__PURE__*/_jsxs("span", {
+            className: "hour",
+            children: [hourShow, ":"]
+          }), /*#__PURE__*/_jsxs("span", {
+            className: "minute",
+            children: [minuteShow, ":"]
+          }), secondShow]
+        })
+      });
+    }
+    setDurationShow(show);
+  }, [duration]);
+  return /*#__PURE__*/_jsx(styles.duration, {
+    children: durationShow
+  });
+};
+export default Duration;

package/dist/UI/text-input.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './text-input.less';
+interface Props {
+    disabled?: boolean;
+    type?: 'text' | 'textarea';
+    className?: string;
+    label: React.ReactNode;
+    value: string;
+    maxLength?: number;
+    onFinish: (text: string) => void;
+}
+declare const TextInput: React.FC<Props>;
+export default TextInput;

package/dist/UI/text-input.js

@@ -0,0 +1,108 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from 'react';
+import { Button, Input, Space } from 'antd';
+import { EditOutlined, CheckOutlined } from '@ant-design/icons';
+import "./text-input.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var TextInput = function TextInput(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'text' : _ref$type,
+    disabled = _ref.disabled,
+    className = _ref.className,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    _ref$maxLength = _ref.maxLength,
+    maxLength = _ref$maxLength === void 0 ? 1000 : _ref$maxLength,
+    _ref$onFinish = _ref.onFinish,
+    onFinish = _ref$onFinish === void 0 ? function () {} : _ref$onFinish;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEdit = _useState2[0],
+    setIsEdit = _useState2[1];
+  var _useState3 = useState(value),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputText = _useState4[0],
+    setInputText = _useState4[1];
+  var onEdit = function onEdit(isEdit) {
+    if (disabled) {
+      return;
+    }
+    setIsEdit(isEdit);
+  };
+  var onInput = function onInput(value) {
+    setInputText(value);
+  };
+  var onPost = function onPost() {
+    onEdit(false);
+    if (inputText != value) {
+      onFinish(inputText);
+    }
+  };
+  var textAreaProp = {
+    addonAfter: /*#__PURE__*/_jsx("a", {
+      onClick: onPost,
+      children: /*#__PURE__*/_jsx(CheckOutlined, {})
+    })
+  };
+  useEffect(function () {
+    setInputText(value);
+  }, [value]);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: isEdit ? /*#__PURE__*/_jsx("div", {
+      className: className,
+      children: type === 'textarea' ? /*#__PURE__*/_jsxs(Space.Compact, {
+        children: [/*#__PURE__*/_jsx(Input.TextArea, _objectSpread(_objectSpread({
+          className: "input",
+          disabled: disabled,
+          maxLength: maxLength,
+          defaultValue: inputText,
+          onChange: function onChange(e) {
+            return onInput(e.target.value);
+          }
+        }, textAreaProp), {}, {
+          autoFocus: true
+        })), /*#__PURE__*/_jsx(Button, {
+          size: "small",
+          children: /*#__PURE__*/_jsx("a", {
+            onClick: onPost,
+            children: /*#__PURE__*/_jsx(CheckOutlined, {})
+          })
+        })]
+      }) : /*#__PURE__*/_jsx(Input, {
+        onPressEnter: function onPressEnter(e) {
+          onPost();
+        },
+        className: "input",
+        disabled: disabled,
+        maxLength: maxLength,
+        value: inputText,
+        onChange: function onChange(e) {
+          return onInput(e.target.value);
+        },
+        addonAfter: /*#__PURE__*/_jsx("a", {
+          onClick: onPost,
+          children: /*#__PURE__*/_jsx(CheckOutlined, {})
+        }),
+        autoFocus: true
+      })
+    }) : /*#__PURE__*/_jsxs("div", {
+      className: "".concat(className, " showBox ").concat(disabled ? 'disabled' : ''),
+      children: [/*#__PURE__*/_jsx("label", {
+        className: "content",
+        children: label
+      }), !disabled && /*#__PURE__*/_jsx("a", {
+        className: "editIcon ".concat(label ? '' : "labelEmpty", "  edit-icon"),
+        onClick: function onClick() {
+          return onEdit(true);
+        },
+        children: /*#__PURE__*/_jsx(EditOutlined, {})
+      })]
+    })
+  });
+};
+export default TextInput;

package/dist/UI/text-input.less

@@ -0,0 +1,19 @@
+.showBox{
+  display: flex;
+  flex-direction: row;
+}
+
+.editIcon{
+  display: inline-block;
+  padding: 0 0 0 5px;
+}
+
+.labelEmpty{
+  opacity: 0.6;
+  -webkit-filter: grayscale(100%);
+  filter: grayscale(100%);
+}
+
+.input{
+  width: 96%;
+}

package/dist/VideoPublish/creat-task/index.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    videoPublishCreateTask: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/VideoPublish/creat-task/index.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  videoPublishCreateTask: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 0 12px 0 0;\n    .groupIcon{\n      color: blue;\n    }\n    .rateSelect{\n      width: 120px;\n    }\n    .normalVideo{\n      color: blue;\n    }\n    .shoppingCart{\n      color: #F60;\n    }\n    .selectFile{\n      padding: 12px 0 0;\n    }\n    .submits{\n      text-align: right;\n      padding: 0 0 36px 0;\n    }\n  "])))
+};

package/dist/VideoPublish/creat-task/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface Props {
+    productType: VideoPublish.ProductType;
+    apiUrl: string;
+    env?: Global.Env;
+}
+declare const VideoPublishCreateTask: React.FC<Props>;
+export default VideoPublishCreateTask;