@jiaozhiye/qm-design-react 1.7.26 → 1.7.28

package/lib/locale/lang/en.d.ts

@@ -131,6 +131,14 @@ declare const _default: {
             nextStep: string;
             finish: string;
         };
+        guideTracker: {
+            addButton: string;
+            editButton: string;
+            closeButton: string;
+            finishButton: string;
+            label: string;
+            currentStep: string;
+        };
         table: {
             config: {
                 selectionText: string;

package/lib/locale/lang/en.js

@@ -1,8 +1,8 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-06-19 08:46:00
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2023-07-25 16:48:40
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-06-19 08:46:00
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-07-25 16:48:40
  */
 export default {
   name: 'en',
@@ -137,6 +137,14 @@ export default {
       nextStep: 'Next',
       finish: 'Finish'
     },
+    guideTracker: {
+      addButton: 'Add To',
+      editButton: 'Save',
+      closeButton: 'Close',
+      finishButton: 'Finish And Save',
+      label: 'Operation guide collection',
+      currentStep: 'Current Step: '
+    },
     table: {
       config: {
         selectionText: '#',

package/lib/locale/lang/zh-cn.d.ts

@@ -131,6 +131,14 @@ declare const _default: {
             nextStep: string;
             finish: string;
         };
+        guideTracker: {
+            addButton: string;
+            editButton: string;
+            closeButton: string;
+            finishButton: string;
+            label: string;
+            currentStep: string;
+        };
         table: {
             config: {
                 selectionText: string;

package/lib/locale/lang/zh-cn.js

@@ -1,8 +1,8 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-06-19 08:45:54
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2023-07-25 16:48:08
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-06-19 08:45:54
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-07-25 16:48:08
  */
 export default {
   name: 'zh-cn',
@@ -137,6 +137,14 @@ export default {
       nextStep: '下一步',
       finish: '结束引导'
     },
+    guideTracker: {
+      addButton: '添 加',
+      editButton: '保 存',
+      closeButton: '关 闭',
+      finishButton: '结束并保存',
+      label: '新手引导录入',
+      currentStep: '当前步骤：'
+    },
     table: {
       config: {
         selectionText: '选择',

package/lib/style/index.css

@@ -2,7 +2,7 @@
  * @Author: 焦质晔
  * @Date: 2021-07-23 18:23:59
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2023-07-25 10:25:49
+ * @Last Modified time: 2023-07-29 23:41:31
  */
 /*
  * @Author: 焦质晔
@@ -30093,6 +30093,193 @@ table {
   top: 50%;
   transform: translateY(-50%) translateX(100%) rotate(90deg);
 }
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-01-11 18:01:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-07-29 23:42:13
+ */
+.qm-guide-tracker {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  position: absolute;
+  display: block;
+  visibility: visible;
+  min-width: 450px;
+}
+.qm-guide-tracker-hidden {
+  display: none;
+}
+.qm-guide-tracker .qm-guide-tracker-arrow {
+  display: block;
+  width: 15px;
+  height: 15px;
+  z-index: 1;
+  overflow: hidden;
+  pointer-events: none;
+}
+.qm-guide-tracker .qm-guide-tracker-arrow::before {
+  content: '';
+  position: absolute;
+  bottom: 0px;
+  inset-inline-start: 0px;
+  width: 15px;
+  height: 8px;
+  -webkit-clip-path: path('M 0 8 A 4 4 0 0 0 2.82843 6.82843 L 6.58579 3.07107 A 2 2 0 0 1 9.41421 3.07107 L 13.1716 6.82843 A 4 4 0 0 0 16 8 Z');
+  clip-path: path('M 0 8 A 4 4 0 0 0 2.82843 6.82843 L 6.58579 3.07107 A 2 2 0 0 1 9.41421 3.07107 L 13.1716 6.82843 A 4 4 0 0 0 16 8 Z');
+  background-color: #fff;
+}
+.qm-guide-tracker .qm-guide-tracker-arrow::after {
+  content: '';
+  position: absolute;
+  width: 8.97056px;
+  height: 8.97056px;
+  bottom: 0px;
+  transform: translateY(50%) rotate(-135deg);
+  box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 5px;
+  z-index: 0;
+  inset-inline: 0px;
+  margin: auto;
+  border-radius: 0px 0px 2px;
+  background: 0px 0px;
+}
+.qm-guide-tracker .qm-guide-tracker-close {
+  position: absolute;
+  top: 10px;
+  inset-inline-end: 10px;
+  color: rgba(0, 0, 0, 0.45);
+  width: 22px;
+  height: 22px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  outline: none;
+  border-radius: 4px;
+  transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
+}
+.qm-guide-tracker .qm-guide-tracker-close:hover {
+  color: rgba(0, 0, 0, 0.88);
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.qm-guide-tracker .qm-guide-tracker-content {
+  position: relative;
+}
+.qm-guide-tracker .qm-guide-tracker-inner {
+  box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 2px 0px, rgba(0, 0, 0, 0.02) 0px 1px 6px -1px, rgba(0, 0, 0, 0.02) 0px 2px 4px 0px;
+  background-color: #fff;
+  background-clip: padding-box;
+  text-decoration: none;
+  border-radius: 8px;
+  padding: 10px 15px 15px;
+}
+.qm-guide-tracker-primary .qm-guide-tracker-inner {
+  color: #fff;
+  background-color: rgba(24, 144, 255, 0.85);
+}
+.qm-guide-tracker-primary .qm-guide-tracker-inner .panel-label {
+  margin-bottom: 5px;
+}
+.qm-guide-tracker-primary .qm-guide-tracker-inner .panel-label .title {
+  font-weight: 600;
+}
+.qm-guide-tracker-primary .qm-guide-tracker-inner .panel-label .step {
+  margin-left: 20px;
+}
+.qm-guide-tracker-primary .qm-guide-tracker-inner .menu-icon {
+  right: 35px;
+}
+.qm-guide-tracker-primary .qm-guide-tracker-arrow::before {
+  background-color: rgba(24, 144, 255, 0.85);
+}
+.qm-guide-tracker-primary .qm-guide-tracker-close {
+  color: #fff;
+}
+.qm-guide-tracker-primary .qm-guide-tracker-close:hover {
+  color: #fff;
+}
+.qm-guide-tracker-control {
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  border: 2px solid #fff;
+  background: linear-gradient(to right bottom, #69c0ff, #096dd9);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: auto;
+  cursor: pointer;
+}
+.qm-guide-tracker-control .anticon {
+  color: #fff;
+  font-size: 20px;
+}
+.qm-guide-tracker-placement-bottom .qm-guide-tracker-arrow {
+  left: 50%;
+  transform: translateX(-50%) translateY(-100%);
+}
+.qm-guide-tracker-placement-top .qm-guide-tracker-arrow {
+  left: 50%;
+  transform: translateX(-50%) translateY(100%) rotate(180deg);
+}
+.qm-guide-tracker-placement-right .qm-guide-tracker-arrow {
+  top: 50%;
+  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
+}
+.qm-guide-tracker-placement-left .qm-guide-tracker-arrow {
+  top: 50%;
+  transform: translateY(-50%) translateX(100%) rotate(90deg);
+}
+.qm-guide-tracker__popper .step-list ul {
+  margin: 0;
+}
+.qm-guide-tracker__popper .step-list ul li.item {
+  line-height: 2;
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+}
+.qm-guide-tracker__popper .step-list ul li.item.actived {
+  background-color: #bae7ff;
+}
+.qm-guide-tracker__popper .step-list ul li.item .handle {
+  padding: 2px;
+  color: rgba(0, 0, 0, 0.45);
+  cursor: s-resize;
+  transform: scale(0.9);
+}
+.qm-guide-tracker__popper .step-list ul li.item .box {
+  flex: 1 0;
+  display: inline-flex;
+  align-items: center;
+}
+.qm-guide-tracker__popper .step-list ul li.item .box .title {
+  flex: 1 0;
+  width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.qm-guide-tracker__popper .step-list ul li.item .box .close-icon {
+  padding: 2px;
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.45);
+  border-radius: 4px;
+  cursor: pointer;
+  display: none;
+}
+.qm-guide-tracker__popper .step-list ul li.item .box:hover .close-icon {
+  display: block;
+  background-color: rgba(0, 0, 0, 0.06);
+}
 /*
  * @Author: 焦质晔
  * @Date: 2021-07-23 19:05:57

package/lib/style/index.less

@@ -1,38 +1,39 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 18:23:59
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2023-07-25 10:25:49
- */
-@import '../antd/index.less';
-@import './var.less';
-@import './reset.less';
-
-/* QmDesign */
-@import '../button/style/index.less';
-@import '../space/style/index.less';
-@import '../divider/style/index.less';
-@import '../split/style/index.less';
-@import '../countup/style/index.less';
-@import '../empty/style/index.less';
-@import '../spin/style/index.less';
-@import '../scrollbar/style/index.less';
-@import '../download/style/index.less';
-@import '../anchor/style/index.less';
-@import '../tabs/style/index.less';
-@import '../drawer/style/index.less';
-@import '../modal/style/index.less';
-@import '../form/style/index.less';
-@import '../tinymce/style/index.less';
-@import '../cropper/style/index.less';
-@import '../collapse/style/index.less';
-@import '../upload-file/style/index.less';
-@import '../upload-img/style/index.less';
-@import '../table/style/index.less';
-@import '../search-helper/style/index.less';
-@import '../tree-helper/style/index.less';
-@import '../tree-table-helper/style/index.less';
-@import '../range-table-helper/style/index.less';
-@import '../search-tree/style/index.less';
-@import '../tour/style/index.less';
-@import '../print/style/index.less';
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 18:23:59
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-07-29 23:41:31
+ */
+@import '../antd/index.less';
+@import './var.less';
+@import './reset.less';
+
+/* QmDesign */
+@import '../button/style/index.less';
+@import '../space/style/index.less';
+@import '../divider/style/index.less';
+@import '../split/style/index.less';
+@import '../countup/style/index.less';
+@import '../empty/style/index.less';
+@import '../spin/style/index.less';
+@import '../scrollbar/style/index.less';
+@import '../download/style/index.less';
+@import '../anchor/style/index.less';
+@import '../tabs/style/index.less';
+@import '../drawer/style/index.less';
+@import '../modal/style/index.less';
+@import '../form/style/index.less';
+@import '../tinymce/style/index.less';
+@import '../cropper/style/index.less';
+@import '../collapse/style/index.less';
+@import '../upload-file/style/index.less';
+@import '../upload-img/style/index.less';
+@import '../table/style/index.less';
+@import '../search-helper/style/index.less';
+@import '../tree-helper/style/index.less';
+@import '../tree-table-helper/style/index.less';
+@import '../range-table-helper/style/index.less';
+@import '../search-tree/style/index.less';
+@import '../tour/style/index.less';
+@import '../guide-tracker/style/index.less';
+@import '../print/style/index.less';