component-shipinlv 1.0.11 → 1.0.12

package/dist/UI/PageContentWarp.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 interface Props {
     title?: React.ReactNode;
     className?: string;
-    minHeight?: number;
+    minHeight?: number | string;
     loading?: boolean;
     loadingDom?: React.ReactNode;
     error?: Error | null;

package/dist/UI/PageContentWarp.js

@@ -25,7 +25,7 @@ var PageContentWarp = function PageContentWarp(_ref) {
   return /*#__PURE__*/_jsxs(styles.PageContentBox, {
     className: "ktv-ai-pageContentBox ".concat(className),
     style: {
-      minHeight: minHeight > 0 ? minHeight : 'auto'
+      minHeight: minHeight ? minHeight : 'auto'
     },
     children: [title && /*#__PURE__*/_jsx("h2", {
       children: title

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

@@ -2,5 +2,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 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  "])))
+  videoPublishCreateTask: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 0 12px 0 0;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\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

@@ -1,5 +1,6 @@
 import React from "react";
 interface Props {
+    disabled?: boolean;
     productType: VideoPublish.ProductType;
     apiUrl: string;
     env?: Global.Env;

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

@@ -4,7 +4,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState } from "react";
 import styles from "./index.css";
-import { Button, ConfigProvider, DatePicker, Divider, Form, InputNumber, Radio, Select, Switch, Tag } from "antd";
+import { Alert, Button, ConfigProvider, DatePicker, Divider, Form, InputNumber, Radio, Select, Switch, Tag } from "antd";
 import { PlusOutlined, ShoppingOutlined, UsergroupAddOutlined, VideoCameraOutlined } from "@ant-design/icons";
 import PageContentWarp from "../../UI/PageContentWarp";
 import { TreeSelect } from 'antd';
@@ -20,7 +20,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
-  var productType = _ref.productType,
+  var disabled = _ref.disabled,
+    productType = _ref.productType,
     apiUrl = _ref.apiUrl,
     env = _ref.env;
   var _useState = useState({
@@ -223,16 +224,23 @@ var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
   };
   var formLabelSpan = 3;
   return /*#__PURE__*/_jsx(styles.videoPublishCreateTask, {
-    children: /*#__PURE__*/_jsx(PageContentWarp, {
+    children: /*#__PURE__*/_jsxs(PageContentWarp, {
       loading: loading,
       error: error,
       onReload: run,
-      children: /*#__PURE__*/_jsxs(Form, {
+      children: [disabled && /*#__PURE__*/_jsx(Alert, {
+        message: "\u529F\u80FD\u5347\u7EA7\u4E2D\uFF0C\u5373\u5C06\u5F00\u653E\uFF0C\u656C\u8BF7\u671F\u5F85",
+        type: "warning",
+        showIcon: true,
+        style: {
+          width: 320
+        }
+      }), /*#__PURE__*/_jsxs(Form, {
         labelCol: {
           span: formLabelSpan
         },
         initialValues: _objectSpread({}, formData),
-        disabled: loadingTask,
+        disabled: disabled || loadingTask,
         scrollToFirstError: true,
         onFinish: onFinish,
         children: [/*#__PURE__*/_jsx(Divider, {
@@ -447,7 +455,7 @@ var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
             children: "\u63D0\u4EA4"
           })
         })]
-      })
+      })]
     })
   });
 };

package/dist/VideoPublish/creat-task/select-list.css.js

@@ -2,5 +2,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject;
 import styled from 'styled-components';
 export default {
-  videoPublishTaskSelectList: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n    .title{\n      width: 120px;\n      overflow: hidden;\n      word-break: keep-all;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n    .remark{\n      max-width: 200px;\n    }\n    .remarkInput{\n      label.content{\n        position: relative;\n        display: inline-block;\n        overflow: hidden;\n        word-break: keep-all;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        max-width: 200px;\n      }\n    }\n    .videoKindTag{\n      width: 120px;\n    }\n  "])))
+  videoPublishTaskSelectList: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow-y: auto;\n    box-shadow: 0 3px 3px #EEE;\n    max-height: 60vh;\n    .title{\n      width: 120px;\n      overflow: hidden;\n      word-break: keep-all;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n    .remark{\n      max-width: 200px;\n    }\n    .remarkInput{\n      label.content{\n        position: relative;\n        display: inline-block;\n        overflow: hidden;\n        word-break: keep-all;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        max-width: 200px;\n      }\n    }\n    .videoKindTag{\n      width: 120px;\n    }\n  "])))
 };

package/dist/VideoPublish/creat-task/select-list.js

@@ -94,6 +94,7 @@ var VideoPublishSelectList = function VideoPublishSelectList(_ref) {
     render: function render(videoKindTag, record) {
       var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
       return /*#__PURE__*/_jsxs(Select, {
+        size: "small",
         defaultValue: videoKindTag,
         className: "videoKindTag",
         onChange: function onChange(e) {
@@ -119,7 +120,7 @@ var VideoPublishSelectList = function VideoPublishSelectList(_ref) {
     render: function render(kindTagValue, record) {
       var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
       return /*#__PURE__*/_jsx(Popover, {
-        title: "\u5E26\u8D27/\u5C0F\u7A0B\u5E8F",
+        title: "\u5E26\u8D27/\u5C0F\u7A0B\u5E8F/\u5B9A\u4F4D",
         content: kindTagValue,
         children: /*#__PURE__*/_jsx("div", {
           className: "remark",
@@ -174,6 +175,7 @@ var VideoPublishSelectList = function VideoPublishSelectList(_ref) {
             disabled: !(record !== null && record !== void 0 && record.videoFinishUrl),
             icon: /*#__PURE__*/_jsx(FolderOpenOutlined, {}),
             type: "link",
+            size: "small",
             children: "\u67E5\u770B"
           })
         }) : /*#__PURE__*/_jsx(_Fragment, {
@@ -242,9 +244,6 @@ var VideoPublishSelectList = function VideoPublishSelectList(_ref) {
     children: /*#__PURE__*/_jsx(Table, {
       size: "small",
       bordered: true,
-      scroll: {
-        y: window.innerHeight * 0.5
-      },
       rowKey: function rowKey(record, index) {
         return "".concat(index, "-").concat(record.id, "-").concat(record === null || record === void 0 ? void 0 : record.videoFinishUrl);
       },

package/dist/VideoPublish/index.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 import "./index.less";
 interface Props {
+    disabled?: boolean;
+    contentHeight?: number | string;
     productType: VideoPublish.ProductType;
     apiUrl: string;
     env?: Global.Env;

package/dist/VideoPublish/index.js

@@ -7,10 +7,13 @@ import isInClient from "../lib/isInClient";
 import { ClockCircleOutlined, UsergroupAddOutlined, VideoCameraAddOutlined } from "@ant-design/icons";
 import VideoPublishVideoAccount from "./video-account";
 import VideoPublishTaskList from "./task-list";
+import PageContentWarp from "../UI/PageContentWarp";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var VideoPublish = function VideoPublish(_ref) {
-  var productType = _ref.productType,
+  var disabled = _ref.disabled,
+    contentHeight = _ref.contentHeight,
+    productType = _ref.productType,
     apiUrl = _ref.apiUrl,
     env = _ref.env;
   var _useState = useState([]),
@@ -30,6 +33,7 @@ var VideoPublish = function VideoPublish(_ref) {
     icon: /*#__PURE__*/_jsx(VideoCameraAddOutlined, {}),
     label: '定时发布',
     children: /*#__PURE__*/_jsx(VideoPublishCreateTask, {
+      disabled: disabled,
       productType: productType,
       apiUrl: apiUrl,
       env: env
@@ -39,6 +43,7 @@ var VideoPublish = function VideoPublish(_ref) {
     icon: /*#__PURE__*/_jsx(ClockCircleOutlined, {}),
     label: '发布任务',
     children: /*#__PURE__*/_jsx(VideoPublishTaskList, {
+      disabled: disabled,
       env: env
     })
   }, {
@@ -46,6 +51,7 @@ var VideoPublish = function VideoPublish(_ref) {
     icon: /*#__PURE__*/_jsx(UsergroupAddOutlined, {}),
     label: '短视频账户',
     children: /*#__PURE__*/_jsx(VideoPublishVideoAccount, {
+      disabled: disabled,
       env: env
     })
   }];
@@ -76,31 +82,41 @@ var VideoPublish = function VideoPublish(_ref) {
   useEffect(function () {
     onInit();
   }, []);
-  return /*#__PURE__*/_jsxs("div", {
-    className: "videoPublish",
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "menu",
-      children: /*#__PURE__*/_jsx(Menu, {
-        onClick: function onClick(e) {
-          return onMenu(e.key);
-        },
-        style: {
-          width: '100%'
-        },
-        mode: "inline"
-        // defaultSelectedKeys={[ activeKey ]}
-        ,
-        selectedKeys: [activeKey],
-        items: menuList
-      })
-    }), /*#__PURE__*/_jsx("div", {
-      className: "pageContents",
-      children: /*#__PURE__*/_jsx(Tabs, {
-        activeKey: activeKey,
-        className: "my-tabs",
-        items: tabsItems
-      })
-    })]
+  return /*#__PURE__*/_jsx(PageContentWarp, {
+    minHeight: contentHeight ? contentHeight : '100%',
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "videoPublish",
+      style: {
+        height: contentHeight ? contentHeight : '100%'
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "menuBox",
+        children: /*#__PURE__*/_jsx("div", {
+          className: "menuWarp",
+          children: /*#__PURE__*/_jsx(Menu, {
+            className: "menu",
+            onClick: function onClick(e) {
+              return onMenu(e.key);
+            },
+            style: {
+              width: '100%'
+            },
+            mode: "inline"
+            // defaultSelectedKeys={[ activeKey ]}
+            ,
+            selectedKeys: [activeKey],
+            items: menuList
+          })
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: "pageContents",
+        children: /*#__PURE__*/_jsx(Tabs, {
+          activeKey: activeKey,
+          className: "my-tabs",
+          items: tabsItems
+        })
+      })]
+    })
   });
 };
 export default VideoPublish;

package/dist/VideoPublish/index.less

@@ -2,16 +2,25 @@
   display: flex;
   flex-direction: row;
   height: 100%;
+  position: static;
 
-  .menu {
+  .menuBox {
     display: flex;
     flex-direction: column;
     width: 180px;
-    margin: 0 12px 0 0;
+    //margin: 0 12px 0 0;
     padding: 0 10px 0 0;
     min-height: 100%;
     border-right: 1px solid #E8E8E8;
 
+    .menuWarp{
+      position: fixed;
+      width: 180px;
+      padding: 0 0 0 5px;
+    }
+    .menu{
+    }
+
     .ant-menu {
       margin: 10px 0 0;
     }
@@ -24,11 +33,16 @@
 
   .pageContents {
     flex: 1;
-    padding: 10px 0 0 0;
+    padding: 16px 16px 16px ;
     overflow-y: auto;
 
     .my-tabs {
       width: 100%;
+      .ktv-ai-pageContentBox{
+        >h2{
+          margin-top: 0;
+        }
+      }
 
       > .ant-tabs-nav {
         display: none;

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

@@ -1,6 +1,7 @@
 import React from "react";
 import "./index.less";
 interface Props {
+    disabled?: boolean;
     env?: Global.Env;
 }
 declare const VideoPublishTaskList: React.FC<Props>;

package/dist/VideoPublish/task-list/index.js

@@ -9,7 +9,8 @@ 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 VideoPublishTaskList = function VideoPublishTaskList(_ref) {
-  var env = _ref.env;
+  var disabled = _ref.disabled,
+    env = _ref.env;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     listData = _useState2[0],

package/dist/VideoPublish/video-account/index.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import "./index.less";
 interface Props {
+    disabled?: boolean;
     env?: Global.Env;
 }
 declare const VideoPublishVideoAccount: React.FC<Props>;

package/dist/VideoPublish/video-account/index.js

@@ -9,7 +9,8 @@ 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 VideoPublishVideoAccount = function VideoPublishVideoAccount(_ref) {
-  var env = _ref.env;
+  var disabled = _ref.disabled,
+    env = _ref.env;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     listData = _useState2[0],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "component-shipinlv",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",