yahee-components 0.0.9 → 0.0.12

package/lib/style.css

@@ -81,225 +81,110 @@
   padding: 5px 11px;
 }
 
-.yahee-operation-log {
-  min-width: 350px;
-}
-.yahee-operation-log .infinite-list-wrapper {
-  overflow: hidden;
-  padding: 10px 4px;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-left {
-  display: flex;
-  justify-content: flex-start;
-  gap: 10px;
-  margin-bottom: 18px;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-left .date {
-  margin-top: 6px;
-  margin-left: 8px;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-left .name {
-  flex: none;
-  height: -moz-fit-content;
-  height: fit-content;
-  padding: 5px 8px;
-  text-align: center;
-  border-radius: 2px;
-  background: #E8FFE8;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-left .content {
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  padding: 10px;
-  margin-left: -8px;
-  background: #F7FFF7;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-right {
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-  margin-bottom: 18px;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-right .date {
-  margin-top: 6px;
-  margin-right: 8px;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-right .name {
-  flex: none;
-  height: -moz-fit-content;
-  height: fit-content;
-  padding: 5px 8px;
-  text-align: center;
-  border-radius: 2px;
-  background: #f1f1f1;
+:deep(.custom-button + .custom-button) {
+  margin-left: 5px;
+  margin-bottom: 5px;
+  position: relative;
+  top: 2px;
 }
-.yahee-operation-log .infinite-list-wrapper .list-item-right .content {
-  text-align: right;
-  padding: 10px;
-  margin-right: -8px;
-  border: 1px solid #f1f1f1;
-  border-radius: 4px;
-  background: #FAFAFA;
+
+:deep(.custom-button) {
+  padding: 1px 4px;
+  height: 22px;
 }
-.yahee-operation-log .bg-link {
-  color: #3366cc;
-  cursor: pointer;
+
+.yahee-drop-down-condition {
+  /* 滚动槽 */
+  /* 滚动条滑块 */
 }
-.yahee-operation-log .imgBox {
+.yahee-drop-down-condition .checkbox-group {
   display: flex;
-  flex-wrap: wrap;
+  flex-direction: column;
 }
-.yahee-operation-log .timeBox {
-  margin: 0 5px;
+.yahee-drop-down-condition .checkbox {
+  margin-top: 5px;
 }
-.yahee-operation-log .input-with-select {
-  width: 150px;
+.yahee-drop-down-condition .custom-total-button {
+  margin-right: 0;
+  padding: 1px 4px;
+  height: 22px;
 }
-.yahee-operation-log .lt-created-time {
-  display: block;
+.yahee-drop-down-condition .custom-button {
+  margin-right: 0;
+  padding: 1px 4px;
+  min-height: 22px;
+  height: 22px;
+  margin-left: 5px;
 }
-.yahee-operation-log .rt-created-time {
-  display: inline-block;
+.yahee-drop-down-condition .custom-button.inner-el-button {
+  margin-top: 5px;
 }
-.yahee-operation-log .content-div {
-  width: 100%;
-  height: 121px;
-  border: 1px solid #ccc;
-  padding: 10px;
+.yahee-drop-down-condition .scrollable-container {
+  max-height: 700px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
 }
-.yahee-operation-log .titleRemarks {
-  font-size: 14px;
-  font-weight: bold;
-  padding-left: 5px;
-  border-bottom: 1px solid #eee;
-  height: 30px;
-  line-height: 30px;
+.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar {
+  width: 5px;
 }
-.yahee-operation-log .remarkContent {
-  position: relative;
-  margin-bottom: 20px;
-  border: 1px solid #eee;
+.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  border-radius: 10px;
 }
-.yahee-operation-log .remarkContent .buttonQuill {
-  position: absolute;
-  bottom: -35px;
-  right: 10px;
-  display: flex;
+.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background: rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
 }
-.yahee-operation-log .remarkContent .buttonQuill button {
-  margin-right: 10px;
+
+.yahee-country-platform-shop-condition .popover-table {
+  width: auto;
+  border: 1px solid transparent;
+  border-collapse: separate;
 }
-.yahee-operation-log .content-main {
-  width: 100%;
+.yahee-country-platform-shop-condition .popover-table tr,
+.yahee-country-platform-shop-condition .popover-table td {
+  text-align: left;
+  cursor: pointer;
+  min-height: 22px;
 }
-.yahee-operation-log .span-backG {
-  position: relative;
-  display: flex;
-  min-height: 70px;
+.yahee-country-platform-shop-condition .checkbox-group {
+  margin: 5px;
   width: 100%;
-  margin-top: 10px;
-}
-.yahee-operation-log .bubble-tail {
-  position: absolute;
-  right: 85px;
-  top: 5px;
-  width: 0;
-  height: 0;
-  border-width: 6px;
-  border-style: solid;
-  border-color: transparent;
-  border-left-width: 9px;
-  border-left-color: currentColor;
-  color: #eee;
-}
-.yahee-operation-log .leftbubble-tail {
-  position: absolute;
-  left: 84px;
-  top: 5px;
-  width: 0;
-  height: 0;
-  border-width: 7px;
-  border-style: solid;
-  border-color: transparent;
-  margin-bottom: -39px;
-  border-right-width: 10px;
-  border-right-color: currentColor;
-  color: #eee;
-}
-.yahee-operation-log .r-text {
-  float: right;
-  margin-right: 100px;
-  max-width: 420px;
-  min-height: 52px;
-}
-.yahee-operation-log .r-text-main {
-  background: #FAFAFA;
-  border: 1px solid #ccc;
-  border-radius: 2px;
-  padding: 4px;
-  word-break: break-all;
-  text-align: right;
 }
-.yahee-operation-log .l-text {
-  margin-left: 100px;
-  max-width: 420px;
-  min-height: 52px;
-}
-.yahee-operation-log .l-text-main {
-  background: #F7FFF7;
-  border: 1px solid #ccc;
-  border-radius: 2px;
-  padding: 4px;
-  display: inline-block;
-  min-width: 123px;
-  word-break: break-all;
+.yahee-country-platform-shop-condition .popover-table th {
+  text-align: left;
+  cursor: pointer;
+  min-height: 22px;
+  border: 1px solid transparent;
 }
-.yahee-operation-log .r-name {
-  border: 1px solid #ccc;
-  position: absolute;
-  right: 10px;
-  width: 65px;
-  line-height: 17px;
-  padding: 3px 0 5px;
-  text-align: center;
-  border: 1px solid #ccc;
-  border-radius: 2px;
-  background: #f1f1f1;
-  word-break: break-all;
+.yahee-country-platform-shop-condition .popover-table td span {
+  display: block;
+  margin-bottom: 4px;
+  border: 1px solid transparent;
 }
-.yahee-operation-log .l-name {
-  border: 1px solid #ccc;
-  position: absolute;
-  left: 10px;
-  width: 65px;
-  line-height: 17px;
-  padding: 3px 0 5px;
-  text-align: center;
-  border: 1px solid #ccc;
-  border-radius: 2px;
-  background: #E8FFE8;
-  float: right;
-  word-break: break-all;
+.yahee-country-platform-shop-condition .hover-trigger {
+  cursor: pointer;
+  color: blue;
 }
-.yahee-operation-log .text-m {
-  word-break: break-all;
-  white-space: pre-line;
+.yahee-country-platform-shop-condition .custom-total-button {
+  margin-right: 0;
+  padding: 1px 4px;
+  height: 22px;
 }
-.yahee-operation-log .loading {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: 36px;
+.yahee-country-platform-shop-condition .custom-button {
+  width: 100%;
+  min-height: 22px;
+  min-width: 50px;
+  height: 22px;
+  margin: 3px;
 }
-.yahee-operation-log .no-more {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: 36px;
+.yahee-country-platform-shop-condition .custom-button.inner-el-button {
+  margin-top: 5px;
 }
-.yahee-operation-log .el-form--inline .el-form-item {
-  margin-right: 10px !important;
-  margin-bottom: 6px !important;
+.yahee-country-platform-shop-condition ::v-deep(.el-checkbox-button__inner) {
+  width: 100%;
 }
 
 :root {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yahee-components",
   "private": false,
-  "version": "0.0.9",
+  "version": "0.0.12",
   "description": "深圳前海亚讯前端组件库",
   "main": "lib",
   "module": "es",

package/types/hooks/useClipboard.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+export declare function useClipboard(options?: any): {
+    isSupported: boolean;
+    copied: Ref<boolean, boolean>;
+    copy: (value?: any) => Promise<void>;
+    copyUrl: (data?: any) => void;
+};

package/types/hooks/useImg.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 拼接图片
+ * @param file
+ */
+export default function useImage(fileId: string, isBig?: boolean): string;
+export declare function useFile(file: {
+    index?: number;
+    fileId: string;
+    fileName?: string;
+}): string;

package/types/hooks/useImgPath.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 使用图片
+ * @param name 图片名称
+ */
+export default function useImagePath(name: string): string;

package/types/hooks/useImport.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 导入文件
+ * @param fileType
+ * @param file
+ * @param callback
+ * @returns
+ */
+export declare const useImport: (file: File, progressCallback?: any) => Promise<{
+    id: string;
+    url: string;
+}>;

package/types/hooks/useUpload.d.ts

@@ -0,0 +1,12 @@
+export declare const useIsImg: (file: File) => boolean;
+/**
+ * 上传文件
+ * @param fileType
+ * @param file
+ * @param callback
+ * @returns
+ */
+export declare const useUpload: (fileType: string, file: File, progressCallback?: any) => Promise<{
+    id: string;
+    url: string;
+}>;