@opendesign-plus-test/components 0.0.1-rc.49 → 0.0.1-rc.50

package/dist/index.d.ts

@@ -13,7 +13,6 @@ export * from './components/element-plus';
 export * from './components/events';
 export * from './components/header';
 export * from './components/meeting';
-export * from './components/search';
 declare const _default: {
     install: (app: any) => void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.49",
+  "version": "0.0.1-rc.50",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -26,16 +26,14 @@
     }
   },
   "dependencies": {
+    "@opensig/opendesign": "1.2.3",
     "@vueuse/core": "10.11.1",
     "aos": "^2.3.4",
     "dayjs": "^1.11.13",
     "video.js": "^8.23.7",
     "vue-dompurify-html": "^3.1.2",
-    "@opendesign-plus/styles": "0.0.1-rc.2",
-    "@opendesign-plus/composables": "0.0.1-rc.8"
-  },
-  "peerDependencies": {
-    "@opensig/opendesign": ">=1.0.0"
+    "@opendesign-plus/composables": "0.0.1-rc.8",
+    "@opendesign-plus/styles": "0.0.1-rc.2"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.1.0",

package/src/assets/styles/element-plus.scss

@@ -0,0 +1,204 @@
+@use '@opendesign-plus/styles/mixin/font.scss' as *;
+@use '@opensig/opendesign/es/_styles/mixin.scss' as *;
+
+:root {
+  --el-color-primary: var(--o-color-primary1);
+  --el-border-color: var(--o-color-control1);
+  --el-input-placeholder-color: var(--el-text-color-placeholder);
+  --el-input-hover-border-color: var(--el-border-color-hover);
+  --el-input-clear-hover-color: var(--el-text-color-secondary);
+
+  .el-date-editor {
+    &.el-date-editor--daterange {
+      padding: 0 13px 0 15px;
+    }
+
+    &.el-date-editor--timerange {
+      padding: 0 16px;
+    }
+
+    input {
+      text-align: left;
+      @include text1;
+      @include respond('phone') {
+        @include text2;
+      }
+    }
+
+    .el-select__wrapper {
+      gap: 0;
+    }
+
+    .el-input__wrapper {
+
+      .el-input__prefix {
+        order: 1;
+        font-size: 16px;
+      }
+    }
+
+    .el-input__icon {
+      height: 100%;
+      order: 1;
+      font-size: 24px;
+      margin-right: 2px;
+      color: var(--o-color-info1);
+      background-color: var(--o-color-info2);
+      mask: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiAgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik02LjQ2MyA0Ljk3NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDQuNDcxYS4xNC4xNCAwIDAgMC0uMTMuMDkzbC0uMDA3LjA0M3YxLjg1NmgxNS4zMjlsLjAwMS0xLjg1NmEuMTQuMTQgMCAwIDAtLjA5My0uMTNsLS4wNDMtLjAwN2gtMi4wNTVhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNmgyLjA1NWMuODAxIDAgMS40Ni42MTQgMS41MyAxLjM5N2wuMDA2LjE0djEyLjM1OWMwIC44MDEtLjYxNCAxLjQ2LTEuMzk3IDEuNTNsLS4xNC4wMDZINC40N2MtLjgwMSAwLTEuNDYtLjYxNC0xLjUzLTEuMzk3bC0uMDA2LS4xNFY2LjUxMWMwLS44MDEuNjE0LTEuNDYgMS4zOTctMS41M2wuMTQtLjAwNnptMTMuMjAxIDQuNzkySDQuMzM1djkuMTAzYzAgLjA2LjAzOS4xMTEuMDkzLjEzbC4wNDMuMDA3aDE1LjA1N2MuMDYgMCAuMTExLS4wMzkuMTMtLjA5M2wuMDA3LS4wNDMtLjAwMS05LjEwM3ptLTMuNDgyIDUuNjYzYS43LjcgMCAwIDEgLjA5NSAxLjM5NGwtLjA5NS4wMDZINy44MTdhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNnptMC0zLjM0NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDcuODE3YS43LjcgMCAwIDEtLjA5NS0xLjM5NGwuMDk1LS4wMDZ6bS0uNjk2LTguNDY3Yy4zNTQgMCAuNjQ3LjI2My42OTQuNjA1bC4wMDYuMDk1djIuODA0YS43LjcgMCAwIDEtMS4zOTQuMDk1bC0uMDA2LS4wOTVWNC4zMThhLjcuNyAwIDAgMSAuNy0uN20tNi45MzctLjAyNmMuMzU0IDAgLjY0Ny4yNjMuNjk0LjYwNWwuMDA2LjA5NXYyLjgwNGEuNy43IDAgMCAxLTEuMzk0LjA5NWwtLjAwNi0uMDk1VjQuMjkyYS43LjcgMCAwIDEgLjctLjdtNC45NDYgMS4zODRhLjcuNyAwIDAgMSAuMDk1IDEuMzk0bC0uMDk1LjAwNkgxMC41M2EuNy43IDAgMCAxLS4wOTUtMS4zOTRsLjA5NS0uMDA2eiI+PC9wYXRoPgo8L3N2Zz4=') no-repeat center;
+      background-size: 24px;
+      background-repeat: no-repeat;
+      background-position: center center;
+
+      svg {
+        display: none;
+      }
+    }
+  }
+
+  .el-popper {
+
+    .el-popper__arrow {
+      display: none;
+    }
+
+    .el-picker-panel {
+      --cell-row-gap: 6px;
+      --cell-radius: var(--o-radius-xs);
+      color: var(--o-color-info1);
+
+      .el-date-picker__header {
+        padding: 12px 24px;
+        height: 48px;
+        border-bottom: 1px solid var(--o-color-control4);
+
+        .el-date-picker__header-label {
+          font-weight: 500;
+        }
+      }
+
+      .el-picker-panel__content {
+        .el-date-table {
+          th {
+            border-bottom: none;
+            height: 24px;
+            color: inherit;
+            padding: 0 0 var(--cell-row-gap);
+          }
+
+          td {
+            padding: var(--cell-row-gap) 0px;
+
+            .el-date-table-cell {
+              padding: 0;
+              height: 24px;
+              line-height: 22px;
+              border: 1px solid transparent;
+              border-radius: var(--cell-radius);
+
+            }
+
+            &:hover:not(.disabled) {
+              .el-date-table-cell {
+                border-color: var(--o-color-primary1);
+
+              }
+            }
+
+            &.disabled, &.prev-month, &.next-month {
+              .el-date-table-cell {
+                background: none;
+                color: var(--o-color-info4);
+              }
+            }
+
+            &.today {
+              .el-date-table-cell {
+                background: var(--o-color-control2-light);
+
+                .el-date-table-cell__text {
+                  font-weight: normal;
+                  color: var(--o-color-info1);
+                }
+              }
+            }
+
+            &.current, &.start-date, &.end-date {
+              .el-date-table-cell {
+                background: var(--o-color-primary1);
+
+                .el-date-table-cell__text {
+                  background: none;
+                  color: #fff;
+                }
+              }
+            }
+
+            &.in-range:not(:hover) {
+              .el-date-table-cell {
+                border-radius: 0;
+              }
+
+              &.start-date {
+                .el-date-table-cell {
+                  border-radius: var(--cell-radius) 0 0 var(--cell-radius);
+                }
+              }
+
+              &.end-date {
+                .el-date-table-cell {
+                  border-radius: 0 var(--cell-radius) var(--cell-radius) 0;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .el-input {
+    --el-border-color: var(--o-color-control1);
+    --el-input-border-color: var(--o-color-control1);
+    --el-input-hover-border-color: var(--o-color-primary2);
+    --el-input-focus-border-color: var(--o-color-primary3);
+  }
+
+  .el-table {
+    --el-table-border-color: var(--o-color-control4)
+  }
+
+  .el-input__wrapper {
+    background: var(--o-color-fill2);
+  }
+
+  .el-select__wrapper {
+    background: var(--o-color-fill2);
+  }
+
+  .el-calendar-table {
+    th {
+      color: var(--o-color-info3);
+      font-weight: 400;
+    }
+
+    td {
+      &.prev, &.next {
+        .date-calender {
+          color: var(--o-color-info4);
+        }
+      }
+    }
+  }
+
+  .el-select {
+
+    .el-select__placeholder {
+      @include text1;
+      @include respond('phone') {
+        @include text2;
+      }
+    }
+  }
+}
+
+

package/src/assets/svg-icons/icon-delete.svg

@@ -1,7 +1,3 @@
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-<path opacity="0.8" fill="currentColor" d="M5.616 4.34c0.368 0 0.674 0.265 0.738 0.615l0.012 0.135v14.968c0 0.213 0.148 0.391 0.347 0.438l0.103 0.012h10.719c0.213 0 0.391-0.148 0.438-0.347l0.012-0.103v-11.712c0-0.414 0.336-0.75 0.75-0.75 0.368 0 0.674 0.265 0.738 0.615l0.012 0.135v11.712c0 1.010-0.767 1.84-1.751 1.94l-0.199 0.010h-10.719c-1.010 0-1.84-0.767-1.94-1.751l-0.010-0.199v-14.968c0-0.414 0.336-0.75 0.75-0.75z"></path>
-<path opacity="0.8" fill="currentColor" d="M20.19 4.34c0.414 0 0.75 0.336 0.75 0.75 0 0.368-0.265 0.674-0.615 0.738l-0.135 0.012h-16.333c-0.414 0-0.75-0.336-0.75-0.75 0-0.368 0.265-0.674 0.615-0.738l0.135-0.012h16.333z"></path>
-<path opacity="0.8" fill="currentColor" d="M14.256 1.936c0.414 0 0.75 0.336 0.75 0.75 0 0.368-0.265 0.674-0.615 0.738l-0.135 0.012h-4.535c-0.414 0-0.75-0.336-0.75-0.75 0-0.368 0.265-0.674 0.615-0.738l0.135-0.012h4.535z"></path>
-<path opacity="0.8" fill="currentColor" d="M10.096 9.419c0.368 0 0.674 0.265 0.738 0.615l0.012 0.135v6.484c0 0.414-0.336 0.75-0.75 0.75-0.368 0-0.674-0.265-0.738-0.615l-0.012-0.135v-6.484c0-0.414 0.336-0.75 0.75-0.75z"></path>
-<path opacity="0.8" fill="currentColor" d="M14.596 9.419c0.368 0 0.674 0.265 0.738 0.615l0.012 0.135v6.484c0 0.414-0.336 0.75-0.75 0.75-0.368 0-0.674-0.265-0.738-0.615l-0.012-0.135v-6.484c0-0.414 0.336-0.75 0.75-0.75z"></path>
+<path fill="currentColor" d="M19.154 5.295c0.387 0 0.7 0.313 0.7 0.7 0 0.354-0.263 0.647-0.605 0.694l-0.095 0.006-12.201-0.001 0.001 12.413c0 0.17 0.12 0.311 0.28 0.344l0.071 0.007h9.39c0.17 0 0.311-0.12 0.344-0.28l0.007-0.071v-10.47c0-0.387 0.313-0.7 0.7-0.7 0.354 0 0.647 0.263 0.694 0.605l0.006 0.095v10.47c0 0.919-0.708 1.672-1.608 1.745l-0.144 0.006h-9.39c-0.919 0-1.672-0.708-1.745-1.608l-0.006-0.144-0.001-12.413-0.707 0.001c-0.387 0-0.7-0.313-0.7-0.7 0-0.354 0.263-0.647 0.605-0.694l0.095-0.006h14.308zM10.011 9.744c0.354 0 0.647 0.263 0.694 0.605l0.006 0.095v5.68c0 0.387-0.313 0.7-0.7 0.7-0.354 0-0.647-0.263-0.694-0.605l-0.006-0.095v-5.68c0-0.387 0.313-0.7 0.7-0.7zM13.953 9.744c0.354 0 0.647 0.263 0.694 0.605l0.006 0.095v5.68c0 0.387-0.313 0.7-0.7 0.7-0.354 0-0.647-0.263-0.694-0.605l-0.006-0.095v-5.68c0-0.387 0.313-0.7 0.7-0.7zM13.652 3.189c0.387 0 0.7 0.313 0.7 0.7 0 0.354-0.263 0.647-0.605 0.694l-0.095 0.006h-3.972c-0.387 0-0.7-0.313-0.7-0.7 0-0.354 0.263-0.647 0.605-0.694l0.095-0.006h3.972z"></path>
 </svg>