easy3wmui 0.0.2 → 0.0.4-3.beta1

package/assets/index.css

@@ -1,20 +1,137 @@
 :root:root {
-  --adm-font-size-main: var(--adm-font-size-6);
+  --adm-color-text: #000;
+  --adm-font-size-main: var(--adm-font-size-7);
 }
-:root:root :global .adm-tabs {
+:root:root .adm-tabs {
   --title-font-size: var(--adm-font-size-8);
+  --content-padding: 0;
 }
-:root:root :global .adm-button {
-  font-size: var(--adm-font-size-6);
+:root:root .adm-tabs-header {
+  background: #fff;
+}
+:root:root .adm-tabs-tab {
+  width: 100%;
+  text-align: center;
+}
+:root:root .adm-button {
+  font-size: var(--adm-font-size-7);
+}
+:root:root .adm-card-header-title {
+  font-size: var(--adm-font-size-8);
+  font-weight: normal;
+}
+:root:root .adm-input {
+  --font-size: var(--adm-font-size-7);
+}
+:root:root .adm-input-element:focus,
+:root:root .adm-input-element:hover {
+  border-color: var(--adm-color-primary);
+}
+:root:root .adm-text-area {
+  --font-size: var(--adm-font-size-7);
+}
+:root:root .adm-text-area-element:focus,
+:root:root .adm-text-area-element:hover {
+  border-color: var(--adm-color-primary);
+}
+:root:root .adm-text-area-count {
+  font-size: var(--adm-font-size-4);
 }
-:root:root :global .adm-list-header {
+:root:root .adm-selector {
+  font-size: var(--adm-font-size-7);
+}
+:root:root .adm-rate {
+  --star-size: var(--adm-font-size-7);
+}
+:root:root .adm-radio,
+:root:root .adm-checkbox {
+  --icon-size: var(--adm-font-size-7);
+  --font-size: var(--adm-font-size-7);
+  margin-right: 6px;
+}
+:root:root .adm-switch {
+  --height: 20.8px;
+}
+:root:root .adm-slider {
+  padding: 0;
+}
+:root:root .adm-list-header {
   --header-font-size: var(--adm-font-size-8);
+  border-bottom: var(--border-bottom);
 }
-:root:root :global .adm-list-body {
+:root:root .adm-list-body {
   --font-size: var(--adm-font-size-6);
 }
-:root:root :global .adm-card-header-title {
-  font-size: var(--adm-font-size-8);
+:root:root .adm-list-body .adm-list-item-title {
+  --font-size: var(--adm-font-size-6);
+}
+:root:root .adm-list-default .adm-list-body {
+  border-top: 0;
+  border-bottom: 0;
+}
+:root:root .adm-form .adm-list-item-content-extra {
+  padding: 12px 0;
+}
+:root:root .adm-form .adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {
+  -ms-flex-item-align: auto;
+      -ms-grid-row-align: auto;
+      align-self: auto;
+  line-height: 24px;
+  padding-left: 6px;
+}
+:root:root .adm-form .adm-list-item-content-main {
+  font-size: var(--adm-font-size-7);
+}
+:root:root .adm-form .adm-form-footer {
+  padding: 12px;
+}
+:root:root .adm-form-item.adm-form-item-vertical .adm-form-item-label {
+  font-size: var(--adm-font-size-6);
+  margin-bottom: 0;
+  padding-bottom: 12px;
+}
+:root:root .adm-list-card {
+  margin: 0;
+}
+:root:root .adm-list .adm-list-card {
+  margin: 0 12px;
+}
+:root:root .adm-list-item {
+  border-bottom: var(--border-bottom);
+  margin: 0 12px;
+  padding-left: 0;
+  word-break: break-word;
+}
+:root:root .adm-list-item-content {
+  border-top: 0;
+  padding-right: 0;
+}
+:root:root .adm-list-item-content-extra {
+  font-size: var(--adm-font-size-7);
+}
+:root:root .adm-collapse-panel-header {
+  font-size: var(--adm-font-size-7);
+  color: var(--adm-color-text);
+}
+:root:root .adm-list-item.adm-plain-anchor.adm-collapse-panel-header {
+  margin: 0;
+  padding: 0 12px;
+}
+:root:root .adm-collapse-panel-content-inner > .adm-list-item {
+  border-bottom: none;
+  margin: 0;
+}
+:root:root .adm-list-header {
+  color: var(--adm-color-text);
+}
+:root:root .adm-form-item-label {
+  color: var(--adm-color-weak);
+}
+:root:root .adm-list-item-content-extra {
+  color: var(--adm-color-text);
+}
+:root:root .adm-checkbox .adm-checkbox-icon {
+  border-radius: 0px;
 }
 #Easy3wMButton {
   background: #fff;
@@ -29,8 +146,8 @@
 #Easy3wMInsideLayout {
   overflow: hidden;
 }
-#Easy3wMInsideLayout .content {
-  margin-top: 42px;
+#Easy3wMInsideLayout .titleListContent {
+  height: 42px;
 }
 #Easy3wMInsideLayout .titleList {
   background: var(--adm-color-primary);
@@ -59,101 +176,317 @@
 }
 #Easy3wMSpin {
   position: fixed;
-  background: rgba(255, 255, 255, 0);
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  background: #fff;
+  top: 92px;
+  left: 49%;
+  margin-left: -69px;
   z-index: 9999;
-}
-#Easy3wMSpin .spinLoading {
-  position: relative;
-  left: 50%;
-  top: 50%;
-  --size: 48px;
+  text-align: center;
+  padding: 12px 24px;
+  color: var(--adm-color-primary);
+  border-radius: 2px;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+}
+#Easy3wMUserLayout {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  height: 100%;
 }
 #Easy3wMUserLayout .Easy3wMUserLayoutContent {
-  background-color: #f0f2f5;
   width: 100%;
-  min-height: 100%;
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100%;
-  padding: 40px 0 0 0;
+  -ms-flex-positive: 1;
+      flex-grow: 1;
 }
 #Easy3wMCard .adm-card {
   padding: 0;
+  border-radius: 0;
 }
 #Easy3wMCard .adm-card-header {
   padding: 12px;
 }
+#Easy3wMCard .adm-card-body {
+  padding: 0;
+}
 #Easy3wMFormPage .pointer {
   cursor: pointer;
 }
 #Easy3wMFormPage .pointerGray {
   cursor: pointer;
-  color: #999;
+  color: var(--adm-color-weak);
 }
-#Easy3wMFormPage .adm-input {
-  --font-size: var(--adm-font-size-6);
+#Easy3wMFormPage .adm-form-item-vertical .adm-list-item-content-main {
+  text-align: left;
 }
-#Easy3wMFormPage .adm-input-element {
-  border: 1px solid #d9d9d9;
+#Easy3wMFormPage .adm-form-item-vertical .adm-list-item-content-main .adm-list-item-title {
+  border-bottom: var(--border-bottom);
+  margin-bottom: 12px;
 }
-#Easy3wMFormPage .adm-input-element:focus,
-#Easy3wMFormPage .adm-input-element:hover {
-  border-color: var(--adm-color-primary);
+#Easy3wMFormPage .adm-form-item-label {
+  line-height: 24px;
 }
-#Easy3wMFormPage .adm-text-area {
-  --font-size: var(--adm-font-size-6);
+#Easy3wMFormPage .adm-list-item-content-main {
+  color: var(--adm-color-text);
+  text-align: right;
+  line-height: 24px;
+}
+#Easy3wMFormPage .adm-list-item-content-prefix {
+  width: auto;
+  max-width: 70%;
+  -ms-flex: none;
+      flex: none;
+}
+#Easy3wMFormPage .adm-list-item-content-prefix {
+  width: auto;
+  max-width: 70%;
+  -ms-flex: none;
+      flex: none;
+}
+#Easy3wMFormPage .adm-picker-view-mask {
+  z-index: 1;
+}
+#Easy3wMFormPage .adm-stepper {
+  width: 100%;
+}
+#Easy3wMFormPage .adm-stepper .adm-input-element {
+  border: none;
 }
 #Easy3wMFormPage .adm-text-area-element {
-  border: 1px solid #d9d9d9;
+  line-height: inherit;
 }
-#Easy3wMFormPage .adm-text-area-element:focus,
-#Easy3wMFormPage .adm-text-area-element:hover {
-  border-color: var(--adm-color-primary);
+#Easy3wMFormPage .adm-input {
+  --text-align: right;
+}
+#Easy3wMGridPage .easy3wMGridPageStepper {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: row;
+      flex-direction: row;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -ms-flex-align: center;
+      align-items: center;
+  background: #fff;
 }
-#Easy3wMFormPage .adm-text-area-count {
-  font-size: var(--adm-font-size-6);
+#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn {
+  -ms-flex: 1;
+      flex: 1;
+  border: 1px solid #000;
+  color: #000;
+  cursor: pointer;
+  text-align: center;
+  padding: 7px 0;
+  margin-right: 3px;
 }
-#Easy3wMFormPage .adm-selector {
-  font-size: var(--adm-font-size-6);
+#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn:last-child {
+  margin-right: 0;
 }
-#Easy3wMFormPage .adm-rate {
-  --star-size: 14px;
+#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
+  border: 1px solid #999;
+  color: #999;
+  cursor: not-allowed;
+}
+#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn.emgpsBtnActive {
+  border: 1px solid var(--adm-color-primary);
+  color: var(--adm-color-primary);
+}
+#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtnNo {
+  display: none;
+}
+#Easy3wMGridPage .adm-collapse-panel-content > .adm-collapse-panel-content-inner > .adm-list-item > .adm-list-item-content > .adm-list-item-content-main {
+  -ms-flex: auto;
+      flex: auto;
+  max-width: none;
+}
+#Easy3wMGridPage .adm-collapse-panel-header > .adm-list-item-content > .adm-list-item-content-main {
+  color: var(--adm-color-text);
+  -ms-flex: auto;
+      flex: auto;
+  max-width: none;
+}
+#Easy3wMGridPage .adm-list-item-content-main {
+  color: var(--adm-color-weak);
+  -ms-flex: none;
+      flex: none;
+  max-width: 70%;
+}
+#Easy3wMGridPage .adm-list-item-content-extra {
+  -ms-flex: auto;
+      flex: auto;
+  max-width: none;
+  text-align: right;
+}
+#Easy3wMGridPage .e3wmLongText .adm-list-item-content-main {
+  max-width: none;
+  -ms-flex: auto;
+      flex: auto;
+}
+#Easy3wMGridPage .e3wmLongText .adm-list-item-content-main .adm-list-item-title {
+  padding-bottom: 12px;
+}
+#Easy3wMGridPage .e3wmLongText .adm-list-item-content-main .adm-list-item-description {
+  color: var(--adm-color-text);
+}
+#Easy3wMGridPage .adm-list-item-description {
+  border-top: var(--border-top);
+  padding-top: 12px;
+}
+#Easy3wMLogin {
+  width: 360px;
+  margin: 0 auto;
+}
+#Easy3wMLogin .adm-tabs-tab {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+#Easy3wMLogin .adm-tabs-header {
+  background: none;
+  margin-bottom: 12px;
+}
+#Easy3wMLogin .adm-input-element {
+  height: 40px;
+  border-radius: 4px;
+  padding: 0 12px;
+  border: 1px solid #d9d9d9;
 }
-#Easy3wMFormPage .adm-radio,
-#Easy3wMFormPage .adm-checkbox {
-  --icon-size: 14px;
-  --font-size: 14px;
+#Easy3wMLogin .errorMsgReal {
+  background: #fff1f0;
+  border: 1px solid #ffa39e;
+  padding: 3px 12px;
+  border-radius: 4px;
 }
-#Easy3wMFormPage .adm-switch {
-  --height: 20.8px;
+#Easy3wMLogin .adm-button {
+  height: 40px;
 }
-#Easy3wMFormPage .adm-slider {
-  padding: 0;
+#Easy3wMLogin .adm-form {
+  --border-bottom: 0;
+  --border-top: 0;
+  --border-inner: 0;
 }
-#Easy3wMFormPage .adm-list-default .adm-list-body {
-  border-top: 0;
-  border-bottom: 0;
+#Easy3wMLogin .adm-form .adm-list-body {
+  background-color: transparent;
 }
-#Easy3wMFormPage .adm-form .adm-form-footer {
-  padding: 12px;
+#Easy3wMLogin .adm-form .adm-list-body .adm-list-item {
+  background-color: transparent;
 }
-#Easy3wMFormPage .adm-list-item {
-  border-bottom: var(--border-bottom);
-  margin: 0 12px;
+#Easy3wMLogin .adm-form .adm-list-body .adm-list-item .adm-list-item-content-extra {
   padding-left: 0;
-  word-break: break-word;
 }
-#Easy3wMFormPage .adm-list-item-content {
-  border-top: 0;
+#Easy3wMLogin .adm-form .adm-list-body .adm-list-item .adm-list-item-content-extra .adm-button {
+  --adm-button-border-color: #d9d9d9;
+  width: 120px;
+  border: 1px solid var(--adm-button-border-color);
+  border-left: 0;
+  background-color: transparent;
+}
+#Easy3wMLogin .funArea {
+  text-align: right;
+  margin-bottom: 24px;
+}
+#Easy3wMLogin .funArea > a {
+  padding-right: 12px;
+}
+#Easy3wMLogin .funArea > a:last-child {
   padding-right: 0;
 }
-#Easy3wMGridPage .adm-list-item {
-  padding-left: 0;
+#Easy3wMTable {
+  --padding: 6px;
+}
+#Easy3wMTable .queryCriteria .more {
+  padding: 0 12px;
+}
+#Easy3wMTable .queryCriteria .adm-button {
+  font-size: var(--adm-font-size-7);
+}
+#Easy3wMTable .queryCriteria .adm-list-item-content-extra {
+  font-size: var(--adm-font-size-7);
+  padding: 0;
+}
+#Easy3wMTable .queryCriteriaBtn {
+  margin-top: 24px;
+}
+#Easy3wMTable .singleItem .itemAttr {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: stretch;
+      align-items: stretch;
+  -ms-flex-pack: start;
+      justify-content: flex-start;
+  padding-bottom: var(--padding);
+}
+#Easy3wMTable .singleItem .itemAttr .attrLabel {
+  width: auto;
+  max-width: 70%;
+  -ms-flex: none;
+      flex: none;
+  padding-right: var(--padding);
+  color: var(--adm-color-weak);
+}
+#Easy3wMTable .singleItem .itemAttr .attrKey {
+  text-align: right;
+  -ms-flex: auto;
+      flex: auto;
+  color: var(--adm-color-text);
+  font-size: var(--adm-font-size-7);
+}
+#Easy3wMTable .singleItem .itemAttr .attrKey.clickable {
+  color: var(--adm-color-primary);
+}
+#Easy3wMTable .singleItem .itemAttr:last-child {
+  padding-bottom: 0;
+}
+#Easy3wMTable .singleItem .itemAttr.clickable {
+  cursor: pointer;
+  color: var(--adm-color-primary);
+}
+#Easy3wMTable .singleItem .itemAttr.clickable .attrLabel {
+  color: var(--adm-color-primary);
+}
+#Easy3wMTable .singleItem .itemAttr.clickable .attrKey {
+  color: var(--adm-color-primary);
+}
+#Easy3wMTable .easy3wMGridPageStepper {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: row;
+      flex-direction: row;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  padding: 12px;
+}
+#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn {
+  -ms-flex: 1;
+      flex: 1;
+  border: 1px solid #000;
+  color: #000;
+  cursor: pointer;
+  text-align: center;
+  padding: 7px 0;
+  margin-right: 3px;
+}
+#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn:last-child {
+  margin-right: 0;
+}
+#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
+  border: 1px solid #999;
+  color: #999;
+  cursor: not-allowed;
+}
+#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn.emgpsBtnActive {
+  border: 1px solid var(--adm-color-primary);
+  color: var(--adm-color-primary);
+}
+#Easy3wMTable .easy3wMGridPageStepper .emgpsBtnNo {
+  display: none;
 }
-#Easy3wMGridPage .adm-list-item .adm-list-item-content {
-  padding-left: var(--padding-left);
+#Easy3wMTable .easy3wMGridPageStepper .adm-button {
+  font-size: var(--adm-font-size-7);
+  padding-left: 24px;
+  padding-right: 24px;
 }

package/assets/mCard.css

@@ -1,6 +1,10 @@
 #Easy3wMCard .adm-card {
   padding: 0;
+  border-radius: 0;
 }
 #Easy3wMCard .adm-card-header {
   padding: 12px;
 }
+#Easy3wMCard .adm-card-body {
+  padding: 0;
+}

package/assets/mFormPage.css

@@ -3,62 +3,47 @@
 }
 #Easy3wMFormPage .pointerGray {
   cursor: pointer;
-  color: #999;
+  color: var(--adm-color-weak);
 }
-#Easy3wMFormPage .adm-input {
-  --font-size: var(--adm-font-size-6);
-}
-#Easy3wMFormPage .adm-input-element {
-  border: 1px solid #d9d9d9;
-}
-#Easy3wMFormPage .adm-input-element:focus,
-#Easy3wMFormPage .adm-input-element:hover {
-  border-color: var(--adm-color-primary);
-}
-#Easy3wMFormPage .adm-text-area {
-  --font-size: var(--adm-font-size-6);
-}
-#Easy3wMFormPage .adm-text-area-element {
-  border: 1px solid #d9d9d9;
+#Easy3wMFormPage .adm-form-item-vertical .adm-list-item-content-main {
+  text-align: left;
 }
-#Easy3wMFormPage .adm-text-area-element:focus,
-#Easy3wMFormPage .adm-text-area-element:hover {
-  border-color: var(--adm-color-primary);
-}
-#Easy3wMFormPage .adm-text-area-count {
-  font-size: var(--adm-font-size-6);
+#Easy3wMFormPage .adm-form-item-vertical .adm-list-item-content-main .adm-list-item-title {
+  border-bottom: var(--border-bottom);
+  margin-bottom: 12px;
 }
-#Easy3wMFormPage .adm-selector {
-  font-size: var(--adm-font-size-6);
+#Easy3wMFormPage .adm-form-item-label {
+  line-height: 24px;
 }
-#Easy3wMFormPage .adm-rate {
-  --star-size: 14px;
+#Easy3wMFormPage .adm-list-item-content-main {
+  color: var(--adm-color-text);
+  text-align: right;
+  line-height: 24px;
 }
-#Easy3wMFormPage .adm-radio,
-#Easy3wMFormPage .adm-checkbox {
-  --icon-size: 14px;
-  --font-size: 14px;
+#Easy3wMFormPage .adm-list-item-content-prefix {
+  width: auto;
+  max-width: 70%;
+  -ms-flex: none;
+      flex: none;
 }
-#Easy3wMFormPage .adm-switch {
-  --height: 20.8px;
+#Easy3wMFormPage .adm-list-item-content-prefix {
+  width: auto;
+  max-width: 70%;
+  -ms-flex: none;
+      flex: none;
 }
-#Easy3wMFormPage .adm-slider {
-  padding: 0;
+#Easy3wMFormPage .adm-picker-view-mask {
+  z-index: 1;
 }
-#Easy3wMFormPage .adm-list-default .adm-list-body {
-  border-top: 0;
-  border-bottom: 0;
+#Easy3wMFormPage .adm-stepper {
+  width: 100%;
 }
-#Easy3wMFormPage .adm-form .adm-form-footer {
-  padding: 12px;
+#Easy3wMFormPage .adm-stepper .adm-input-element {
+  border: none;
 }
-#Easy3wMFormPage .adm-list-item {
-  border-bottom: var(--border-bottom);
-  margin: 0 12px;
-  padding-left: 0;
-  word-break: break-word;
+#Easy3wMFormPage .adm-text-area-element {
+  line-height: inherit;
 }
-#Easy3wMFormPage .adm-list-item-content {
-  border-top: 0;
-  padding-right: 0;
+#Easy3wMFormPage .adm-input {
+  --text-align: right;
 }