component-shipinlv 2.0.1 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,2 @@
1
+ declare const getVideoGoodsUrl: (pathList: string[]) => Promise<VideoPublish.TxtVideoGoodsInfo[]>;
2
+ export default getVideoGoodsUrl;
@@ -0,0 +1,126 @@
1
+ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
2
+ import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
3
+ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
4
+ import * as FileController from "../../service/video-api/FileController";
5
+ import Tool from "../../lib/Tool";
6
+ var getVideoGoodsUrl = /*#__PURE__*/function () {
7
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(pathList) {
8
+ var resultDataList, _iterator, _step, filePath, resultData, folderPath, txtList, _iterator2, _step2, items, lineList, _iterator3, _step3, text, imageUrls, url;
9
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
10
+ while (1) switch (_context.prev = _context.next) {
11
+ case 0:
12
+ resultDataList = [];
13
+ _iterator = _createForOfIteratorHelper(pathList);
14
+ _context.prev = 2;
15
+ _iterator.s();
16
+ case 4:
17
+ if ((_step = _iterator.n()).done) {
18
+ _context.next = 38;
19
+ break;
20
+ }
21
+ filePath = _step.value;
22
+ resultData = {
23
+ title: '',
24
+ url: ''
25
+ };
26
+ folderPath = Tool.getDirByPath(filePath);
27
+ _context.next = 10;
28
+ return FileController.getFolderTxtListContent({
29
+ folderPath: folderPath
30
+ }).catch(function (err) {
31
+ console.log('获取视频 文件夹下的 记事本信息错误:' + (err === null || err === void 0 ? void 0 : err.message));
32
+ });
33
+ case 10:
34
+ txtList = _context.sent;
35
+ if (txtList) {
36
+ _context.next = 14;
37
+ break;
38
+ }
39
+ resultDataList.push(resultData);
40
+ return _context.abrupt("continue", 36);
41
+ case 14:
42
+ console.log('txtList:', txtList);
43
+ _iterator2 = _createForOfIteratorHelper(txtList);
44
+ _context.prev = 16;
45
+ _iterator2.s();
46
+ case 18:
47
+ if ((_step2 = _iterator2.n()).done) {
48
+ _context.next = 27;
49
+ break;
50
+ }
51
+ items = _step2.value;
52
+ lineList = items.content.split("\n");
53
+ if (!resultData.url) {
54
+ _context.next = 23;
55
+ break;
56
+ }
57
+ return _context.abrupt("break", 27);
58
+ case 23:
59
+ _iterator3 = _createForOfIteratorHelper(lineList);
60
+ try {
61
+ for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
62
+ text = _step3.value;
63
+ imageUrls = text.match(/https?:\/\/[\da-z-_/.?&#@$%^*:()=+!`~,\[\]|]+/ig) || [];
64
+ url = imageUrls[0] || '';
65
+ if (url) {
66
+ if (url.indexOf('://v.douyin.com') > -1 || url.indexOf('://buyin.jinritemai.com') > -1) {
67
+ if (!resultData.url) {
68
+ resultData.url = url;
69
+ }
70
+ }
71
+ } else {
72
+ if (text.length >= 3 && text.length <= 10) {
73
+ if (!resultData.title) {
74
+ resultData.title = text;
75
+ }
76
+ }
77
+ }
78
+ }
79
+ } catch (err) {
80
+ _iterator3.e(err);
81
+ } finally {
82
+ _iterator3.f();
83
+ }
84
+ case 25:
85
+ _context.next = 18;
86
+ break;
87
+ case 27:
88
+ _context.next = 32;
89
+ break;
90
+ case 29:
91
+ _context.prev = 29;
92
+ _context.t0 = _context["catch"](16);
93
+ _iterator2.e(_context.t0);
94
+ case 32:
95
+ _context.prev = 32;
96
+ _iterator2.f();
97
+ return _context.finish(32);
98
+ case 35:
99
+ resultDataList.push(resultData);
100
+ case 36:
101
+ _context.next = 4;
102
+ break;
103
+ case 38:
104
+ _context.next = 43;
105
+ break;
106
+ case 40:
107
+ _context.prev = 40;
108
+ _context.t1 = _context["catch"](2);
109
+ _iterator.e(_context.t1);
110
+ case 43:
111
+ _context.prev = 43;
112
+ _iterator.f();
113
+ return _context.finish(43);
114
+ case 46:
115
+ return _context.abrupt("return", resultDataList);
116
+ case 47:
117
+ case "end":
118
+ return _context.stop();
119
+ }
120
+ }, _callee, null, [[2, 40, 43, 46], [16, 29, 32, 35]]);
121
+ }));
122
+ return function getVideoGoodsUrl(_x) {
123
+ return _ref.apply(this, arguments);
124
+ };
125
+ }();
126
+ export default getVideoGoodsUrl;
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import "./index.less";
2
3
  interface Props {
3
4
  disabled?: boolean;
4
5
  productType: VideoPublish.ProductType;
@@ -4,9 +4,9 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
4
4
  import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
5
5
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
6
6
  import React, { useState } from "react";
7
- import styles from "./index.css";
8
- import { Alert, Button, ConfigProvider, Divider, Form, Radio } from "antd";
9
- import { PlusOutlined } from "@ant-design/icons";
7
+ import "./index.less";
8
+ import { Alert, Button, ConfigProvider, Divider, Form, Input, Radio, Select, Space, Tooltip } from "antd";
9
+ import { CheckOutlined, PlusOutlined, ShoppingCartOutlined, UnorderedListOutlined } from "@ant-design/icons";
10
10
  import PageContentWarp from "../../UI/PageContentWarp";
11
11
  import isInClient from "../../lib/isInClient";
12
12
  import Tool from "../../lib/Tool";
@@ -17,6 +17,9 @@ import * as VideoPublishController from "../../service/api/VideoPublishControlle
17
17
  import fileSelect from "../../base/fileSelect";
18
18
  import VideoPublishCreateTaskBase from "./base";
19
19
  import dayjs from "dayjs";
20
+ import VideoKindTag, { VideoKindTagList } from "../../component/videoKindTag";
21
+ import sleep from "../../lib/sleep";
22
+ import getVideoGoodsUrl from "./getVideoGoodsUrl";
20
23
  import { jsx as _jsx } from "react/jsx-runtime";
21
24
  import { jsxs as _jsxs } from "react/jsx-runtime";
22
25
  var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
@@ -24,6 +27,9 @@ var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
24
27
  productType = _ref.productType,
25
28
  apiUrl = _ref.apiUrl,
26
29
  env = _ref.env;
30
+ var _Form$useForm = Form.useForm(),
31
+ _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
32
+ form = _Form$useForm2[0];
27
33
  var _useState = useState({
28
34
  videoFrom: productType ? 'task' : 'local',
29
35
  taskFromProductType: productType,
@@ -91,7 +97,7 @@ var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
91
97
  };
92
98
  var onLocalList = /*#__PURE__*/function () {
93
99
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
94
- var result, fileList;
100
+ var result, fileList, goodsUrlInfoList, isMatch;
95
101
  return _regeneratorRuntime().wrap(function _callee$(_context) {
96
102
  while (1) switch (_context.prev = _context.next) {
97
103
  case 0:
@@ -128,7 +134,37 @@ var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
128
134
  });
129
135
  setLocalSelectList(_toConsumableArray(localSelectList));
130
136
  setLoadingSelectLocal(false);
131
- case 12:
137
+ _context.next = 14;
138
+ return getVideoGoodsUrl(localSelectList.map(function (item) {
139
+ return item.videoFinishUrl;
140
+ })).catch(function (err) {});
141
+ case 14:
142
+ goodsUrlInfoList = _context.sent;
143
+ if (goodsUrlInfoList) {
144
+ _context.next = 17;
145
+ break;
146
+ }
147
+ return _context.abrupt("return");
148
+ case 17:
149
+ // 合并
150
+ console.log('goodsUrlInfoList:', goodsUrlInfoList);
151
+ isMatch = false;
152
+ goodsUrlInfoList.forEach(function (items, index) {
153
+ if (!items.url) {
154
+ return;
155
+ }
156
+ isMatch = true;
157
+ localSelectList[index].videoKindTag = 'shopping';
158
+ localSelectList[index].kindTagValue = items.url;
159
+ if (items.title) {
160
+ localSelectList[index].goodsTitle = items.title;
161
+ }
162
+ });
163
+ console.log('localSelectList:', localSelectList);
164
+ if (isMatch) {
165
+ setLocalSelectList(_toConsumableArray(localSelectList));
166
+ }
167
+ case 22:
132
168
  case "end":
133
169
  return _context.stop();
134
170
  }
@@ -187,8 +223,21 @@ var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
187
223
  console.log('create task onFinish values:', data);
188
224
  runTask(data);
189
225
  };
226
+ var onBatchSet = function onBatchSet(kind) {
227
+ (formData.videoFrom == 'local' ? localSelectList : taskSelectList).forEach(function (items) {
228
+ items[kind] = form.getFieldValue(kind);
229
+ });
230
+ if (formData.videoFrom == 'local') {
231
+ setLocalSelectList(_toConsumableArray(localSelectList));
232
+ } else {
233
+ setTaskSelectList(_toConsumableArray(taskSelectList));
234
+ }
235
+ console.log('taskSelectList:', taskSelectList);
236
+ Tool.toast('已经设置');
237
+ };
190
238
  var formLabelSpan = 2;
191
- return /*#__PURE__*/_jsx(styles.videoPublishCreateTask, {
239
+ return /*#__PURE__*/_jsx("div", {
240
+ className: "videoPublishCreateTask",
192
241
  children: /*#__PURE__*/_jsxs(PageContentWarp
193
242
  // loading={loading}
194
243
  // error={errorAccountList}
@@ -202,11 +251,14 @@ var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
202
251
  width: 320
203
252
  }
204
253
  }), /*#__PURE__*/_jsxs(Form, {
254
+ form: form,
205
255
  labelCol: {
206
256
  span: formLabelSpan
207
257
  },
208
258
  initialValues: _objectSpread(_objectSpread({}, formData), {}, {
209
- startTime: typeof formData.startTime === 'number' && formData.startTime > 946684800 ? dayjs(formData.startTime) : null
259
+ startTime: typeof formData.startTime === 'number' && formData.startTime > 946684800 ? dayjs(formData.startTime) : null,
260
+ // 仅仅暂时用,不提交
261
+ videoKindTag: ''
210
262
  }),
211
263
  disabled: disabled || loadingTask,
212
264
  scrollToFirstError: true,
@@ -231,6 +283,85 @@ var VideoPublishCreateTask = function VideoPublishCreateTask(_ref) {
231
283
  children: "\u4EFB\u52A1\u89C6\u9891"
232
284
  })]
233
285
  })
286
+ }), /*#__PURE__*/_jsxs("div", {
287
+ className: "batchOperate",
288
+ children: [/*#__PURE__*/_jsx("div", {}), /*#__PURE__*/_jsxs(Space, {
289
+ size: 20,
290
+ children: [/*#__PURE__*/_jsx(Tooltip, {
291
+ title: "\u5728\u89C6\u9891\u7684\u540C\u6587\u4EF6\u5939\u653E\u4E00\u4E2A\u6587\u672C\u6587\u4EF6(.txt), \u91CC\u9762\u5199 \u5546\u54C1\u6807\u9898\u3001\u5546\u54C1\u94FE\u63A5\uFF0C\u7A0B\u5E8F\u4F1A\u81EA\u52A8\u8BFB\u51FA\u6765\uFF08\u56DE\u8F66\u6362\u884C\u533A\u5206\uFF09",
292
+ children: /*#__PURE__*/_jsx("a", {
293
+ children: /*#__PURE__*/_jsx(ShoppingCartOutlined, {
294
+ className: "shoppingCar"
295
+ })
296
+ })
297
+ }), /*#__PURE__*/_jsx(Divider, {
298
+ type: "vertical"
299
+ }), /*#__PURE__*/_jsx(Form.Item, {
300
+ name: "title",
301
+ children: /*#__PURE__*/_jsx(Input, {
302
+ placeholder: "\u89C6\u9891\u6807\u9898 \u6279\u91CF\u8BBE\u7F6E\u3001\u6E05\u7A7A ",
303
+ className: "videoTitleInput",
304
+ allowClear: true,
305
+ addonAfter: /*#__PURE__*/_jsx("a", {
306
+ onClick: function onClick() {
307
+ return onBatchSet('title');
308
+ },
309
+ children: /*#__PURE__*/_jsx(CheckOutlined, {})
310
+ })
311
+ // onChange={ e => {
312
+ // batchFormData.title = e.target.value ;
313
+ // setBatchFormData({...batchFormData});
314
+ // }}
315
+ })
316
+ }), /*#__PURE__*/_jsx(Form.Item, {
317
+ name: "videoKindTag",
318
+ children: /*#__PURE__*/_jsxs(Select, {
319
+ className: "videoKindTag",
320
+ onChange: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
321
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
322
+ while (1) switch (_context2.prev = _context2.next) {
323
+ case 0:
324
+ _context2.next = 2;
325
+ return sleep(300);
326
+ case 2:
327
+ onBatchSet('videoKindTag');
328
+ case 3:
329
+ case "end":
330
+ return _context2.stop();
331
+ }
332
+ }, _callee2);
333
+ })),
334
+ children: [/*#__PURE__*/_jsxs(Select.Option, {
335
+ value: "",
336
+ children: [/*#__PURE__*/_jsx(UnorderedListOutlined, {}), " \u6279\u91CF\u8BBE\u7F6E\u6807\u7B7E\u7C7B\u578B"]
337
+ }), VideoKindTagList.map(function (item) {
338
+ return /*#__PURE__*/_jsx(Select.Option, {
339
+ value: item.videoKindTag,
340
+ children: /*#__PURE__*/_jsx(VideoKindTag, {
341
+ videoKindTag: item.videoKindTag
342
+ })
343
+ }, item.videoKindTag);
344
+ })]
345
+ })
346
+ }), /*#__PURE__*/_jsx(Form.Item, {
347
+ name: "goodsTitle",
348
+ children: /*#__PURE__*/_jsx(Input, {
349
+ placeholder: "\u5546\u54C1\u6807\u9898 \u6279\u91CF\u8BBE\u7F6E\u3001\u6E05\u7A7A ",
350
+ className: "goodsTitleInput",
351
+ allowClear: true,
352
+ addonAfter: /*#__PURE__*/_jsx("a", {
353
+ onClick: function onClick() {
354
+ return onBatchSet('goodsTitle');
355
+ },
356
+ children: /*#__PURE__*/_jsx(CheckOutlined, {})
357
+ })
358
+ // onChange={ e => {
359
+ // batchFormData.goodsTitle = e.target.value ;
360
+ // setBatchFormData({...batchFormData});
361
+ // }}
362
+ })
363
+ })]
364
+ })]
234
365
  }), formData.videoFrom == 'local' && /*#__PURE__*/_jsxs(Form.Item, {
235
366
  wrapperCol: {
236
367
  offset: formLabelSpan
@@ -0,0 +1,75 @@
1
+ .videoPublishCreateTask {
2
+ padding: 0 12px 0 0;
3
+ display: flex;
4
+ flex-direction: column;
5
+ height: 100%;
6
+ .groupIcon{
7
+ color: blue;
8
+ }
9
+ .rateSelect{
10
+ width: 120px;
11
+ }
12
+ .normalVideo{
13
+ color: blue;
14
+ }
15
+ .shoppingCart{
16
+ color: #F60;
17
+ }
18
+ .selectFile{
19
+ padding: 12px 0 0;
20
+ }
21
+ .submits{
22
+ text-align: right;
23
+ padding: 0 0 36px 0;
24
+ }
25
+ .accountListWarp{
26
+ display: flex;
27
+ flex-direction: row;
28
+ .accountList{
29
+ flex: 2;
30
+ margin-left: 5px;
31
+ }
32
+ .renew{
33
+ font-size: 20px;
34
+ padding: 0 12px;
35
+ }
36
+ }
37
+
38
+ .followerCount {
39
+ background-color: #F2F2F2;
40
+ border-radius: 3px;
41
+ font-size: smaller;
42
+ line-height: 1em;
43
+ margin-left: 3px;
44
+ padding: 2px 3px;
45
+ }
46
+ .notLoginValid {
47
+ margin-left: 5px;
48
+
49
+ }
50
+ .nicknameRemark {
51
+ color: #999;
52
+ padding: 0 3px;
53
+ }
54
+
55
+ .batchOperate{
56
+ display: flex;
57
+ flex-direction: row;
58
+ justify-content: space-between;
59
+ padding: 0 0 12px 0;
60
+ margin: -16px 0 0 0;
61
+ .ant-form-item{
62
+ margin-bottom: 0;
63
+ }
64
+ .shoppingCar{
65
+ font-size: 20px;
66
+ }
67
+ .videoTitleInput,
68
+ .goodsTitleInput{
69
+ width: 260px;
70
+ }
71
+ .videoKindTag{
72
+ width: 180px;
73
+ }
74
+ }
75
+ }
@@ -289,8 +289,10 @@ var VideoPublishSelectList = function VideoPublishSelectList(_ref) {
289
289
  rowKey: function rowKey(record, index) {
290
290
  var encoder = new TextEncoder(); // 创建一个TextEncoder实例
291
291
  var encoded = encoder.encode(JSON.stringify(record)); // 编码为UTF-8
292
- console.log(encoded); // 输出UTF-8编码的Uint8Array
293
- return "".concat(index, "-").concat(encoded.join('-'));
292
+ var key = "".concat(index, "-").concat(encoded.join(''));
293
+ console.log("encoded key:", key); // 输出UTF-8编码的Uint8Array
294
+
295
+ return key;
294
296
  },
295
297
  loading: false,
296
298
  columns: columns,
@@ -160,6 +160,7 @@ declare const Tool: {
160
160
  getOsName(): Global.OsName;
161
161
  OsPathSeparator(): string;
162
162
  getTitleByPath(path: string): string;
163
+ getDirByPath(path: string): string;
163
164
  h5Pay(query: Pay.H5PayQuery): void;
164
165
  notification(type: "success" | "info" | "warning" | "error", message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
165
166
  notificationSuccess(message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
package/dist/lib/Tool.js CHANGED
@@ -1139,6 +1139,13 @@ var Tool = _objectSpread(_objectSpread({
1139
1139
  var splitWord = this.OsPathSeparator();
1140
1140
  return path.slice(path.lastIndexOf(splitWord) + 1);
1141
1141
  },
1142
+ /*
1143
+ * 获取 文件夹 路径,即不要名字
1144
+ * */
1145
+ getDirByPath: function getDirByPath(path) {
1146
+ var list = (path === null || path === void 0 ? void 0 : path.split(/[/\\]/)) || [];
1147
+ return list.slice(0, -1).join('/');
1148
+ },
1142
1149
  h5Pay: function h5Pay(query) {
1143
1150
  var data = JSON.stringify(_objectSpread({
1144
1151
  payBackUrl: document.location.href
@@ -1 +1,4 @@
1
1
  export declare function isExist(body: File.IsExistQuery, options?: ServicesApi.RequestOptions): Promise<File.IsExistResult>;
2
+ export declare function getFolderTxtListContent(body: {
3
+ folderPath: string;
4
+ }, options?: ServicesApi.RequestOptions): Promise<File.FolderTxtListContentList[]>;
@@ -24,4 +24,27 @@ function _isExist() {
24
24
  }, _callee);
25
25
  }));
26
26
  return _isExist.apply(this, arguments);
27
+ }
28
+ export function getFolderTxtListContent(_x3, _x4) {
29
+ return _getFolderTxtListContent.apply(this, arguments);
30
+ }
31
+ function _getFolderTxtListContent() {
32
+ _getFolderTxtListContent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(body, options) {
33
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
34
+ while (1) switch (_context2.prev = _context2.next) {
35
+ case 0:
36
+ return _context2.abrupt("return", request("_video-api/file/getFolderTxtListContent", _objectSpread({
37
+ method: 'POST',
38
+ headers: {
39
+ 'Content-Type': 'application/json'
40
+ },
41
+ data: body
42
+ }, options || {})));
43
+ case 1:
44
+ case "end":
45
+ return _context2.stop();
46
+ }
47
+ }, _callee2);
48
+ }));
49
+ return _getFolderTxtListContent.apply(this, arguments);
27
50
  }
@@ -5,4 +5,8 @@ declare namespace File {
5
5
  interface IsExistResult {
6
6
  isExist: boolean;
7
7
  }
8
+ interface FolderTxtListContentList {
9
+ filePath: string;
10
+ content: string;
11
+ }
8
12
  }
@@ -136,4 +136,10 @@ declare namespace VideoPublish {
136
136
  endTime: number;
137
137
  timeFromKind: VideoPublishStatisticPublish.TimeFromKind;
138
138
  }
139
+ interface VideoGoodUrlInfoList {
140
+ }
141
+ interface TxtVideoGoodsInfo {
142
+ title: string;
143
+ url: string;
144
+ }
139
145
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "component-shipinlv",
3
- "version": "2.0.1",
3
+ "version": "2.0.2",
4
4
  "description": "",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: {
3
- videoPublishCreateTask: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
4
- followerCount: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
5
- notLoginValid: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
6
- nicknameRemark: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
7
- };
8
- export default _default;
@@ -1,9 +0,0 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
3
- import styled from 'styled-components';
4
- export default {
5
- 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 .accountListWarp{\n display: flex;\n flex-direction: row;\n .accountList{\n flex: 2;\n margin-left: 5px;\n }\n .renew{\n font-size: 20px;\n padding: 0 12px;\n }\n }\n "]))),
6
- followerCount: styled.small(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background-color: #F2F2F2;\n border-radius: 3px;\n font-size: smaller;\n line-height: 1em;\n margin-left: 3px;\n padding: 2px 3px;\n\n "]))),
7
- notLoginValid: styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-left: 5px;\n\n "]))),
8
- nicknameRemark: styled.small(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n color: #999;\n padding: 0 3px;\n "])))
9
- };