component-sanzhizhou 1.0.0

package/dist/VideoPublish/video-account/base-info.less

@@ -0,0 +1,92 @@
+.videoAccountBaseInfo{
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  cursor: pointer;
+  .index{
+    position: absolute;
+    top: 10px;
+    right: 4px;
+    font-size: 12px;
+    font-style: normal;
+    opacity: 0.3;
+  }
+  .del{
+    position: absolute;
+    bottom: 7px;
+    right: 4px;
+    padding: 3px;
+    font-size: 12px;
+    color: #FFF;
+    border-radius: 3px;
+    background-color: #C00;
+    line-height: 1em;
+    display: none;
+  }
+  &.valid{
+    .isLoginValid{
+      background-color: #00bc00;
+    }
+    .shopName{
+      color: #005a00;
+    }
+  }
+  &.invalid{
+    background-color: #e1e1e1;
+    .isLoginValid{
+      background-color: red;
+    }
+    .shopName{
+      color: #999;
+      font-weight: 300;
+    }
+    .avatarUrl{
+      opacity: 0.5;
+      filter: grayscale(100%);
+    }
+  }
+  .avatar{
+    position: relative;
+    width: 40px;
+    //box-shadow: 0 0 5px #EEE;
+    .avatarUrl{
+      border-radius: 100px;
+      box-shadow: 0 0 5px #EEE;
+    }
+    .isLoginValid{
+      position: absolute;
+      left: 35px;
+      top: 35px;
+      width: 8px;
+      height: 8px;
+      border-radius: 100px;
+    }
+  }
+  .shopName{
+    max-width: 150px;
+    color: #666;
+    display: inline-block;
+    text-overflow: ellipsis;
+    //line-height: 30px;
+    font-size: 12px;
+    padding: 1px 0 0 12px;
+    line-height: 1.1em;
+    word-break: keep-all;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+  .nicknameRemark{
+    max-width: 150px;
+    color: #666;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    //background-color: #F6F6F6;
+    padding: 2px 0 1px;
+    font-weight: 300;
+  }
+  .uniqueId{
+    padding: 1px 0 0;
+    font-size: 12px;
+    opacity: 0.6;
+  }
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    env?: Global.Env;
+    id: number;
+    onSuccess: () => void;
+}
+declare const VideoAccountCreate: React.FC<Props>;
+export default VideoAccountCreate;

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

@@ -0,0 +1,174 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { Button, Form, Input, Select, Switch, Tag } from 'antd';
+import { useRequest } from "@umijs/hooks";
+import * as VideoAccountController from "../../service/api/VideoPublishVideoAccountController";
+import PageContentWarp from "../../UI/PageContentWarp";
+import Tool from "../../lib/Tool";
+import DialogDrawerFooter from "../../UI/DialogDrawerFooter";
+import * as VideoPublishVideoAccountGroupController from "../../service/api/VideoPublishVideoAccountGroupController";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var VideoAccountCreate = function VideoAccountCreate(_ref) {
+  var env = _ref.env,
+    id = _ref.id,
+    _ref$onSuccess = _ref.onSuccess,
+    _onSuccess3 = _ref$onSuccess === void 0 ? function () {} : _ref$onSuccess;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    groupList = _useState2[0],
+    setGroupList = _useState2[1];
+  var _useRequest = useRequest(function () {
+      return VideoPublishVideoAccountGroupController.list({}, {
+        env: env
+      });
+    }, {
+      onSuccess: function () {
+        var _onSuccess = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(result) {
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                setGroupList(result);
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onSuccess(_x) {
+          return _onSuccess.apply(this, arguments);
+        }
+        return onSuccess;
+      }()
+    }),
+    runGroupList = _useRequest.run,
+    loadingGroupList = _useRequest.loading;
+  var _useRequest2 = useRequest(function () {
+      return VideoAccountController.detailById({
+        id: id
+      }, {
+        env: env
+      });
+    }, {
+      onSuccess: function () {
+        var _onSuccess2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(result) {
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                form.setFieldsValue({
+                  nicknameRemark: result.nicknameRemark,
+                  groupId: result.groupId || 0,
+                  enabledActiveAccountMode: typeof result.enabledActiveAccountMode === 'boolean' ? result.enabledActiveAccountMode : true
+                });
+              case 1:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        function onSuccess(_x2) {
+          return _onSuccess2.apply(this, arguments);
+        }
+        return onSuccess;
+      }()
+    }),
+    run = _useRequest2.run,
+    loading = _useRequest2.loading,
+    error = _useRequest2.error;
+  var _useRequest3 = useRequest(function (data) {
+      return VideoAccountController.editInfo(_objectSpread({}, data), {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function () {
+        var _onSuccess4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(result) {
+          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                Tool.toast('已经保存');
+                _onSuccess3();
+              case 2:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3);
+        }));
+        function onSuccess(_x3) {
+          return _onSuccess4.apply(this, arguments);
+        }
+        return onSuccess;
+      }()
+    }),
+    runEditInfo = _useRequest3.run,
+    loadingEditInfo = _useRequest3.loading;
+  var onFinish = function onFinish(values) {
+    runEditInfo(_objectSpread(_objectSpread({}, values), {}, {
+      id: id
+    }));
+  };
+  return /*#__PURE__*/_jsx(PageContentWarp, {
+    className: "videoAccountGroupCreate",
+    loading: loading,
+    error: error,
+    onReload: function onReload() {
+      return run();
+    },
+    children: /*#__PURE__*/_jsxs(Form, {
+      labelCol: {
+        span: 6
+      },
+      form: form,
+      disabled: loadingEditInfo,
+      onFinish: onFinish,
+      children: [/*#__PURE__*/_jsx(Form.Item, {
+        name: "groupId",
+        label: "\u5206\u7EC4",
+        children: /*#__PURE__*/_jsxs(Select, {
+          children: [/*#__PURE__*/_jsx(Select.Option, {
+            value: 0,
+            children: /*#__PURE__*/_jsx(Tag, {
+              children: "\u9ED8\u8BA4"
+            })
+          }), groupList.map(function (items, index) {
+            return /*#__PURE__*/_jsx(Select.Option, {
+              value: items.id,
+              children: items.name
+            }, items.id);
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Form.Item, {
+        name: "nicknameRemark",
+        label: "\u8D26\u53F7\u5907\u6CE8",
+        rules: [{
+          max: 20,
+          message: '最多20个字符'
+        }],
+        children: /*#__PURE__*/_jsx(Input, {
+          placeholder: "\u8F93\u5165\u8D26\u53F7\u5907\u6CE8"
+        })
+      }), /*#__PURE__*/_jsx(Form.Item, {
+        name: "enabledActiveAccountMode",
+        label: "\u662F\u5426\u542F\u7528\u517B\u53F7",
+        children: /*#__PURE__*/_jsx(Switch, {
+          checkedChildren: "\u542F\u7528\u517B\u53F7\u53D1\u5E03",
+          unCheckedChildren: "\u7981\u7528\u517B\u53F7\u53D1\u5E03"
+        })
+      }), /*#__PURE__*/_jsx(DialogDrawerFooter, {
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          htmlType: "submit",
+          loading: loadingEditInfo,
+          children: "\u4FDD\u5B58"
+        })
+      })]
+    })
+  });
+};
+export default VideoAccountCreate;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import './group.less';
+interface Props {
+    env?: Global.Env;
+    onSuccess: () => void;
+    onGroupChange: () => void;
+}
+declare const VideoAccountGroup: React.FC<Props>;
+export default VideoAccountGroup;

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

@@ -0,0 +1,255 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { Button, Col, Form, Input, Popconfirm, Row } from 'antd';
+import "./group.less";
+import { useRequest } from "@umijs/hooks";
+import * as VideoPublishVideoAccountGroupController from "../../service/api/VideoPublishVideoAccountGroupController";
+import PageContentWarp from "../../UI/PageContentWarp";
+import { CheckCircleOutlined, CloseCircleOutlined, LoadingOutlined, PlusCircleOutlined } from "@ant-design/icons";
+import Tool from "../../lib/Tool";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var VideoAccountGroup = function VideoAccountGroup(_ref) {
+  var env = _ref.env,
+    _ref$onSuccess = _ref.onSuccess,
+    onSuccess = _ref$onSuccess === void 0 ? function () {} : _ref$onSuccess,
+    _ref$onGroupChange = _ref.onGroupChange,
+    onGroupChange = _ref$onGroupChange === void 0 ? function () {} : _ref$onGroupChange;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    groupList = _useState2[0],
+    setGroupList = _useState2[1];
+  var _useRequest = useRequest(function () {
+      return VideoPublishVideoAccountGroupController.list({}, {
+        env: env
+      });
+    }, {
+      onSuccess: function () {
+        var _onSuccess = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(result) {
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                groupList.push({
+                  _key: '-1',
+                  id: -1,
+                  name: '默认',
+                  isChange: false
+                });
+                result.forEach(function (items) {
+                  groupList.push({
+                    _key: Tool.math.randWord(10),
+                    id: items.id,
+                    name: items.name,
+                    isChange: false
+                  });
+                });
+                setGroupList(_toConsumableArray(groupList));
+              case 3:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onSuccess(_x) {
+          return _onSuccess.apply(this, arguments);
+        }
+        return onSuccess;
+      }()
+    }),
+    run = _useRequest.run,
+    loading = _useRequest.loading,
+    error = _useRequest.error;
+  var _useRequest2 = useRequest(function (id) {
+      return VideoPublishVideoAccountGroupController.del({
+        id: id
+      }, {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function () {
+        var _onSuccess2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(result) {
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                Tool.toast('已经删除');
+                onGroupChange();
+              case 2:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        function onSuccess(_x2) {
+          return _onSuccess2.apply(this, arguments);
+        }
+        return onSuccess;
+      }()
+    }),
+    runDel = _useRequest2.run,
+    loadingDel = _useRequest2.loading;
+  var onName = function onName(index, name) {
+    groupList[index].name = name;
+    groupList[index].isChange = true;
+    setGroupList(_toConsumableArray(groupList));
+  };
+  var onDel = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(index) {
+      var id, delResult;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            id = groupList[index].id;
+            if (!(id === 0)) {
+              _context3.next = 5;
+              break;
+            }
+            groupList.splice(index, 1);
+            setGroupList(_toConsumableArray(groupList));
+            return _context3.abrupt("return");
+          case 5:
+            console.log('delResult 0：', id);
+            _context3.next = 8;
+            return runDel(id).then(function (result) {
+              console.log('then 10:', result);
+              groupList.splice(index, 1);
+              setGroupList(_toConsumableArray(groupList));
+            }).catch(function (err) {});
+          case 8:
+            delResult = _context3.sent;
+          case 9:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function onDel(_x3) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(index) {
+      var item, createResult;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            groupList[index].loading = true;
+            setGroupList(_toConsumableArray(groupList));
+            item = groupList[index];
+            _context4.next = 5;
+            return VideoPublishVideoAccountGroupController.create({
+              id: item.id,
+              name: "".concat(item.name)
+            }, {
+              env: env
+            }).catch(function (err) {});
+          case 5:
+            createResult = _context4.sent;
+            groupList[index].loading = false;
+            if (!createResult) {} else {
+              groupList[index].isChange = false;
+              Tool.toast('已保存');
+              if (createResult) {
+                groupList[index].id = createResult.id;
+              }
+            }
+            setGroupList(_toConsumableArray(groupList));
+            onGroupChange();
+          case 10:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function onSubmit(_x4) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var onAdd = function onAdd() {
+    groupList.push({
+      _key: Tool.math.randWord(10),
+      id: 0,
+      name: '',
+      isChange: true
+    });
+    setGroupList(_toConsumableArray(groupList));
+  };
+  return /*#__PURE__*/_jsx(PageContentWarp, {
+    className: "videoAccountGroupCreate",
+    loading: loading,
+    error: error,
+    onReload: run,
+    children: /*#__PURE__*/_jsxs(Form, {
+      labelCol: {
+        span: 6
+      },
+      form: form,
+      disabled: loadingDel
+      // onFinish={ onFinish }
+      ,
+      children: [groupList.map(function (items, index) {
+        return /*#__PURE__*/_jsxs(Row, {
+          children: [/*#__PURE__*/_jsx(Col, {
+            span: 21,
+            children: /*#__PURE__*/_jsx(Form.Item, {
+              rules: [{
+                required: true,
+                message: '请输入'
+              }, {
+                max: 8,
+                message: '最多8个字符'
+              }],
+              children: /*#__PURE__*/_jsx(Input, {
+                disabled: index === 0 || items.loading,
+                value: items.name,
+                placeholder: "\u8F93\u5165\u5206\u7EC4\u540D\u79F0",
+                addonAfter: index > 0 && (items.isChange ? /*#__PURE__*/_jsxs("a", {
+                  onClick: function onClick() {
+                    return onSubmit(index);
+                  },
+                  children: [items.loading && /*#__PURE__*/_jsx(LoadingOutlined, {}), " \u4FDD\u5B58"]
+                }) : /*#__PURE__*/_jsx(CheckCircleOutlined, {
+                  className: "saved"
+                })),
+                onChange: function onChange(e) {
+                  return onName(index, e.target.value);
+                }
+              })
+            })
+          }), /*#__PURE__*/_jsx(Col, {
+            span: 2,
+            offset: 1,
+            children: items.id > 0 && /*#__PURE__*/_jsx(Popconfirm, {
+              title: "\u5220\u9664\u5206\u7EC4",
+              description: "\u4EC5\u5220\u9664\u5206\u7EC4\uFF0C\u4E0D\u5220\u9664\u8D26\u53F7",
+              onConfirm: function onConfirm() {
+                return onDel(index);
+              },
+              children: /*#__PURE__*/_jsx("a", {
+                className: "del",
+                children: /*#__PURE__*/_jsx(CloseCircleOutlined, {})
+              })
+            })
+          })]
+        }, "".concat(items.id, "-").concat(items._key));
+      }), /*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsx(Button, {
+          disabled: loadingDel,
+          type: "primary",
+          icon: /*#__PURE__*/_jsx(PlusCircleOutlined, {}),
+          onClick: onAdd,
+          ghost: true,
+          size: "small",
+          children: "\u589E\u52A0"
+        })
+      })]
+    })
+  });
+};
+export default VideoAccountGroup;

package/dist/VideoPublish/video-account/group.less

@@ -0,0 +1,10 @@
+.videoAccountGroupCreate{
+  .del{
+    display: block;
+    line-height: 32px;
+    color: #C00;
+  }
+  .saved{
+    color: #999;
+  }
+}

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

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