@opendesign-plus-test/components 0.0.1-rc.65 → 0.0.1-rc.66

package/dist/cjs/components/activity/OActivityApproval2.css

@@ -0,0 +1,304 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+: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-component-size-large: 36px;
+}
+@media (max-width: 840px) {
+:root {
+    --el-component-size-large: var(--o-control_size-l);
+}
+}
+:root .el-date-editor.el-date-editor--daterange {
+  padding: 0 13px 0 15px;
+}
+:root .el-date-editor.el-date-editor--timerange {
+  padding: 0 16px;
+}
+:root .el-date-editor input {
+  text-align: left;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-date-editor .el-select__wrapper {
+  gap: 0;
+}
+:root .el-date-editor .el-input__wrapper .el-input__prefix {
+  order: 1;
+  font-size: 16px;
+}
+:root .el-date-editor .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;
+}
+:root .el-date-editor .el-input__icon svg {
+  display: none;
+}
+:root .el-popper .el-popper__arrow {
+  display: none;
+}
+:root .el-popper .el-picker-panel {
+  --cell-row-gap: 6px;
+  --cell-radius: var(--o-radius-xs);
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header {
+  padding: 12px 24px;
+  height: 48px;
+  border-bottom: 1px solid var(--o-color-control4);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label {
+  font-weight: 500;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th {
+  border-bottom: none;
+  height: 24px;
+  color: inherit;
+  padding: 0 0 var(--cell-row-gap);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td {
+  padding: var(--cell-row-gap) 0px;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell {
+  padding: 0;
+  height: 24px;
+  line-height: 22px;
+  border: 1px solid transparent;
+  border-radius: var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell {
+  border-color: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell {
+  background: none;
+  color: var(--o-color-info4);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell {
+  background: var(--o-color-control2-light);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text {
+  font-weight: normal;
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell {
+  background: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text {
+  background: none;
+  color: #fff;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell {
+  border-radius: 0;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell {
+  border-radius: var(--cell-radius) 0 0 var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell {
+  border-radius: 0 var(--cell-radius) var(--cell-radius) 0;
+}
+:root .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);
+}
+:root .el-table {
+  --el-table-border-color: var(--o-color-control4) ;
+}
+:root .el-input__wrapper {
+  background: var(--o-color-fill2);
+  box-shadow: none;
+  border: 1px solid var(--el-input-border-color);
+}
+:root .el-select__wrapper {
+  background: var(--o-color-fill2);
+}
+:root .el-calendar .el-calendar-table {
+  width: 100%;
+}
+:root .el-calendar .el-calendar-table th {
+  color: var(--o-color-info3);
+  font-weight: 400;
+  padding: 4px 0 16px 0;
+  text-align: center;
+}
+:root .el-calendar .el-calendar-table td.prev .date-calender, :root .el-calendar .el-calendar-table td.next .date-calender {
+  color: var(--o-color-info4);
+}
+:root .el-select .el-select__placeholder {
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-input-number {
+  --el-component-size-large: 34px;
+}
+@media (max-width: 840px) {
+:root .el-input-number {
+    --el-component-size-large: calc(var(--o-control_size-l) - 2px);
+}
+}
+:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
+:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
+  box-shadow: none;
+}
+:root .el-input-number.el-input-number--large {
+  line-height: var(--el-component-size-large);
+}
+.handle-dialog-approval {
+  --activity-card-radius: var(--o-radius-xs);
+  --dlg-width: 450px;
+  --dlg-radius: var(--activity-card-radius);
+}
+@media (max-width: 840px) {
+.handle-dialog-approval {
+    width: 100%;
+    --dlg-radius: var(--activity-card-radius) var(--activity-card-radius) 0 0;
+}
+}
+.cancel-dialog .o-dlg-footer {
+  margin-top: var(--o-gap-5);
+}
+.review-dialog {
+  --dlg-width: 690px;
+  --activity-input-radius: var(--o-radius-xs);
+}
+.review-dialog .o-form {
+  width: 450px;
+  margin: 0 auto;
+}
+.review-dialog .o-form .o-form-item-label {
+  margin-bottom: var(--o-gap-2);
+}
+.review-dialog .o-form .o-textarea {
+  width: 100%;
+  --_box-radius: var(--activity-input-radius);
+}
+.review-dialog .o-dlg-footer {
+  margin-top: var(--o-gap-6);
+}

package/dist/cjs/components/activity/OActivityForm.css

@@ -0,0 +1,340 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+: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-component-size-large: 36px;
+}
+@media (max-width: 840px) {
+:root {
+    --el-component-size-large: var(--o-control_size-l);
+}
+}
+:root .el-date-editor.el-date-editor--daterange {
+  padding: 0 13px 0 15px;
+}
+:root .el-date-editor.el-date-editor--timerange {
+  padding: 0 16px;
+}
+:root .el-date-editor input {
+  text-align: left;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-date-editor .el-select__wrapper {
+  gap: 0;
+}
+:root .el-date-editor .el-input__wrapper .el-input__prefix {
+  order: 1;
+  font-size: 16px;
+}
+:root .el-date-editor .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;
+}
+:root .el-date-editor .el-input__icon svg {
+  display: none;
+}
+:root .el-popper .el-popper__arrow {
+  display: none;
+}
+:root .el-popper .el-picker-panel {
+  --cell-row-gap: 6px;
+  --cell-radius: var(--o-radius-xs);
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header {
+  padding: 12px 24px;
+  height: 48px;
+  border-bottom: 1px solid var(--o-color-control4);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label {
+  font-weight: 500;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th {
+  border-bottom: none;
+  height: 24px;
+  color: inherit;
+  padding: 0 0 var(--cell-row-gap);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td {
+  padding: var(--cell-row-gap) 0px;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell {
+  padding: 0;
+  height: 24px;
+  line-height: 22px;
+  border: 1px solid transparent;
+  border-radius: var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell {
+  border-color: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell {
+  background: none;
+  color: var(--o-color-info4);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell {
+  background: var(--o-color-control2-light);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text {
+  font-weight: normal;
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell {
+  background: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text {
+  background: none;
+  color: #fff;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell {
+  border-radius: 0;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell {
+  border-radius: var(--cell-radius) 0 0 var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell {
+  border-radius: 0 var(--cell-radius) var(--cell-radius) 0;
+}
+:root .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);
+}
+:root .el-table {
+  --el-table-border-color: var(--o-color-control4) ;
+}
+:root .el-input__wrapper {
+  background: var(--o-color-fill2);
+  box-shadow: none;
+  border: 1px solid var(--el-input-border-color);
+}
+:root .el-select__wrapper {
+  background: var(--o-color-fill2);
+}
+:root .el-calendar .el-calendar-table {
+  width: 100%;
+}
+:root .el-calendar .el-calendar-table th {
+  color: var(--o-color-info3);
+  font-weight: 400;
+  padding: 4px 0 16px 0;
+  text-align: center;
+}
+:root .el-calendar .el-calendar-table td.prev .date-calender, :root .el-calendar .el-calendar-table td.next .date-calender {
+  color: var(--o-color-info4);
+}
+:root .el-select .el-select__placeholder {
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-input-number {
+  --el-component-size-large: 34px;
+}
+@media (max-width: 840px) {
+:root .el-input-number {
+    --el-component-size-large: calc(var(--o-control_size-l) - 2px);
+}
+}
+:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
+:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
+  box-shadow: none;
+}
+:root .el-input-number.el-input-number--large {
+  line-height: var(--el-component-size-large);
+}
+.o-activity-form {
+  --activity-card-radius: var(--o-radius-xs);
+  --activity-input-radius: var(--o-radius-xs);
+}
+.o-activity-form .form-wrapper > .o-form-item {
+  max-width: 620px;
+}
+.o-activity-form .o-form {
+  --o-input-color: var(--o-color-info2);
+  --o-placeholder-color: var(--o-color-info4);
+}
+.o-activity-form .o-form.o-form-layout-h .o-form-item-label {
+  height: var(--o-control_size-l);
+  margin: 0;
+}
+.o-activity-form .o-form.o-form-layout-v .o-form-item-label {
+  margin-bottom: var(--o-gap-2);
+}
+.o-activity-form .o-form.o-form-layout-v .o-form-item-main {
+  margin-left: 0;
+}
+.o-activity-form .o-form .o-select {
+  width: 100%;
+}
+.o-activity-form .o-form .o-input {
+  width: 100%;
+}
+.o-activity-form .o-form .o-textarea {
+  --_box-radius: var(--activity-input-radius);
+  width: 100%;
+}
+.o-activity-form .o-form .el-input {
+  width: 100%;
+}
+.o-activity-form .o-form .el-input__wrapper {
+  border-radius: var(--activity-input-radius);
+}
+.o-activity-form .o-form .time-config {
+  width: 100%;
+  background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent);
+  padding: var(--o-gap-5);
+  padding-right: calc(var(--o-gap-4) + var(--o-gap-5));
+  border-radius: var(--activity-card-radius);
+}
+@media (max-width: 840px) {
+.o-activity-form .o-form .time-config {
+    padding: var(--o-gap-4);
+}
+}
+.o-activity-form .o-form .time-config .o-form-item {
+  align-items: center;
+}
+.o-activity-form .o-form .time-config .o-form-item-label {
+  flex: 0 0 88px;
+}
+.form-btns {
+  margin-top: var(--o-gap-5);
+  display: flex;
+  align-items: center;
+}
+.form-btns .o-btn + .o-btn {
+  margin-left: var(--o-gap-4);
+}
+@media (max-width: 840px) {
+.form-btns .o-btn {
+    --btn-min-width: 74px;
+}
+}

package/dist/cjs/components/activity/OActivityForm.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("@opensig/opendesign"),P=require("@opendesign-plus/composables"),g=require("element-plus");require("element-plus/es/components/date-picker/style/css");const z=require("./config.js"),j=require("../meeting/config.js"),G=require("../../i18n/index.js"),X=require("./composables/useActivityConfig.js"),W={class:"o-activity-form"},J={class:"time-config"},K={class:"form-btns"},Q=e.defineComponent({__name:"OActivityForm",props:{data:{},creatActivity:{},editActivity:{},admins:{},organizers:{}},emits:["confirm","close"],setup(A,{expose:B,emit:E}){const O=E,Y=n.useMessage(null),{lePadV:I}=P.useScreen(),{t:l}=G.useI18n(),T=l,{activityTypeMap:D}=X.useActivityConfig(),o=A,v=e.computed(()=>!!o.data),r=e.ref({title:"",organizer:"",start_date:"",end_date:"",register_end_date:"",activity_type:"",synopsis:"",register_url:"",content_url:"",address:"",start:"",end:"",is_publish:"true",email_list:"",approver:""}),x=e.ref(),f=e.ref(!1),s=e.ref({title:[{required:!0,message:l("meeting.enterActivityName")},{validator:i=>{if(i.length>50)return{type:"danger",message:l("meeting.activityNameMaxLength")}}}],activity_type:[{required:!0,message:l("meeting.selectActivityType")}],organizer:[{required:!0,message:l("meeting.selectActivityOrganizer")}],start_date:[{required:!0,message:l("meeting.selectActivityTime")},{validator:()=>{const{start_date:i,end_date:a}=r.value,t=i.split(" "),u=a.split(" ");if(!i||!a)return{type:"danger",message:l("meeting.selectActivityDate")};const d=t[1].split(":").map(Number),m=u[1].split(":").map(Number);if(d[0]<8||d[0]>21||m[0]<8||m[0]>21)return{type:"danger",message:l("meeting.activityTimeRange")};if(g.dayjs(i).valueOf()>g.dayjs(a).valueOf())return{type:"danger",message:l("meeting.endDateAfterStartDate")};r.value.start_date=t[0],r.value.end_date=u[0],r.value.start=t[1],r.value.end=u[1]},triggers:["blur","change"]}],register_end_date:[{validator:()=>{const{register_end_date:i,end_date:a,end:t}=r.value;if(i&&g.dayjs(`${a} ${t}`).valueOf()<g.dayjs(i).valueOf())return{type:"danger",message:l("meeting.registerDeadlineBeforeEnd")}},triggers:["blur","change"]}],address:[{required:!0,message:l("meeting.enterActivityAddress")},{validator:i=>{if(i.length>255)return{type:"danger",message:l("meeting.activityAddressMaxLength")}}}],register_url:[{validator:i=>{const a=i.replaceAll(" ","")||"";if(a.length&&(a.split(";")||[]).some(u=>!z.WEBSITE_REGEXP.test(u)))return{type:"danger",message:l("meeting.invalidRegistrationUrl")}},triggers:["blur","change"]}],content_url:[{validator:i=>{const a=i.replaceAll(" ","")||"";if(a.length&&(a.split(";")||[]).some(u=>!z.WEBSITE_REGEXP.test(u)))return{type:"danger",message:l("meeting.invalidActivityDetailUrl")}},triggers:["blur","change"]}],synopsis:[{validator:i=>{if(i.length>1e3)return{type:"danger",message:l("meeting.activityContentMaxLength")}}}],email_list:[{validator:i=>{const a=i.replaceAll(" ","").replaceAll(",",";")||"";if(a.length){if(a.length>1020)return{type:"danger",message:l("meeting.emailTooLong")};const t=a.split(";")||[];if(t.some(u=>!j.EMAIL_REGEX.test(u)))return{type:"danger",message:l("meeting.emailInvalid")};if(t.some(u=>u.length>50))return{type:"danger",message:l("meeting.singleEmailTooLong")};if(t.length>20)return{type:"danger",message:l("meeting.emailCountTooLong")}}},triggers:["blur","change"]}],approver:[{required:!0,message:l("meeting.selectActivityApprover")}]}),F=e.computed(()=>o.admins||[]),V=e.ref(""),b=e.ref([]);D.value.forEach(i=>{b.value.push(i)});const M=i=>{const a=b.value.find(t=>t.label===i);r.value.activity_type=a==null?void 0:a.value},C=i=>i.getTime()<Date.now()-1440*60*1e3;e.watch(()=>o.data,i=>{var a;if(i){const{title:t,start_date:u,end_date:d,register_end_date:m,activity_type:p,register_url:y,content_url:_,address:k,start:c,end:N,is_publish:U,approver:q,update_activity_id:S,synopsis:H,email_list:L,organizer:$}=i;let R={title:t,start_date:u,end_date:d,register_end_date:m,activity_type:p,register_url:y,content_url:_,address:k,start:c,end:N,is_publish:U,approver:q,update_activity_id:S,synopsis:H,email_list:L,organizer:$};r.value={...R},V.value=(a=D.value.get(Number(i.activity_type)))==null?void 0:a.label,r.value.start_date=`${r.value.start_date} ${r.value.start}`,r.value.end_date=`${r.value.end_date} ${r.value.end}`}},{immediate:!0,deep:!0});const h=async i=>{var t,u,d,m,p,y,_;let a=v.value?l("meeting.modifyActivity"):l(i?"meeting.create":"meeting.saveDraft");try{if((await((t=x.value)==null?void 0:t.validate())).some(N=>!!N))return;f.value=!0,r.value.is_publish=`${i}`;let c;if(v.value&&((u=o.data)==null?void 0:u.status)===3?(r.value.update_activity_id=(d=o.data)==null?void 0:d.id,c=await((m=o.creatActivity)==null?void 0:m.call(o,r.value))):v.value?c=await((y=o.editActivity)==null?void 0:y.call(o,(p=o.data)==null?void 0:p.id,r.value)):c=await((_=o.creatActivity)==null?void 0:_.call(o,r.value)),typeof c=="boolean"&&!c)return;Y.success({content:l("meeting.activityActionSuccess",[r.value.title,a.toLowerCase()])}),w(),O("confirm")}finally{f.value=!1}},w=()=>{r.value={},O("close")};return B({confirm:h}),(i,a)=>(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(e.unref(n.OForm),{model:r.value,ref_key:"formRef",ref:x,"has-required":"","label-width":"108px",layout:e.unref(I)?"v":"h",class:"form-wrapper"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.OFormItem),{rules:s.value.title,label:e.unref(l)("meeting.activityName"),field:"title"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.OInput),{size:"large",placeholder:e.unref(l)("meeting.enterActivityName"),modelValue:r.value.title,"onUpdate:modelValue":a[0]||(a[0]=t=>r.value.title=t)},null,8,["placeholder","modelValue"])]),_:1},8,["rules","label"]),e.createVNode(e.unref(n.OFormItem),{rules:s.value.organizer,label:e.unref(l)("meeting.activityOrganizer"),field:"organizer"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.OSelect),{placeholder:e.unref(l)("meeting.selectActivityOrganizer"),size:"large",modelValue:r.value.organizer,"onUpdate:modelValue":a[1]||(a[1]=t=>r.value.organizer=t)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.organizers,t=>(e.openBlock(),e.createBlock(e.unref(n.OOption),{key:t.name,value:t.name},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.name),1)]),_:2},1032,["value"]))),128))]),_:1},8,["placeholder","modelValue"])]),_:1},8,["rules","label"]),e.createVNode(e.unref(n.OFormItem),{rules:s.value.activity_type,label:e.unref(l)("meeting.activityType"),field:"activity_type"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.OSelect),{placeholder:e.unref(l)("meeting.selectActivityType"),size:"large",modelValue:V.value,"onUpdate:modelValue":a[2]||(a[2]=t=>V.value=t),onChange:M},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,t=>(e.openBlock(),e.createBlock(e.unref(n.OOption),{key:t.value,value:t.label},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:2},1032,["value"]))),128))]),_:1},8,["placeholder","modelValue"])]),_:1},8,["rules","label"]),r.value.activity_type===1||r.value.activity_type===3?(e.openBlock(),e.createBlock(e.unref(n.OFormItem),{key:0,rules:s.value.address,label:e.unref(l)("meeting.activityAddress"),field:"address"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.OInput),{size:"large",placeholder:e.unref(l)("meeting.enterActivityAddress"),modelValue:r.value.address,"onUpdate:modelValue":a[3]||(a[3]=t=>r.value.address=t)},null,8,["placeholder","modelValue"])]),_:1},8,["rules","label"])):e.createCommentVNode("",!0),e.createVNode(e.unref(n.OFormItem),{rules:s.value.start_date,label:e.unref(l)("meeting.activityTime"),field:"start_date",required:""},{default:e.withCtx(()=>[e.createElementVNode("div",J,[e.createVNode(e.unref(n.OFormItem),{label:e.unref(l)("meeting.startDate"),field:"start_date"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.ElDatePicker),{size:"large",modelValue:r.value.start_date,"onUpdate:modelValue":a[4]||(a[4]=t=>r.value.start_date=t),type:"datetime",placeholder:e.unref(l)("meeting.selectDate"),format:"YYYY/MM/DD HH:mm","value-format":"YYYY-MM-DD HH:mm","disabled-date":C,clearable:!1,class:"date-activity"},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),e.createVNode(e.unref(n.OFormItem),{label:e.unref(l)("meeting.endDate"),field:"end_date"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.ElDatePicker),{size:"large",modelValue:r.value.end_date,"onUpdate:modelValue":a[5]||(a[5]=t=>r.value.end_date=t),type:"datetime",placeholder:e.unref(l)("meeting.selectDate"),format:"YYYY/MM/DD HH:mm","value-format":"YYYY-MM-DD HH:mm","disabled-date":C,clearable:!1,class:"date-activity"},null,8,["modelValue","placeholder"])]),_:1},8,["label"])])]),_:1},8,["rules","label"]),e.createVNode(e.unref(n.OFormItem),{rules:s.value.register_end_date,label:e.unref(l)("meeting.registrationDeadline"),field:"register_end_date"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.ElDatePicker),{size:"large",modelValue:r.value.register_end_date,"onUpdate:modelValue":a[6]||(a[6]=t=>r.value.register_end_date=t),type:"datetime",placeholder:e.unref(l)("meeting.selectActivityDeadline"),format:"YYYY/MM/DD HH:mm","value-format":"YYYY-MM-DD HH:mm",clearable:!1,class:"date-activity"},null,8,["modelValue","placeholder"])]),_:1},8,["rules","label"]),e.createVNode(e.unref(n.OFormItem),{rules:s.value.register_url,label:e.unref(l)("meeting.registrationUrl"),field:"register_url"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.OInput),{size:"large",placeholder:e.unref(l)("meeting.enterActivityRegistrationUrl"),modelValue:r.value.register_url,"onUpdate:modelValue":a[7]||(a[7]=t=>r.value.register_url=t)},null,8,["placeholder","modelValue"])]),_:1},8,["rules","label"]),e.createVNode(e.unref(n.OFormItem),{rules:s.value.content_url,label:e.unref(l)("meeting.activityDetailUrl"),field:"content_url"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.OInput),{size:"large",placeholder:e.unref(l)("meeting.enterActivityDetailUrl"),modelValue:r.value.content_url,"onUpdate:modelValue":a[8]||(a[8]=t=>r.value.content_url=t)},null,8,["placeholder","modelValue"])]),_:1},8,["rules","label"]),e.createVNode(e.unref(n.OFormItem),{rules:s.value.synopsis,label:e.unref(l)("meeting.activityContent"),field:"synopsis"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.OTextarea),{size:"large",placeholder:e.unref(l)("meeting.enterActivityContent"),modelValue:r.value.synopsis,"onUpdate:modelValue":a[9]||(a[9]=t=>r.value.synopsis=t)},null,8,["placeholder","modelValue"])]),_:1},8,["rules","label"]),e.createVNode(e.unref(n.OFormItem),{field:"email_list",rules:s.value.email_list,label:e.unref(l)("meeting.email")},{default:e.withCtx(()=>[e.createVNode(e.unref(n.OTextarea),{disabled:v.value,size:"large",placeholder:e.unref(T)("meeting.enterEmail"),rows:4,modelValue:r.value.email_list,"onUpdate:modelValue":a[10]||(a[10]=t=>r.value.email_list=t)},null,8,["disabled","placeholder","modelValue"])]),_:1},8,["rules","label"]),e.createVNode(e.unref(n.OFormItem),{rules:s.value.approver,label:e.unref(l)("meeting.activityApprover"),field:"approver"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.OSelect),{placeholder:e.unref(l)("meeting.selectActivityApprover"),size:"large",modelValue:r.value.approver,"onUpdate:modelValue":a[11]||(a[11]=t=>r.value.approver=t)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,t=>(e.openBlock(),e.createBlock(e.unref(n.OOption),{key:t,value:t},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t),1)]),_:2},1032,["value"]))),128))]),_:1},8,["placeholder","modelValue"])]),_:1},8,["rules","label"])]),_:1},8,["model","layout"]),e.createElementVNode("div",K,[e.createVNode(e.unref(n.OButton),{color:"primary",variant:"solid",size:"large",round:"pill",onClick:a[12]||(a[12]=t=>h(!0)),loading:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(v.value?e.unref(l)("common.save"):e.unref(l)("meeting.create")),1)]),_:1},8,["loading"]),v.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(n.OButton),{key:0,color:"primary",variant:"outline",round:"pill",size:"large",onClick:a[13]||(a[13]=t=>h(!1)),loading:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("meeting.saveDraft")),1)]),_:1},8,["loading"])),e.createVNode(e.unref(n.OButton),{color:"primary",variant:"outline",size:"large",round:"pill",onClick:w},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("meeting.cancelBtn")),1)]),_:1})])]))}});module.exports=Q;

package/dist/cjs/components/activity/OActivityForm.vue4.js

@@ -0,0 +1 @@
+"use strict";const e=require("./OActivityForm.vue.js");;require('./OActivityForm.css');;require('./OActivityForm2.css');module.exports=e;