@jiaozhiye/qm-design-react 1.7.24 → 1.7.26

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

@@ -126,6 +126,11 @@ declare const _default: {
             rangeStartTip: string;
             rangeEndTip: string;
         };
+        tour: {
+            prevStep: string;
+            nextStep: string;
+            finish: 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: 2022-09-13 10:34:25
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-06-19 08:46:00
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-07-25 16:48:40
  */
 export default {
   name: 'en',
@@ -132,6 +132,11 @@ export default {
       rangeStartTip: 'Start position cannot be greater than end position',
       rangeEndTip: 'End position cannot be less than start position'
     },
+    tour: {
+      prevStep: 'Prev',
+      nextStep: 'Next',
+      finish: 'Finish'
+    },
     table: {
       config: {
         selectionText: '#',

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

@@ -126,6 +126,11 @@ declare const _default: {
             rangeStartTip: string;
             rangeEndTip: string;
         };
+        tour: {
+            prevStep: string;
+            nextStep: string;
+            finish: 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: 2022-09-13 10:34:09
+/*
+ * @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',
@@ -132,6 +132,11 @@ export default {
       rangeStartTip: '起始位置不能大于结束位置',
       rangeEndTip: '结束位置不能小于起始位置'
     },
+    tour: {
+      prevStep: '上一步',
+      nextStep: '下一步',
+      finish: '结束引导'
+    },
     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-06-04 09:41:19
+ * @Last Modified time: 2023-07-25 10:25:49
  */
 /*
  * @Author: 焦质晔
@@ -29931,6 +29931,168 @@ table {
 .qm-search-tree .ant-tree .filter-node > span:last-of-type {
   color: #1890ff;
 }
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-01-11 18:01:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-07-26 17:22:16
+ */
+.qm-tour {
+  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: 500px;
+}
+.qm-tour-hidden {
+  display: none;
+}
+.qm-tour .qm-tour-arrow {
+  display: block;
+  width: 15px;
+  height: 15px;
+  z-index: 1;
+  overflow: hidden;
+  pointer-events: none;
+}
+.qm-tour .qm-tour-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-tour .qm-tour-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-tour .qm-tour-content {
+  position: relative;
+}
+.qm-tour .qm-tour-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;
+}
+.qm-tour .qm-tour-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-tour .qm-tour-close:hover {
+  color: rgba(0, 0, 0, 0.88);
+  background-color: rgba(0, 0, 0, 0.06);
+}
+.qm-tour .qm-tour-cover {
+  text-align: center;
+  padding: 45px 15px 0px;
+}
+.qm-tour .qm-tour-header {
+  padding: 15px 15px 8px;
+}
+.qm-tour .qm-tour-title {
+  font-weight: 600;
+}
+.qm-tour .qm-tour-description {
+  overflow-wrap: break-word;
+  padding: 0px 15px;
+}
+.qm-tour .qm-tour-footer {
+  text-align: end;
+  display: flex;
+  padding: 8px 15px 15px;
+}
+.qm-tour .qm-tour-indicators {
+  display: inline-block;
+}
+.qm-tour .qm-tour-indicators .qm-tour-indicator {
+  width: 6px;
+  height: 6px;
+  display: inline-block;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.15);
+}
+.qm-tour .qm-tour-indicators .qm-tour-indicator-active {
+  background: #1890ff;
+}
+.qm-tour .qm-tour-indicators .qm-tour-indicator:not(:last-child) {
+  -webkit-margin-end: 6px;
+  margin-inline-end: 6px;
+}
+.qm-tour .qm-tour-buttons {
+  -webkit-margin-start: auto;
+  margin-inline-start: auto;
+}
+.qm-tour-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-tour-control .anticon {
+  color: #fff;
+  font-size: 20px;
+}
+.qm-tour-mask .qm-tour-placeholder-animated {
+  transition: all 0.2s ease;
+}
+.qm-tour-placement-bottom .qm-tour-arrow {
+  left: 50%;
+  transform: translateX(-50%) translateY(-100%);
+}
+.qm-tour-placement-top .qm-tour-arrow {
+  left: 50%;
+  transform: translateX(-50%) translateY(100%) rotate(180deg);
+}
+.qm-tour-placement-right .qm-tour-arrow {
+  top: 50%;
+  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
+}
+.qm-tour-placement-left .qm-tour-arrow {
+  top: 50%;
+  transform: translateY(-50%) translateX(100%) rotate(90deg);
+}
 /*
  * @Author: 焦质晔
  * @Date: 2021-07-23 19:05:57

package/lib/style/index.less

@@ -1,37 +1,38 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 18:23:59
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2023-06-04 09:41:19
- */
-@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 '../print/style/index.less';
+/*
+ * @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';