ezuikit-js 7.7.2 → 7.7.3

package/demos/base-demo/ezuikit_static/v65/v3/css/inspectTheme.css

@@ -0,0 +1,352 @@
+.BMap_noprint button[title="倾斜"] {
+  display: none;
+}
+.BMap_noprint button[title="恢复"] {
+  display: none;
+}
+/* .anchorBL{
+  display:none;  
+}  */
+.BMap_cpyCtrl {
+  display: none;
+}
+
+.inspect-event-item {
+  padding-left: 12.5px;
+  position: relative;
+  border-left: 1px solid #d9d9d9;
+  margin-left: 20.5px;
+  padding-bottom: 16px;
+  color: #595959;
+}
+
+.inspect-event-item:last-child {
+  border-left: 1px solid transparent;
+}
+
+.inspect-event-item-header-wrap {
+  margin-top: -4px;
+}
+.inspect-event-item:first-child .inspect-event-item-header-wrap{
+  padding-top: 0;
+}
+
+.inspect-event-item-header {
+  width: 240px;
+  height: 32px;
+  background: #F5F5F5;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
+}
+
+.inspect-event-item-header-left {
+  display: flex;
+  align-items: center;
+  padding-left: 9px;
+}
+
+.inspect-event-item-header-right, .inspect-event-item-body-info-opr {
+  padding-right: 8px;
+}
+.inspect-event-item-body-info-opr-icon{
+  color: #595959;
+  cursor: pointer;
+}
+.inspect-event-item-body-info-opr-icon:hover{
+  color: #407AFF;
+}
+.inspect-event-item-header-toggle {
+  width: 16px;
+  height: 32px;
+  cursor: pointer;
+  display: block;
+  padding: 8px 0;
+  box-sizing: border-box;
+}
+
+.inspect-event-item-time {
+  padding-left: 9px;
+}
+
+.inspect-event-item-status-wrap {
+  position: absolute;
+  height: 28px;
+  background: #fff;
+  top: 4px;
+  left: -5.5px;
+}
+.inspect-event-item:first-child .inspect-event-item-status-wrap {
+  top: 0;
+  padding-top: 5px;
+}
+
+.inspect-event-item-status {
+  width: 10px;
+  height: 10px;
+  background: #407AFF;
+  border-radius: 100%;
+  display: inline-block;
+}
+
+.storage .inspect-event-item-status {
+  background: #FAAD14;
+}
+
+.storage-error .inspect-event-item-status{
+  background: #FF4D4F;
+}
+.storage-error .inspect-event-item-header-left,
+.storage-error .inspect-event-item-time {
+  color: #FF4D4F;
+}
+
+.inspect-event-item-time {
+  font-size: 12px;
+  color: #262626;
+}
+
+.inspect-event-item-body {
+  width: 240px;
+  background: #FAFAFA;
+  padding-top:  8px;
+ 
+}
+.inspect-event-item-img {
+  width: 224px;
+  height: 126px;
+  margin: 0 8px;
+  display: block;
+  cursor: pointer;
+}
+
+.inspect-event-item-body-info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.inspect-event-item-body-info-tag {
+  max-width: 140px;
+  background: #FFF1F0;
+  border-radius: 2px;
+  text-align: center;
+  margin: 8px;
+  height: 24px;
+  line-height: 24px;
+  padding: 0 8px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.inspect-event-item-body-info-tag-label{
+  font-size: 12px;
+  color: #FF4D4F;
+}
+
+
+.inspect-event-detail-wrap {
+  width: 0;
+  overflow: auto;
+  padding: 0;
+  box-sizing: border-box;
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 9;
+  background: #ffffff;
+  transition: width 0.15s ease 0s;
+}
+
+.inspect-event-detail-wrap.show {
+  width: 290px;
+}
+
+.inspectEventDetail-header {
+  display: flex;
+  align-items: center;
+  padding: 16px 16px;
+}
+
+.inspectEventDetail-back {
+  fill: #595959;
+  cursor: pointer;
+  margin-right: 8px;
+}
+
+.inspectEventDetail-type {
+  height: 22px;
+  font-size: 14px;
+  color: #262626;
+  line-height: 22px;
+  font-weight: bold;
+}
+.inspectEventDetail-content {
+  padding: 0 16px 24px;
+  box-sizing: border-box;
+}
+
+.inspectEventDetail-content-info {
+  font-size: 14px;
+  color: #262626;
+  line-height: 22px;
+  overflow: hidden;
+}
+
+.inspectEventDetail-content-info-item-title {
+  margin: 24px 0 4px;
+}
+
+.inspectEventDetail-content-info-item-value {
+  color: #595959;
+}
+
+.inspectEventDetail-content-info-item-title-required:before {
+  display: inline-block;
+  margin-right: 4px;
+  color: #ff4d4f;
+  font-size: 14px;
+  font-family: SimSun,sans-serif;
+  line-height: 1;
+  content: "*";
+}
+
+.inspectEventDetail-footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background: #fff;
+  padding: 16px 0;
+  right: 0;
+  text-align: center;
+}
+
+.inspectEventDetail-footer-btn {
+  margin: 0 4px;
+}
+
+.inspectEventDetail-content-img-tips,
+.inspectEventDetail-content-video-tips {
+  font-size: 14px;
+  color: #407AFF;
+  line-height: 22px;
+  margin: 0 0 8px;
+}
+
+.inspectEventDetail-content-img-detail,
+.inspectEventDetail-content-video-detail {
+  display: block;
+  width: 224px;
+  height: 126px;
+  cursor: pointer;
+}
+
+.video-stroage-exceptional-status-tips-wrap {
+  width: 100%;
+  height: 100%;
+  color: #fff;
+  text-align: center;
+  cursor: default;
+}
+
+.video-stroage-exceptional-status-icon {
+  font-size: 16px;
+  padding: 40px 0 0px;
+  display: flex;
+  justify-content: center;
+}
+
+.video-stroage-exceptional-status-tips-error .video-stroage-exceptional-status-icon{
+  padding: 40px 0 8px;
+}
+
+.video-stroage-exceptional-status-tips {
+  font-size: 14px;
+  line-height: 22px;
+}
+
+.inspectEventDetail-content-video-timer {
+  display: flex;
+  align-items: center;
+}
+
+.video-recording-time-wrap {
+  height: 24px;
+  background: #FF5C5C;
+  border-radius: 12px;
+  padding: 0 24px;
+  line-height: 24px;
+  display: flex;
+  align-items: center;
+  color: #fff;
+}
+
+.video-recording-time {
+  font-size: 14px;
+  color: #FFFFFF;
+  letter-spacing: 0;
+  font-weight: 400;
+  margin-left: 8px;
+}
+
+.inspectEventDetail-stop-btn {
+  margin-left: 12px;
+}
+
+.inspectEventDetail-delete-confirm,
+.inspectEventDetail-back-confirm {
+  width: 288px;
+  padding: 12px 8px;
+  box-sizing: border-box;
+}
+.inspectEventDetail-delete-confirm-title,
+.inspectEventDetail-back-confirm-title {
+  display: flex;
+}
+
+.inspectEventDetail-delete-confirm-title-label,
+.inspectEventDetail-back-confirm-title-label {
+  font-size: 16px;
+  color: #262626;
+  line-height: 24px;
+  font-weight: bold;
+}
+
+.inspectEventDetail-delete-confirm-title svg,
+.inspectEventDetail-back-confirm-title svg {
+  color: #FAAD14 ;
+  margin-right: 16px;
+}
+.inspectEventDetail-delete-confirm-btns,
+.inspectEventDetail-back-confirm-btns {
+  margin: 24px 0 0;
+  text-align: right;
+}
+
+.inspectEventDetail-delete-confirm-btns .ezuikit-btn,
+.inspectEventDetail-back-confirm-btns .ezuikit-btn {
+  margin:  0 4px;
+}
+
+/* .inspect-event-box及其子元素滚动条效果设置 */
+
+
+.inspect-event-box::-webkit-scrollbar,
+.inspect-event-box *::-webkit-scrollbar {
+  width: 10px
+}
+
+.inspect-event-box::-webkit-scrollbar-thumb,
+.inspect-event-box *::-webkit-scrollbar-thumb {
+  border-radius: 10px!important;
+  -webkit-box-shadow: inset 0 0 5px #8C8C8C!important;
+  background: #8C8C8C!important;
+  border: 3px solid #fff!important
+}
+
+.inspect-event-box::-webkit-scrollbar-track,
+.inspect-event-box *::-webkit-scrollbar-track {
+  border-radius: 0
+}

package/demos/base-demo/ezuikit_static/v65/v3/css/theme.css

@@ -0,0 +1,105 @@
+.footer-controls .theme-icon-item {
+  margin: 0 1%;
+}
+.footer-controls.themeEditing .theme-icon-item {
+  position: relative;
+  /* margin: 0 8px; */
+}
+.footer-controls .footer-controls-left{
+  margin-left: 12px;
+}
+.footer-controls.themeEditing .footer-controls-left .theme-icon-item {
+  /* margin-left: 12px; */
+}
+.footer-controls.themeEditing .footer-controls-right .theme-icon-item {
+  /* margin-right: 12px; */
+}
+.footer-controls .theme-icon-item .icon-move {
+  display: none;
+}
+.footer-controls.themeEditing .theme-icon-item:hover .icon-move {
+  display: block;
+}
+.footer-controls.themeEditing .footer-controls-left .theme-icon-item:first-child .icon-move.left{
+  display: none;
+}
+.footer-controls.themeEditing .footer-controls-left .theme-icon-item:nth-last-child(1) .icon-move.right{
+  display: none;
+}
+.footer-controls.themeEditing .theme-icon-item:first-child .icon-move.left{
+  display: none;
+}
+.footer-controls.themeEditing .theme-icon-item:nth-last-child(1) .icon-move.right{
+  display: none;
+}
+.footer-controls .footer-controls-right {
+  margin-right: 12px;
+}
+
+.footer-controls.themeEditing .footer-controls-right .theme-icon-item:first-child .icon-move.left{
+  display: none;
+}
+.footer-controls.themeEditing .footer-controls-right .theme-icon-item:nth-last-child(1) .icon-move.right{
+  display: none;
+}
+
+.header-controls .theme-icon-item {
+  margin: 0 1%;
+}
+.header-controls.themeEditing .theme-icon-item {
+  position: relative;
+  /* margin: 0 8px; */
+}
+.header-controls.themeEditing .header-controls-left  {
+  margin-left: 12px;
+}
+.header-controls.themeEditing .header-controls-right {
+  margin-right: 12px;
+}
+.header-controls .theme-icon-item .icon-move {
+  display: none;
+}
+.header-controls.themeEditing .theme-icon-item:hover .icon-move {
+  display: block;
+}
+.header-controls.themeEditing .header-controls-left .theme-icon-item:first-child .icon-move.left{
+  display: none;
+}
+.header-controls.themeEditing .header-controls-left .theme-icon-item:nth-last-child(1) .icon-move.right{
+  display: none;
+}
+
+.header-controls.themeEditing .header-controls-right .theme-icon-item:first-child .icon-move.left{
+  display: none;
+}
+.header-controls.themeEditing .header-controls-right .theme-icon-item:nth-last-child(1) .icon-move.right{
+  display: none;
+}
+
+
+.time-area {
+  position: absolute;
+  color: #FFFFFF;
+  width: 68px;
+  height: 24px;
+  line-height: 24px;
+  background: #00000050;
+  border-radius: 12px;
+  display: none;
+  align-content: center;
+  left: calc(50% - 34px);
+  top: -30px;
+  align-items: center;
+  justify-content: space-around;
+  padding-left: 4px;
+  z-index: 9999999;
+
+}
+.time-area .dot {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  background: red;
+  border-radius: 100%;
+  margin: 0 4px 1px 4px;
+}

package/demos/base-demo/ezuikit_static/v65/v3/imgs/bg.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1920px" height="1080px" viewBox="0 0 1920 1080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>视频背景图</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="1920" height="1080"></rect>
+        <filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-2">
+            <feGaussianBlur stdDeviation="0" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <linearGradient x1="6.42733681%" y1="61.4046072%" x2="84.9937231%" y2="19.1492851%" id="linearGradient-4">
+            <stop stop-color="#9DC2FE" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#648FFC" stop-opacity="0.129889642" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="91.8908498%" y1="82.8715916%" x2="45.1536245%" y2="-4.31442764%" id="linearGradient-5">
+            <stop stop-color="#9DC2FE" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#648FFC" stop-opacity="0.129889642" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="94.5535203%" y1="72.2238976%" x2="-8.96417241%" y2="9.01768502%" id="linearGradient-6">
+            <stop stop-color="#9DC2FE" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#648FFC" stop-opacity="0.129889642" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Cam-Thumbnail">
+            <mask id="mask-3" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="Cam-Mask" fill="#18191C" filter="url(#filter-2)" xlink:href="#path-1"></use>
+            <circle id="椭圆形" fill="url(#linearGradient-4)" mask="url(#mask-3)" cx="1868.8" cy="870.4" r="394.24"></circle>
+            <circle id="椭圆形备份-2" fill="url(#linearGradient-5)" mask="url(#mask-3)" cx="0" cy="143.36" r="394.24"></circle>
+            <ellipse id="椭圆形备份-3" fill-opacity="0.45" fill="url(#linearGradient-6)" mask="url(#mask-3)" cx="427.52" cy="350.72" rx="161.28" ry="158.72"></ellipse>
+        </g>
+    </g>
+</svg>

package/demos/base-demo/ezuikit_static/v65/v3/imgs/fallback.svg

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 225 126" style="enable-background:new 0 0 225 126;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#F5F5F5;}
+	.st1{filter:url(#Adobe_OpacityMaskFilter);}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st3{mask:url(#mask-2_1_);}
+	.st4{fill:#BFBFBF;}
+	.st5{filter:url(#Adobe_OpacityMaskFilter_1_);}
+	.st6{mask:url(#mask-2_2_);}
+</style>
+<title>加载失败@3x</title>
+<rect x="0.7" class="st0" width="224" height="126"/>
+<defs>
+	<filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="95.1" y="48.4" width="18.7" height="29.2">
+		<feColorMatrix  type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"/>
+	</filter>
+</defs>
+<mask maskUnits="userSpaceOnUse" x="95.1" y="48.4" width="18.7" height="29.2" id="mask-2_1_">
+	<g class="st1">
+		<rect id="path-1_1_" x="0.7" class="st2" width="224" height="126"/>
+	</g>
+</mask>
+<g class="st3">
+	<g id="形状结合" transform="translate(94.326510, 48.000000)">
+		<path class="st4" d="M16.7,0.4c0.1,0,0.2,0,0.2,0l-0.6,2.5L5,2.9c-0.9,0-1.7,0.7-1.7,1.6l0,0.1v12.5l6.4-4.5c1-0.7,2.3-0.7,3.3,0
+			l0.2,0.1l6.4,5l-0.8,2.6l-7.1-5.6c-0.1-0.1-0.3-0.1-0.4-0.1l-0.1,0l-7.8,5.5v5.2c0,0.9,0.7,1.6,1.6,1.7l0.2,0l11.7,0l-0.7,2.5
+			L5,29.6c-2.3,0-4.1-1.8-4.2-4l0-0.2V4.6c0-2.3,1.8-4.1,4-4.2l0.2,0H16.7z"/>
+	</g>
+</g>
+<defs>
+	<filter id="Adobe_OpacityMaskFilter_1_" filterUnits="userSpaceOnUse" x="112.8" y="48.4" width="17.3" height="29.2">
+		<feColorMatrix  type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"/>
+	</filter>
+</defs>
+<mask maskUnits="userSpaceOnUse" x="112.8" y="48.4" width="17.3" height="29.2" id="mask-2_2_">
+	<g class="st5">
+		<rect id="path-1_2_" x="0.7" class="st2" width="224" height="126"/>
+	</g>
+</mask>
+<g class="st6">
+	
+		<g transform="translate(121.479530, 63.000000) rotate(-360.000000) translate(-121.479530, -63.000000) translate(111.979530, 48.000000)">
+		<path class="st4" d="M13.9,0.4c2.3,0,4.1,1.8,4.2,4l0,0.2v20.7c0,2.3-1.8,4.1-4,4.2l-0.2,0l-13.1,0l0.7-2.5l12.3,0
+			c0.9,0,1.7-0.7,1.7-1.6l0-0.1V4.6c0-0.9-0.8-1.7-1.8-1.7l-12.6,0l0.6-2.5L13.9,0.4z M4.4,17.7l6.8,5.3c0.5,0.4,0.6,1.2,0.2,1.8
+			c-0.4,0.5-1.1,0.6-1.6,0.3L9.6,25l-6-4.7L4.4,17.7z M8.6,5.4c2.5,0,4.6,2.1,4.6,4.6s-2.1,4.6-4.6,4.6S4,12.5,4,10S6,5.4,8.6,5.4z
+			 M8.6,7.9c-1.2,0-2.1,0.9-2.1,2.1s0.9,2.1,2.1,2.1c1.2,0,2.1-0.9,2.1-2.1S9.7,7.9,8.6,7.9z"/>
+	</g>
+</g>
+</svg>