component-shipinlv 2.3.6 → 2.3.8

package/dist/PhonePublish/video-publish-statistic/operation/query.js

@@ -0,0 +1,56 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { Button, DatePicker, Form, Space } from "antd";
+import "./query.less";
+import dayjs from "dayjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var VideoPublishStatisticOperationListQuery = function VideoPublishStatisticOperationListQuery(_ref) {
+  var defaultQuery = _ref.defaultQuery,
+    _ref$onQuery = _ref.onQuery,
+    onQuery = _ref$onQuery === void 0 ? function () {} : _ref$onQuery;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState(_objectSpread({}, defaultQuery)),
+    _useState2 = _slicedToArray(_useState, 2),
+    query = _useState2[0],
+    setQuery = _useState2[1];
+  var todayStart = dayjs(dayjs(Date.now()).format('YYYY-MM-DD 00:00:00')).valueOf();
+  var onTime = function onTime(startTime) {
+    query.time = startTime;
+    setQuery(_objectSpread({}, query));
+  };
+  var onFinish = function onFinish() {
+    var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    onQuery(_objectSpread(_objectSpread({}, query), values));
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: "videoPublishTaskPlanListQuery",
+    children: /*#__PURE__*/_jsx(Form, {
+      form: form,
+      initialValues: _objectSpread({}, query),
+      onFinish: onFinish,
+      children: /*#__PURE__*/_jsxs(Space, {
+        children: [/*#__PURE__*/_jsx(Form.Item, {
+          children: /*#__PURE__*/_jsx(DatePicker, {
+            defaultValue: dayjs(query.time),
+            allowClear: false,
+            disabledDate: function disabledDate(currentDate) {
+              return currentDate.valueOf() >= todayStart || currentDate.valueOf() < new Date('2024-10-01').valueOf();
+            },
+            onChange: function onChange(dates) {
+              onTime((dates === null || dates === void 0 ? void 0 : dates.valueOf()) || 0);
+            }
+          })
+        }), /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          htmlType: "submit",
+          children: "\u641C\u7D22"
+        })]
+      })
+    })
+  });
+};
+export default VideoPublishStatisticOperationListQuery;

package/dist/PhonePublish/video-publish-statistic/operation/query.less

@@ -0,0 +1,3 @@
+.videoPublishTaskPlanListQuery{
+
+}

package/dist/PhonePublish/video-publish-statistic/publish-plan/list.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./list.less";
+interface Props {
+    env?: Global.Env;
+    timeFromKind: VideoPublishStatisticPublish.TimeFromKind;
+}
+declare const VideoPublishStatisticPublishList: React.FC<Props>;
+export default VideoPublishStatisticPublishList;

package/dist/PhonePublish/video-publish-statistic/publish-plan/list.js

@@ -0,0 +1,257 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from "react";
+import "./list.less";
+import { useRequest } from "@umijs/hooks";
+import * as VideoPublishPublishStatisticController from "../../../service/api/VideoPublishStatisticPublishController";
+import { Button, Divider, Space, Table, Tag } from "antd";
+import VideoPublishVideoAccountBaseInfo from "../../../VideoPublish/video-account/base-info";
+import LayoutContent from "../../../UI/LayoutContent";
+import VideoPublishStatisticPublishListQuery from "./query";
+import dayjs from "dayjs";
+import Tool from "../../../lib/Tool";
+import VideoPublishTaskPlanList from "../../../VideoPublish/task-list/plan/list";
+import { SwapRightOutlined } from "@ant-design/icons";
+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 VideoPublishStatisticPublishList = function VideoPublishStatisticPublishList(_ref) {
+  var env = _ref.env,
+    _ref$timeFromKind = _ref.timeFromKind,
+    timeFromKind = _ref$timeFromKind === void 0 ? 'updated' : _ref$timeFromKind;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    listData = _useState2[0],
+    setListData = _useState2[1];
+  var _useState3 = useState({
+      current: 1,
+      pageSize: 100,
+      total: 0,
+      simple: true,
+      showSizeChanger: false,
+      showQuickJumper: false
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pagination = _useState4[0],
+    setPagination = _useState4[1];
+  var _useState5 = useState({
+      timeFromKind: timeFromKind,
+      startTime: Date.now(),
+      endTime: Date.now()
+      // taskStatus: '',
+      // keyword: '',
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    query = _useState6[0],
+    setQuery = _useState6[1];
+  var _useState7 = useState({
+      finish: 0,
+      fail: 0,
+      progress: 0
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    amountInfo = _useState8[0],
+    setAmountInfo = _useState8[1];
+  var columns = [{
+    title: '序号',
+    dataIndex: '-',
+    key: '-',
+    render: function render(_, _1) {
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      return index + 1;
+    }
+  }, {
+    title: '发布账号',
+    dataIndex: 'platform',
+    key: 'platform',
+    render: function render(platform, record) {
+      return /*#__PURE__*/_jsx(VideoPublishVideoAccountBaseInfo, {
+        accountInfo: record === null || record === void 0 ? void 0 : record.accountInfo
+      });
+    }
+  }, {
+    title: '粉丝数',
+    dataIndex: 'followerCount',
+    key: 'followerCount',
+    render: function render(_, record) {
+      return record === null || record === void 0 ? void 0 : record.accountInfo.followerCount;
+    }
+  }, {
+    title: /*#__PURE__*/_jsx("div", {
+      className: "status-amount ",
+      children: /*#__PURE__*/_jsxs("span", {
+        className: "finish",
+        children: ["\u6210\u529F", /*#__PURE__*/_jsx(Divider, {
+          type: "vertical"
+        }), amountInfo.finish, " ", /*#__PURE__*/_jsx("small", {
+          children: " / \u6761"
+        })]
+      })
+    }),
+    dataIndex: 'finishAmount',
+    key: 'finishAmount',
+    render: function render(finishAmount, record) {
+      return /*#__PURE__*/_jsx("div", {
+        className: "status-amount in-td",
+        children: /*#__PURE__*/_jsx(Space, {
+          children: /*#__PURE__*/_jsx("span", {
+            className: "finish amount-".concat(finishAmount),
+            children: finishAmount
+          })
+        })
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx("div", {
+      className: "status-amount ",
+      children: /*#__PURE__*/_jsxs("span", {
+        className: "fail",
+        children: ["\u5931\u8D25", /*#__PURE__*/_jsx(Divider, {
+          type: "vertical"
+        }), amountInfo.fail, " ", /*#__PURE__*/_jsx("small", {
+          children: " / \u6761"
+        })]
+      })
+    }),
+    dataIndex: 'failAmount',
+    key: 'failAmount',
+    render: function render(failAmount) {
+      return /*#__PURE__*/_jsx("div", {
+        className: "status-amount in-td",
+        children: /*#__PURE__*/_jsx("span", {
+          className: "fail amount-".concat(failAmount),
+          children: failAmount
+        })
+      });
+    }
+  }, {
+    title: /*#__PURE__*/_jsx("div", {
+      className: "status-amount ",
+      children: /*#__PURE__*/_jsxs("span", {
+        className: "progress",
+        children: ["\u6267\u884C\u4E2D", /*#__PURE__*/_jsx(Divider, {
+          type: "vertical"
+        }), amountInfo.progress, " ", /*#__PURE__*/_jsx("small", {
+          children: " / \u6761"
+        })]
+      })
+    }),
+    dataIndex: 'progressAmount',
+    key: 'progressAmount',
+    render: function render(progressAmount, record) {
+      return /*#__PURE__*/_jsx("div", {
+        className: "status-amount in-td",
+        children: /*#__PURE__*/_jsx("span", {
+          className: "progress amount-".concat(progressAmount),
+          children: progressAmount
+        })
+      });
+    }
+  }, {
+    title: '操作',
+    dataIndex: '-',
+    key: '-',
+    render: function render(_, record) {
+      return /*#__PURE__*/_jsx("div", {
+        className: "operate",
+        children: /*#__PURE__*/_jsx(Space, {
+          children: /*#__PURE__*/_jsx(Button, {
+            type: "link",
+            ghost: true,
+            size: "small",
+            onClick: function onClick() {
+              return onAccountPublishPlanList((record === null || record === void 0 ? void 0 : record.accountInfo.id) || 0, record === null || record === void 0 ? void 0 : record.accountInfo.nickname);
+            },
+            children: "\u53D1\u5E03\u8BE6\u60C5"
+          })
+        })
+      });
+    }
+  }];
+  var _onQuery = function onQuery(query) {
+    setQuery(_objectSpread({}, query));
+    runTaskList(query, 1);
+  };
+  var _useRequest = useRequest(function () {
+      var postQuery = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : query;
+      var current = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : pagination.current;
+      return VideoPublishPublishStatisticController.list(_objectSpread(_objectSpread({}, postQuery), {}, {
+        startTime: postQuery.startTime > 10000 ? Math.floor(dayjs(postQuery.startTime).startOf('date').valueOf() * 0.001) || 0 : 0,
+        endTime: postQuery.endTime > 10000 ? Math.floor(dayjs(postQuery.endTime).endOf('date').valueOf() * 0.001) || 0 : 0,
+        current: current,
+        pageSize: pagination.pageSize
+      }), {
+        env: env
+      });
+    }, {
+      onSuccess: function onSuccess(result) {
+        setListData(_toConsumableArray(result.list));
+        setPagination(_objectSpread(_objectSpread({}, pagination), result.pagination));
+        amountInfo.finish = 0;
+        amountInfo.fail = 0;
+        amountInfo.progress = 0;
+        result.list.forEach(function (items) {
+          amountInfo.finish += items.finishAmount;
+          amountInfo.fail += items.failAmount;
+          amountInfo.progress += items.progressAmount;
+        });
+        setAmountInfo(_objectSpread({}, amountInfo));
+      }
+    }),
+    runTaskList = _useRequest.run,
+    loadingTaskList = _useRequest.loading,
+    errorTaskList = _useRequest.error;
+  var onAccountPublishPlanList = function onAccountPublishPlanList(accountId) {
+    var nickname = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    Tool.drawer({
+      title: /*#__PURE__*/_jsxs(_Fragment, {
+        children: ["\u53D1\u5E03\u4EFB\u52A1\u8BA1\u5212\uFF1A", /*#__PURE__*/_jsx(Tag, {
+          color: "blue",
+          children: nickname
+        }), /*#__PURE__*/_jsx(Divider, {
+          type: "vertical"
+        }), query.startTime > 0 && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [dayjs(query.startTime).format('YYYY-MM-DD'), " ", /*#__PURE__*/_jsx(SwapRightOutlined, {}), " ", dayjs(query.endTime).format('YYYY-MM-DD')]
+        })]
+      }),
+      content: /*#__PURE__*/_jsx(VideoPublishTaskPlanList, {
+        env: env,
+        publishTaskId: 0,
+        accountId: accountId,
+        startTime: query.startTime,
+        endTime: query.endTime,
+        timeFromKind: query.timeFromKind
+      }),
+      width: 1200
+    });
+  };
+  return /*#__PURE__*/_jsx(LayoutContent, {
+    loading: loadingTaskList,
+    error: errorTaskList,
+    onReload: runTaskList,
+    title: "\u53D1\u5E03\u7EDF\u8BA1",
+    className: "video-publish-statistic-list",
+    extInfo: /*#__PURE__*/_jsx(VideoPublishStatisticPublishListQuery, {
+      loading: loadingTaskList,
+      defaultQuery: query,
+      onQuery: function onQuery(query) {
+        return _onQuery(query);
+      }
+    }),
+    children: /*#__PURE__*/_jsx(Table, {
+      size: "small",
+      bordered: true,
+      rowKey: function rowKey(record) {
+        return "".concat(record.accountInfo.id);
+      }
+      // rowClassName={ ( record ) => `row-${ record.status }` }
+      ,
+      loading: false,
+      columns: columns,
+      dataSource: listData,
+      pagination: false
+    })
+  });
+};
+export default VideoPublishStatisticPublishList;

package/dist/PhonePublish/video-publish-statistic/publish-plan/list.less

@@ -0,0 +1,105 @@
+.video-publish-statistic-list{
+
+  .article{
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    cursor: pointer;
+    &.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;
+    }
+  }
+
+  .status-amount{
+    &.in-td{
+      font-size: 32px;
+      line-height: 1em;
+    }
+    .amount-0{
+      font-weight: 300;
+      color: #CCC !important;
+    }
+    small{
+      color: #999;
+      font-weight: 300;
+    }
+    .finish{
+      color: green;
+    }
+    .fail{
+      color: #C00;
+    }
+    .progress{
+      color: blue;
+    }
+  }
+
+  .row-repeal{
+    //opacity: 0.5;
+    -webkit-filter: grayscale(100%);
+    filter: grayscale(100%);
+  }
+}

package/dist/PhonePublish/video-publish-statistic/publish-plan/query.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './query.less';
+interface Props {
+    loading: boolean;
+    defaultQuery: VideoPublishStatisticPublish.ListQuery;
+    onQuery: (query: VideoPublishStatisticPublish.ListQuery) => void;
+}
+declare const VideoPublishStatisticPublishListQuery: React.FC<Props>;
+export default VideoPublishStatisticPublishListQuery;

package/dist/PhonePublish/video-publish-statistic/publish-plan/query.js

@@ -0,0 +1,79 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { Button, DatePicker, Form, Select, Space } from "antd";
+import "./query.less";
+import dayjs from "dayjs";
+import { ClockCircleOutlined, ExclamationCircleOutlined, SendOutlined } from "@ant-design/icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var VideoPublishStatisticPublishListQuery = function VideoPublishStatisticPublishListQuery(_ref) {
+  var loading = _ref.loading,
+    defaultQuery = _ref.defaultQuery,
+    _ref$onQuery = _ref.onQuery,
+    onQuery = _ref$onQuery === void 0 ? function () {} : _ref$onQuery;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState(_objectSpread({}, defaultQuery)),
+    _useState2 = _slicedToArray(_useState, 2),
+    query = _useState2[0],
+    setQuery = _useState2[1];
+  var todayEnd = dayjs(dayjs(Date.now()).format('YYYY-MM-DD 23:59:59')).valueOf();
+  var onTime = function onTime(startTime, endTime) {
+    query.startTime = startTime;
+    query.endTime = endTime;
+    setQuery(_objectSpread({}, query));
+  };
+  var onFinish = function onFinish() {
+    var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    onQuery(_objectSpread(_objectSpread({}, query), values));
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: "videoPublishTaskPlanListQuery",
+    children: /*#__PURE__*/_jsx(Form, {
+      form: form,
+      initialValues: _objectSpread({}, query),
+      disabled: loading,
+      onFinish: onFinish,
+      children: /*#__PURE__*/_jsxs(Space, {
+        children: [/*#__PURE__*/_jsx(Form.Item, {
+          name: "timeFromKind",
+          children: /*#__PURE__*/_jsxs(Select, {
+            style: {
+              width: 160
+            },
+            value: form,
+            children: [/*#__PURE__*/_jsxs(Select.Option, {
+              value: "created",
+              children: [/*#__PURE__*/_jsx(ExclamationCircleOutlined, {}), " \u6309\u521B\u5EFA\u65F6\u95F4"]
+            }), /*#__PURE__*/_jsxs(Select.Option, {
+              value: "updated",
+              children: [/*#__PURE__*/_jsx(SendOutlined, {}), " \u6309\u53D1\u5E03\u65F6\u95F4"]
+            }), /*#__PURE__*/_jsxs(Select.Option, {
+              value: "publishTime",
+              children: [/*#__PURE__*/_jsx(ClockCircleOutlined, {}), " \u6309\u5B9A\u65F6\u65F6\u95F4"]
+            })]
+          })
+        }), /*#__PURE__*/_jsx(Form.Item, {
+          children: /*#__PURE__*/_jsx(DatePicker.RangePicker, {
+            defaultValue: query.startTime > 10000 ? [query.startTime <= 0 ? null : dayjs(query.startTime), query.endTime <= 0 ? null : dayjs(query.endTime)] : [dayjs(), dayjs()],
+            disabledDate: function disabledDate(currentDate) {
+              return currentDate.valueOf() > todayEnd;
+            },
+            onChange: function onChange(dates, dateStrings) {
+              var _dates$, _dates$2;
+              onTime((dates === null || dates === void 0 || (_dates$ = dates[0]) === null || _dates$ === void 0 ? void 0 : _dates$.valueOf()) || 0, (dates === null || dates === void 0 || (_dates$2 = dates[1]) === null || _dates$2 === void 0 ? void 0 : _dates$2.valueOf()) || 0);
+            }
+          })
+        }), /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          htmlType: "submit",
+          loading: loading,
+          children: "\u641C\u7D22"
+        })]
+      })
+    })
+  });
+};
+export default VideoPublishStatisticPublishListQuery;

package/dist/PhonePublish/video-publish-statistic/publish-plan/query.less

@@ -0,0 +1,3 @@
+.videoPublishTaskPlanListQuery{
+
+}

package/dist/VideoPublish/account-manage/list.js

@@ -457,7 +457,7 @@ var HomePageAccountList = function HomePageAccountList(_ref) {
         }), listData.length == 0 && /*#__PURE__*/_jsxs("div", {
           className: "empty",
           children: [/*#__PURE__*/_jsx(Empty, {
-            description: "\u672C\u673A\u6682\u65E0\u7ED1\u5B9A\u8D26\u53F7",
+            description: "\u672C\u673A\u6682\u65E0\u94FE\u63A5\u624B\u673A",
             image: Empty.PRESENTED_IMAGE_SIMPLE
           }), addButton()]
         })]

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export { default as DealerUrlDict } from './base/DealerUrlDict';
 export { default as VideoPlatform, VideoPlatformList, VideoPlatformDict } from './component/video-platform/logo';
 export { default as VipList } from './VipList';
 export { default as VideoPublish } from './VideoPublish';
+export { default as PhonePublish } from './PhonePublish';
 export { default as VideoPublishCreateTask } from './VideoPublish/create-task';
 export { default as VideoPublishVideoAccount } from './VideoPublish/video-account';
 export { default as VideoKindTag } from './component/videoKindTag';

package/dist/index.js

@@ -15,6 +15,7 @@ export { default as DealerUrlDict } from "./base/DealerUrlDict";
 export { default as VideoPlatform, VideoPlatformList, VideoPlatformDict } from "./component/video-platform/logo";
 export { default as VipList } from "./VipList";
 export { default as VideoPublish } from "./VideoPublish";
+export { default as PhonePublish } from "./PhonePublish";
 // export { default as VideoPublishPublishVideoPlan } from './VideoPublish/publish-task-plan';
 
 export { default as VideoPublishCreateTask } from "./VideoPublish/create-task";

package/dist/lib/Tool.d.ts

@@ -162,7 +162,7 @@ declare const Tool: {
     getTitleByPath(path: string): string;
     getDirByPath(path: string): string;
     h5Pay(query: Pay.H5PayQuery): void;
-    notification(type: "error" | "success" | "info" | "warning", message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
+    notification(type: "success" | "info" | "warning" | "error", message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
     notificationSuccess(message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
     notificationError(message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;
     notificationWarning(message: string, description?: import("react").ReactNode, options?: NotificationOptions): void;

package/dist/phone/index.d.ts

@@ -0,0 +1,8 @@
+import './index.less';
+import React from "react";
+interface Props {
+    className?: string;
+    content?: React.ReactNode;
+}
+declare const IPhone: React.FC<Props>;
+export default IPhone;

package/dist/phone/index.js

@@ -0,0 +1,62 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "./index.less";
+import { useEffect, useState } from "react";
+import dayjs from "dayjs";
+import React from "react";
+import { SunOutlined, WifiOutlined } from "@ant-design/icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var IPhone = function IPhone(_ref) {
+  var className = _ref.className,
+    content = _ref.content;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    now = _useState2[0],
+    setNow = _useState2[1];
+  var onTime = function onTime() {
+    setNow(dayjs().format('HH:mm'));
+  };
+  useEffect(function () {
+    var timer = setInterval(function () {
+      console.log('iphone time loop');
+      onTime();
+    }, 5e3);
+    return function () {
+      clearTimeout(timer);
+    };
+  }, []);
+  return /*#__PURE__*/_jsxs("div", {
+    className: "".concat(className, " device iphone"),
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "frame",
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "content",
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: "headerBar",
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "left",
+            children: now
+          }), /*#__PURE__*/_jsxs("div", {
+            className: "right",
+            children: [/*#__PURE__*/_jsx(WifiOutlined, {}), /*#__PURE__*/_jsx(SunOutlined, {})]
+          })]
+        }), /*#__PURE__*/_jsx("div", {
+          className: "contentBox",
+          children: content
+        })]
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: "stripe"
+    }), /*#__PURE__*/_jsx("div", {
+      className: "header",
+      children: /*#__PURE__*/_jsx("div", {
+        className: "sensors"
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: "btns"
+    }), /*#__PURE__*/_jsx("div", {
+      className: "power"
+    })]
+  });
+};
+export default IPhone;