component-sanzhizhou 1.0.0

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

@@ -0,0 +1,301 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from "react";
+import "./index.less";
+import PageContentWarp from "../../UI/PageContentWarp";
+import { useRequest } from "@umijs/hooks";
+import * as VideoPublishVideoTopicController from "../../service/api/VideoPublishVideoTopicController";
+import * as VideoPublishVideoTopicGroupController from "../../service/api/VideoPublishVideoTopicGroupController";
+import { Button, Card, Popconfirm, Space, Switch, Tag } from "antd";
+import { PlusCircleFilled, RedoOutlined } from "@ant-design/icons";
+import TextInput from "../../UI/text-input";
+import Tool from "../../lib/Tool";
+import VideoPublishTaskVideoTopicAdd from "./add";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var VideoPublishTaskVideoTopic = function VideoPublishTaskVideoTopic(_ref) {
+  var disabled = _ref.disabled,
+    env = _ref.env;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    listData = _useState2[0],
+    setListData = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loadingCreateDict = _useState4[0],
+    setLoadingCreateDict = _useState4[1];
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loadingCreateGroupDict = _useState6[0],
+    setLoadingCreateGroupDict = _useState6[1];
+  var _useRequest = useRequest(function () {
+      return VideoPublishVideoTopicController.list({}, {
+        env: env
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        setListData(_toConsumableArray(result));
+      }
+    }),
+    run = _useRequest.run,
+    loading = _useRequest.loading,
+    error = _useRequest.error;
+  var _useRequest2 = useRequest(function (query) {
+      return VideoPublishVideoTopicController.create({
+        list: query
+      }, {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(result) {
+        Tool.toast('已经保存');
+      }
+    }),
+    runCreate = _useRequest2.run,
+    loadingCreate = _useRequest2.loading;
+  var _useRequest3 = useRequest(function (query) {
+      return VideoPublishVideoTopicGroupController.create(_objectSpread({}, query), {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(groupId) {
+        Tool.toast('已经保存');
+      }
+    }),
+    runGroupCreate = _useRequest3.run,
+    loadingGroupCreate = _useRequest3.loading;
+  var _useRequest4 = useRequest(function (id) {
+      return VideoPublishVideoTopicGroupController.del({
+        id: id
+      }, {
+        env: env
+      });
+    }, {
+      manual: true,
+      onSuccess: function onSuccess(groupId) {
+        Tool.toast('已经删除');
+        run();
+      }
+    }),
+    runGroupDel = _useRequest4.run,
+    loadingGroupDel = _useRequest4.loading;
+  var onDel = function onDel(id) {};
+  var onEdit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(groupId, item) {
+      var query;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            query = [{
+              id: item.id,
+              title: item.title,
+              groupId: groupId,
+              enabled: item.enabled
+            }];
+            onLoadingCreate(item.id, true);
+            _context.next = 4;
+            return runCreate(query).catch(function (err) {});
+          case 4:
+            onLoadingCreate(item.id, false);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onEdit(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var onGroupEdit = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(items) {
+      var query, createGroupId;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            query = {
+              id: items.groupId,
+              name: items.groupName,
+              enabled: items.enabled
+            };
+            onLoadingGroupCreate(items.groupId, true);
+            _context2.next = 4;
+            return runGroupCreate(query).catch(function (err) {});
+          case 4:
+            createGroupId = _context2.sent;
+            onLoadingGroupCreate(createGroupId || items.groupId, false);
+            if (items.groupId <= 0) {
+              run();
+            }
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function onGroupEdit(_x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var onLoadingCreate = function onLoadingCreate(id, loading) {
+    loadingCreateDict[id] = loading;
+    setLoadingCreateDict(_objectSpread({}, loadingCreateDict));
+  };
+  var onLoadingGroupCreate = function onLoadingGroupCreate(id, loading) {
+    loadingCreateGroupDict[id] = loading;
+    setLoadingCreateGroupDict(_objectSpread({}, loadingCreateGroupDict));
+  };
+  var onAddDialog = function onAddDialog(groupId) {
+    var dialog = Tool.drawer({
+      title: '添加话题',
+      content: /*#__PURE__*/_jsx(VideoPublishTaskVideoTopicAdd, {
+        groupId: groupId,
+        env: env,
+        onAdd: function onAdd() {
+          run();
+          dialog.destroy();
+        }
+      }),
+      width: 860
+    });
+  };
+  var onDelGroup = function onDelGroup(groupId) {
+    runGroupDel(groupId);
+  };
+  return /*#__PURE__*/_jsxs(PageContentWarp, {
+    loading: loading,
+    error: error,
+    onReload: run,
+    title: "\u8BDD\u9898\u5217\u8868",
+    extInfo: /*#__PURE__*/_jsxs("a", {
+      onClick: function onClick() {
+        return run();
+      },
+      children: [/*#__PURE__*/_jsx(RedoOutlined, {}), " \u5237\u65B0"]
+    }),
+    className: "videoPublishTaskVideoTopic",
+    children: [listData.map(function (items, index) {
+      return /*#__PURE__*/_jsx(Card, {
+        className: "groupCard",
+        title: /*#__PURE__*/_jsx("div", {
+          children: /*#__PURE__*/_jsxs(Space, {
+            size: 20,
+            children: [/*#__PURE__*/_jsx("div", {
+              className: "topicTitle",
+              children: /*#__PURE__*/_jsx(TextInput, {
+                className: "remarkInput",
+                maxLength: 3200,
+                size: "small",
+                disabled: loadingCreateGroupDict[items.groupId],
+                label: items.groupName || '',
+                value: items.groupName || '',
+                onFinish: function onFinish(title) {
+                  items.groupName = title;
+                  listData[index] = items;
+                  setListData(_toConsumableArray(listData));
+                  onGroupEdit(items);
+                }
+              })
+            }), /*#__PURE__*/_jsx(Switch, {
+              defaultChecked: items.enabled,
+              className: "switch",
+              loading: loadingCreateGroupDict[items.groupId],
+              checkedChildren: "\u542F\u7528\u5206\u7EC4",
+              unCheckedChildren: "\u7981\u7528\u5206\u7EC4",
+              onChange: function onChange(enabled) {
+                items.enabled = enabled;
+                listData[index] = items;
+                setListData(_toConsumableArray(listData));
+                onGroupEdit(items);
+              }
+            }), /*#__PURE__*/_jsx(Popconfirm, {
+              title: "\u786E\u5B9A\u5220\u9664\uFF1F",
+              description: "\u5220\u9664\u4E4B\u540E\uFF0C\u5206\u7EC4\u4E0B\u9762\u7684 \u8BDD\u9898\u4E5F\u4F1A\u88AB\u5220\u9664\uFF0C\u4E14\u65E0\u6CD5\u6062\u590D\uFF01",
+              onConfirm: function onConfirm() {
+                return onDelGroup(items.groupId);
+              },
+              children: /*#__PURE__*/_jsx(Button, {
+                type: "link",
+                danger: true,
+                loading: loadingGroupDel,
+                children: "\u5220\u9664\u5206\u7EC4"
+              })
+            })]
+          })
+        }),
+        extra: /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          size: "small",
+          ghost: true,
+          icon: /*#__PURE__*/_jsx(PlusCircleFilled, {}),
+          onClick: function onClick() {
+            return onAddDialog(items.groupId);
+          },
+          children: "\u8BDD\u9898"
+        }),
+        children: items.list.map(function (item, i) {
+          return /*#__PURE__*/_jsx(Tag, {
+            closeIcon: true,
+            onClose: function onClose() {
+              return onDel(item.id);
+            },
+            children: /*#__PURE__*/_jsxs(Space, {
+              children: [/*#__PURE__*/_jsx("div", {
+                className: "topicTitle",
+                children: /*#__PURE__*/_jsx(TextInput, {
+                  className: "remarkInput",
+                  maxLength: 20,
+                  size: "small",
+                  disabled: loadingCreateDict[item.id],
+                  label: item.title || '',
+                  value: item.title || '',
+                  onFinish: function onFinish(title) {
+                    item.title = title;
+                    listData[index].list[i] = item;
+                    setListData(_toConsumableArray(listData));
+                    onEdit(items.groupId, item);
+                  }
+                })
+              }), /*#__PURE__*/_jsx(Switch, {
+                defaultChecked: item.enabled,
+                className: "switch",
+                size: "small",
+                loading: loadingCreateDict[item.id],
+                checkedChildren: "\u542F\u7528",
+                unCheckedChildren: "\u7981\u7528",
+                onChange: function onChange(enabled) {
+                  item.enabled = enabled;
+                  listData[index].list[i] = item;
+                  setListData(_toConsumableArray(listData));
+                  onEdit(items.groupId, item);
+                }
+              })]
+            })
+          }, "".concat(item.id, "-").concat(i));
+        })
+      }, items.groupId);
+    }), /*#__PURE__*/_jsx("div", {
+      className: "addGroup",
+      children: /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        icon: /*#__PURE__*/_jsx(PlusCircleFilled, {}),
+        ghost: true,
+        onClick: function onClick() {
+          return onGroupEdit({
+            groupId: 0,
+            groupName: "\u7EC4 ".concat(listData.length + 1),
+            enabled: true,
+            list: []
+          });
+        },
+        children: "\u5206\u7EC4"
+      })
+    })]
+  });
+};
+export default VideoPublishTaskVideoTopic;

package/dist/VideoPublish/video-topic/index.less

@@ -0,0 +1,37 @@
+.videoPublishTaskVideoTopic{
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  .ant-tag{
+    font-size: 14px;
+    padding-top: 3px ;
+    padding-bottom: 3px ;
+    margin-bottom: 10px;
+  }
+  .topicTitle{
+    display: inline-block;
+    margin: 0 12px 0 0;
+    word-break: keep-all;
+    line-height: 26px;
+    white-space: nowrap;
+  }
+  .switch{
+    position: relative;
+    top: -1px;
+    margin: 0 12px 0 0;
+  }
+  .groupCard{
+    margin: 0 0 20px 0;
+    box-shadow: 0 0 5px #EEE;
+  }
+  .add{
+    padding: 12px 0 0;
+    .save{
+      padding: 12px 0 0 0;
+    }
+  }
+
+  .addGroup{
+    padding: 0 0 20px 0;
+  }
+}

package/dist/VideoPublish/video-topic/select.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./select.less";
+interface Props {
+    disabled?: boolean;
+    topicGroupId: number;
+    topicCount: number[];
+    env?: Global.Env;
+    onSelect: (topicGroupId: number, topicCount: number[]) => void;
+}
+declare const VideoPublishTaskVideoTopicSelect: React.FC<Props>;
+export default VideoPublishTaskVideoTopicSelect;

package/dist/VideoPublish/video-topic/select.js

@@ -0,0 +1,172 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from "react";
+import "./select.less";
+import PageContentWarp from "../../UI/PageContentWarp";
+import { useRequest } from "@umijs/hooks";
+import * as VideoPublishVideoTopicGroupController from "../../service/api/VideoPublishVideoTopicGroupController";
+import { Button, Form, Result, Select, Slider } from "antd";
+import { RedoOutlined, UnorderedListOutlined } from "@ant-design/icons";
+import DialogDrawerFooter from "../../UI/DialogDrawerFooter";
+import Tool from "../../lib/Tool";
+import VideoPublishTaskVideoTopic from "./index";
+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 VideoPublishTaskVideoTopicSelect = function VideoPublishTaskVideoTopicSelect(_ref) {
+  var disabled = _ref.disabled,
+    _ref$topicGroupId = _ref.topicGroupId,
+    topicGroupId = _ref$topicGroupId === void 0 ? 0 : _ref$topicGroupId,
+    _ref$topicCount = _ref.topicCount,
+    topicCount = _ref$topicCount === void 0 ? [2, 3] : _ref$topicCount,
+    env = _ref.env,
+    _ref$onSelect = _ref.onSelect,
+    onSelect = _ref$onSelect === void 0 ? function () {} : _ref$onSelect;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    groupListData = _useState2[0],
+    setGroupListData = _useState2[1];
+  var _useRequest = useRequest(function () {
+      return VideoPublishVideoTopicGroupController.list({}, {
+        env: env
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        setGroupListData(result);
+      }
+    }),
+    run = _useRequest.run,
+    loading = _useRequest.loading,
+    error = _useRequest.error;
+  var onFinish = function onFinish(values) {
+    onSelect(values.topicGroupId, values.topicCount);
+  };
+  var onCreateTopic = function onCreateTopic() {
+    if (disabled) {
+      return;
+    }
+    var dialog = Tool.drawer({
+      title: '',
+      content: /*#__PURE__*/_jsx(VideoPublishTaskVideoTopic, {
+        env: env,
+        disabled: disabled
+      }),
+      width: 980,
+      onClose: function onClose() {
+        run();
+      }
+    });
+  };
+  return /*#__PURE__*/_jsx(PageContentWarp, {
+    loading: loading,
+    error: error,
+    onReload: run,
+    title: " ",
+    extInfo: /*#__PURE__*/_jsx("a", {
+      onClick: function onClick() {
+        return onCreateTopic();
+      },
+      className: disabled ? 'disabled' : '',
+      children: "\u7F16\u8F91\u8BDD\u9898"
+    }),
+    className: "videoPublishTaskVideoTopicSelect",
+    children: groupListData.length === 0 ? /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx(Result, {
+        status: "403",
+        title: "\u4F60\u8FD8\u6CA1\u521B\u5EFA\u8BDD\u9898",
+        subTitle: "\u521B\u5EFA\u8BDD\u9898\u540E\uFF0C\u624D\u80FD\u9009\u62E9",
+        extra: /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          onClick: function onClick() {
+            return onCreateTopic();
+          },
+          children: "\u521B\u5EFA"
+        })
+      })
+    }) : /*#__PURE__*/_jsxs(Form, {
+      form: form,
+      onFinish: onFinish,
+      disabled: disabled,
+      initialValues: {
+        topicGroupId: topicGroupId,
+        topicCount: topicCount
+      },
+      labelCol: {
+        span: 6
+      },
+      children: [/*#__PURE__*/_jsx(Form.Item, {
+        label: "\u9009\u62E9\u5206\u7EC4",
+        name: "topicGroupId",
+        extra: /*#__PURE__*/_jsxs("a", {
+          onClick: function onClick() {
+            return run();
+          },
+          children: [/*#__PURE__*/_jsx(RedoOutlined, {}), " \u5237\u65B0"]
+        }),
+        children: /*#__PURE__*/_jsxs(Select, {
+          style: {
+            width: 300
+          },
+          children: [/*#__PURE__*/_jsxs(Select.Option, {
+            value: 0,
+            children: [/*#__PURE__*/_jsx(UnorderedListOutlined, {}), " \u8BF7\u9009\u62E9"]
+          }), groupListData.map(function (items, index) {
+            return /*#__PURE__*/_jsxs(Select.Option, {
+              value: items.id,
+              disabled: items.disabled || items.topicCount <= 0,
+              children: [items.name, "  ", /*#__PURE__*/_jsxs("small", {
+                className: "gray",
+                children: ["/ # ", items.topicCount, "\u4E2A\u8BDD\u9898"]
+              })]
+            }, items.id);
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Form.Item, {
+        label: "\u968F\u673A\u8BDD\u9898\u6570\u91CF",
+        name: "topicCount",
+        children: /*#__PURE__*/_jsx(Slider, {
+          max: 5,
+          min: 1,
+          step: 1,
+          range: true,
+          marks: {
+            1: /*#__PURE__*/_jsxs(_Fragment, {
+              children: ["1", /*#__PURE__*/_jsx("small", {
+                children: "\u4E2A"
+              })]
+            }),
+            2: /*#__PURE__*/_jsxs(_Fragment, {
+              children: ["2", /*#__PURE__*/_jsx("small", {
+                children: "\u4E2A"
+              })]
+            }),
+            3: /*#__PURE__*/_jsxs(_Fragment, {
+              children: ["3", /*#__PURE__*/_jsx("small", {
+                children: "\u4E2A"
+              })]
+            }),
+            4: /*#__PURE__*/_jsxs(_Fragment, {
+              children: ["4", /*#__PURE__*/_jsx("small", {
+                children: "\u4E2A"
+              })]
+            }),
+            5: /*#__PURE__*/_jsxs(_Fragment, {
+              children: ["5", /*#__PURE__*/_jsx("small", {
+                children: "\u4E2A"
+              })]
+            })
+          }
+        })
+      }), /*#__PURE__*/_jsx(DialogDrawerFooter, {
+        children: /*#__PURE__*/_jsx(Button, {
+          htmlType: "submit",
+          type: "primary",
+          children: "\u786E\u5B9A"
+        })
+      })]
+    })
+  });
+};
+export default VideoPublishTaskVideoTopicSelect;

package/dist/VideoPublish/video-topic/select.less

@@ -0,0 +1,3 @@
+.videoPublishTaskVideoTopicSelect{
+  padding-right: 12px;
+}

package/dist/VipCompare/commend.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  VipCommend: styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: #F60;\n    padding-left: 3px;\n    .ktv-ai-icon{\n      margin-right: 1px;\n    }\n  "])))
+};

package/dist/VipCompare/commend.js

@@ -0,0 +1,28 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from 'react';
+import { LikeOutlined } from '@ant-design/icons';
+import styles from "./commend.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var VipCommend = function VipCommend(_ref) {
+  var _ref$commend = _ref.commend,
+    commend = _ref$commend === void 0 ? 0 : _ref$commend;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    list = _useState2[0],
+    setList = _useState2[1];
+  useEffect(function () {
+    var dataList = [];
+    for (var i = 0; i < commend; i++) {
+      dataList.push(i);
+    }
+    setList(dataList);
+  }, [commend]);
+  return /*#__PURE__*/_jsx(styles.VipCommend, {
+    children: list.map(function (num, i) {
+      return /*#__PURE__*/_jsx(LikeOutlined, {
+        className: "ktv-ai-icon"
+      }, i);
+    })
+  });
+};
+export default VipCommend;

package/dist/VipCompare/index.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  VipCompare: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .vip-compare-price{\n      small{\n        color: #888;\n        vertical-align: middle;\n      }\n    }\n    .listMore{\n      position: absolute;\n      right: 10px;\n      top: 9px;\n    }\n\n    .vipCompareListMoreContent{\n      width: 500px;\n      .ratioAlt{\n        padding: 6px 0;\n        font-size: 13px;\n        color: #777;\n        .vip-compare-alt{\n\n        }\n      }\n    }\n  "])))
+};

package/dist/VipCompare/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    productType: string;
+    env?: Global.Env;
+    isShowToken?: boolean;
+}
+declare const VipCompare: React.FC<Props>;
+export default VipCompare;