@fangzhongya/fang-ui 0.0.13 → 0.0.15

package/dist/{components/index.css → index.css}

@@ -1,44 +1,44 @@
 :root {
-  --el-icon-picker-on: rgb(91, 189, 246);
-  --el-icon-picker-border: #eee;
-  --el-color-primary: #409eff;
-  --el-bag-primary: #409eff;
-  --el-bag-primary-text: #fff;
-  --el-border: #eee;
-  --el-layout-panel-gap: 10px;
-  --el-layout-panel-padding: 20px;
-  --el-layout-form-item-padding-right: var(
-  	--el-layout-panel-gap
+  --icon-picker-on: rgb(91, 189, 246);
+  --icon-picker-border: #eee;
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
   );
-  --el-g-main-bg: var(--el-bg-color-page);
+  --g-main-bg: var(--bg-color-page);
 }
 
-.el-com {
+.com {
   font-size: 20px;
 }
 
-.el-f-dialog.el-dialog {
+.f-dialog.el-dialog {
   padding: 0;
 }
-.el-f-dialog.el-dialog__header {
+.f-dialog.el-dialog__header {
   padding-top: 16px;
   padding-left: 20px;
   border-bottom: 1px solid #e5e7eb;
 }
-.el-f-dialog.el-dialog__header .el-dialog__headerbtn {
+.f-dialog.el-dialog__header .el-dialog__headerbtn {
   width: 56px;
   height: 56px;
   font-size: 22px;
 }
-.el-f-dialog.el-dialog__body {
+.f-dialog.el-dialog__body {
   padding: 20px 30px;
 }
-.el-f-dialog.el-dialog__footer {
+.f-dialog.el-dialog__footer {
   border-top: 1px solid #e5e7eb;
   padding: 20px 20px;
 }
 
-.el-box-mask {
+.box-mask {
   display: block;
   opacity: 0.5;
   z-index: 0;
@@ -50,7 +50,7 @@
   background: rgba(2, 28, 39, 0.4);
 }
 
-.el-box-title {
+.box-title {
   padding: 10px;
   position: relative;
   background-color: #467ddc;
@@ -58,16 +58,16 @@
   align-items: center;
   display: flex;
 }
-.el-box-title-name {
+.box-title-name {
   flex: 1;
 }
-.el-box-title-close {
+.box-title-close {
   right: 10px;
   font-size: 18px;
   display: flex;
   align-items: center;
 }
-.el-box-title-close i {
+.box-title-close i {
   width: 20px;
   height: 20px;
   margin: 0 4px;
@@ -82,95 +82,95 @@
   margin: 10px;
 }
 
-.el-forms-div {
+.forms-div {
   width: 100%;
   height: 100%;
 }
-.el-forms-div-com {
+.forms-div-com {
   height: 100%;
 }
 
-.el-forms-item {
+.forms-item {
   width: 100%;
 }
-.el-forms-item-el-item.is-height {
-  min-height: var(--el-forms-item-row-height);
+.forms-item-el-item.is-height {
+  min-height: var(--forms-item-row-height);
 }
-.el-forms-item-el-item.is-height .el-form-item__label {
-  height: var(--el-forms-item-row-height);
-  line-height: var(--el-forms-item-row-height);
+.forms-item-el-item.is-height .el-form-item__label {
+  height: var(--forms-item-row-height);
+  line-height: var(--forms-item-row-height);
 }
-.el-forms-item-el-item.is-top .el-form-item__content {
-  min-height: var(--el-forms-item-row-height);
+.forms-item-el-item.is-top .el-form-item__content {
+  min-height: var(--forms-item-row-height);
   display: grid;
 }
 
-.el-forms {
-  --el-forms-inline-right: 16px;
-  --el-forms-row-height: 32px;
-  --el-input-height: var(--el-forms-row-height);
+.forms {
+  --forms-inline-right: 16px;
+  --forms-row-height: 32px;
+  --el-input-height: var(--forms-row-height);
 }
-.el-forms .el-form--label-center .el-form-item__label {
+.forms .el-form--label-center .el-form-item__label {
   justify-content: center;
   text-align: center;
 }
-.el-forms .el-form--label-left .el-form-item__label {
+.forms .el-form--label-left .el-form-item__label {
   justify-content: flex-start;
   text-align: left;
 }
-.el-forms .el-form-item__label {
-  text-align: right;
+.forms .el-form-item__label {
+  text-align: left;
 }
-.el-forms-div--column .el-forms-li {
+.forms-div--column .forms-li {
   display: inline-flex;
   margin-right: 0;
 }
-.el-forms-div--inline .el-forms-elf {
+.forms-div--inline .forms-elf {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 }
-.el-forms-div--inline .el-forms-li {
+.forms-div--inline .forms-li {
   height: fit-content;
-  margin-right: var(--el-forms-inline-right);
+  margin-right: var(--forms-inline-right);
 }
-.el-forms-div--box .el-forms-elf {
+.forms-div--box .forms-elf {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 }
-.el-forms-div--box .el-forms-li {
+.forms-div--box .forms-li {
   box-sizing: border-box;
   margin-right: 0;
-  padding-right: var(--el-forms-inline-right);
+  padding-right: var(--forms-inline-right);
 }
-.el-forms-div--query .el-forms-elf {
+.forms-div--query .forms-elf {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 }
-.el-forms-div--query .el-forms-li {
+.forms-div--query .forms-li {
   height: fit-content;
-  margin-top: var(--el-forms-query-interval);
-  margin-bottom: var(--el-forms-query-interval);
-  margin-right: var(--el-forms-inline-right);
+  margin-top: var(--forms-query-interval);
+  margin-bottom: var(--forms-query-interval);
+  margin-right: var(--forms-inline-right);
 }
-.el-forms-div--query .el-forms-li .el-form-item {
+.forms-div--query .forms-li .el-form-item {
   margin-bottom: 0;
   flex: 1;
 }
-.el-forms-li .el-form-item {
-  margin-bottom: var(--el-forms-item-bottom);
+.forms-li .el-form-item {
+  margin-bottom: var(--forms-item-bottom);
   flex: 1;
 }
-.el-forms-elf {
+.forms-elf {
   text-align: left;
 }
-.el-forms-elf.center .el-form-item__label {
+.forms-elf.center .el-form-item__label {
   justify-content: center;
 }
 
-.el-box-adjust {
+.box-adjust {
   position: fixed;
   width: 100vw;
   height: 100vh;
@@ -178,7 +178,7 @@
   top: 0;
   left: 0;
 }
-.el-box-adjust-body {
+.box-adjust-body {
   position: absolute;
   top: 30%;
   left: 30%;
@@ -189,19 +189,19 @@
   display: flex;
   flex-direction: column;
 }
-.el-box-adjust-body-div {
+.box-adjust-body-div {
   flex: 1;
   overflow-y: auto;
   padding: 20px;
 }
-.el-box-adjust-body.popup-center .el-box-adjust-body-div {
+.box-adjust-body.popup-center .box-adjust-body-div {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
 
-.el-box {
+.box {
   position: fixed;
   width: 100%;
   height: 100%;
@@ -213,7 +213,7 @@
   align-items: center;
   justify-content: center;
 }
-.el-box-body {
+.box-body {
   position: relative;
   z-index: 100;
   background: #fff;
@@ -223,23 +223,23 @@
   display: flex;
   flex-direction: column;
 }
-.el-box-body-div {
+.box-body-div {
   flex: 1;
   overflow-y: auto;
   padding: 20px;
 }
-.el-box-body.popup-center .el-box-body-div {
+.box-body.popup-center .box-body-div {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
 
-.el-box-local {
+.box-local {
   text-align: left;
 }
 
-.el-popup {
+.popup {
   position: fixed;
   width: 100vw;
   height: 100vh;
@@ -247,7 +247,7 @@
   top: 0;
   left: 0;
 }
-.el-popup-body {
+.popup-body {
   position: absolute;
   top: 30%;
   left: 30%;
@@ -258,18 +258,18 @@
   display: flex;
   flex-direction: column;
 }
-.el-popup-body-div {
+.popup-body-div {
   flex: 1;
   overflow-y: auto;
   padding: 20px;
 }
-.el-popup.el-popup-center {
+.popup.popup-center {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
-.el-popup.el-popup-center .el-popup-body {
+.popup.popup-center .popup-body {
   position: relative;
   width: initial;
   top: initial;
@@ -279,14 +279,14 @@
   min-height: 20%;
   max-height: 90%;
 }
-.el-popup.el-popup-center .el-popup-body-div {
+.popup.popup-center .popup-body-div {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
 
-.el-window {
+.window {
   position: fixed;
   width: 100vw;
   height: 100vh;
@@ -294,7 +294,7 @@
   top: 0;
   left: 0;
 }
-.el-window-body {
+.window-body {
   position: absolute;
   top: 30%;
   left: 30%;
@@ -305,24 +305,24 @@
   display: flex;
   flex-direction: column;
 }
-.el-window-body-title .com-title-close i {
+.window-body-title .com-title-close i {
   width: 20px;
   height: 20px;
   margin: 0 4px;
   cursor: pointer;
 }
-.el-window-body-div {
+.window-body-div {
   flex: 1;
   overflow-y: auto;
   padding: 20px;
 }
-.el-window-body.max {
+.window-body.max {
   width: 100vw !important;
   height: 100vh !important;
   top: initial !important;
   left: initial !important;
 }
-.el-window-body.max::-webkit-scrollbar {
+.window-body.max::-webkit-scrollbar {
   width: 0 !important;
 }
 
@@ -330,130 +330,130 @@
   left: 0;
 }
 
-.el-lists-div .el-lists-table {
+.lists-div .lists-table {
   width: 100%;
   height: 100%;
 }
-.el-lists-div .el-lists-table td {
+.lists-div .lists-table td {
   text-align: left;
 }
-.el-lists-div .el-lists-table th {
+.lists-div .lists-table th {
   font-weight: initial;
 }
-.el-lists-div .el-lists-table .is-whole .el-lists-table-auto {
+.lists-div .lists-table .is-whole .lists-table-auto {
   width: 100%;
 }
-.el-lists-div .el-lists-table .is-whole .el-lists-table-value {
+.lists-div .lists-table .is-whole .lists-table-value {
   width: 100%;
   display: block;
 }
-.el-lists-div .el-lists-table .el-lists-table-td,
-.el-lists-div .el-lists-table .el-lists-table-th {
+.lists-div .lists-table .lists-table-td,
+.lists-div .lists-table .lists-table-th {
   padding: 6px;
 }
-.el-lists-div .el-lists-table .el-lists-table-auto {
+.lists-div .lists-table .lists-table-auto {
   display: inline-flex;
   align-items: center;
 }
-.el-lists-div .el-lists-table .el-lists-table-auto .el-lists-table-label {
+.lists-div .lists-table .lists-table-auto .lists-table-label {
   white-space: nowrap;
 }
-.el-lists-div .el-lists-table .el-lists-table-th {
+.lists-div .lists-table .lists-table-th {
   text-align: left;
 }
-.el-lists-div .el-lists-table.right .el-lists-table-th {
+.lists-div .lists-table.right .lists-table-th {
   text-align: right;
 }
-.el-lists-div .el-lists-table.center .el-lists-table-th {
+.lists-div .lists-table.center .lists-table-th {
   text-align: center;
 }
-.el-lists-div .el-lists-table.auto .el-lists-table-th {
+.lists-div .lists-table.auto .lists-table-th {
   padding-right: 0;
 }
-.el-lists-div .el-lists-table.top .el-lists-table-th {
+.lists-div .lists-table.top .lists-table-th {
   padding-bottom: 0;
 }
-.el-lists-div .el-lists-table.is-aliquots {
+.lists-div .lists-table.is-aliquots {
   table-layout: fixed;
 }
-.el-lists-div .el-lists-table.is-border {
-  border-right: 1px solid var(--el-lists-border-color);
-  border-top: 1px solid var(--el-lists-border-color);
-  border-bottom: 1px solid var(--el-lists-border-color);
+.lists-div .lists-table.is-border {
+  border-right: 1px solid var(--lists-border-color);
+  border-top: 1px solid var(--lists-border-color);
+  border-bottom: 1px solid var(--lists-border-color);
 }
-.el-lists-div .el-lists-table.is-border > tr > td {
-  border-bottom: 1px solid var(--el-lists-border-color);
-  border-left: 1px solid var(--el-lists-border-color);
+.lists-div .lists-table.is-border > tr > td {
+  border-bottom: 1px solid var(--lists-border-color);
+  border-left: 1px solid var(--lists-border-color);
 }
-.el-lists-div .el-lists-table.is-border > tr > td:last-child {
-  border-right: 1px solid var(--el-lists-border-color);
+.lists-div .lists-table.is-border > tr > td:last-child {
+  border-right: 1px solid var(--lists-border-color);
 }
-.el-lists-div .el-lists-table.is-border > tr > th {
-  border-left: 1px solid var(--el-lists-border-color);
-  border-bottom: 1px solid var(--el-lists-border-color);
+.lists-div .lists-table.is-border > tr > th {
+  border-left: 1px solid var(--lists-border-color);
+  border-bottom: 1px solid var(--lists-border-color);
 }
-.el-lists-div .el-lists-table.is-border > tr > th:last-child {
-  border-right: 1px solid var(--el-lists-border-color);
+.lists-div .lists-table.is-border > tr > th:last-child {
+  border-right: 1px solid var(--lists-border-color);
 }
-.el-lists-div .el-lists-table.is-border > tr:last-child > td {
+.lists-div .lists-table.is-border > tr:last-child > td {
   border-bottom: 0;
 }
-.el-lists-div .el-lists-table.is-border > tr:last-child > th {
+.lists-div .lists-table.is-border > tr:last-child > th {
   border-bottom: 0;
 }
-.el-lists-div .el-lists-table.is-border.top > tr > th {
+.lists-div .lists-table.is-border.top > tr > th {
   border-bottom: 0;
 }
 
-.el-page {
+.page {
   height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
 }
-.el-page-header {
+.page-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px;
   background-color: #f5f5f5;
 }
-.el-page-query {
+.page-query {
   flex-grow: 1;
 }
-.el-page-main {
+.page-main {
   flex: 1;
   padding: 10px;
 }
-.el-page-table {
+.page-table {
   height: 100%;
   margin-top: 10px;
   display: flex;
   flex-direction: column;
 }
-.el-page-table-top {
+.page-table-top {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
 }
-.el-page-table-top .page-operations {
+.page-table-top .page-operations {
   flex-grow: 1;
   display: flex;
   margin-right: 20px;
 }
-.el-page-operations > .el-button {
+.page-operations > .el-button {
   margin-left: 2px;
   margin-right: 2px;
   padding-left: 5px;
   padding-right: 5px;
 }
-.el-page-footer {
+.page-footer {
   padding: 10px;
   text-align: right;
   background-color: #f5f5f5;
 }
 
-.el-array {
+.array {
   width: 100%;
   display: inline-flex;
   align-items: center;
@@ -462,10 +462,10 @@
   box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
   border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
 }
-.el-array.is-focus {
-  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
+.array.is-focus {
+  box-shadow: 0 0 0 1px var(--color-primary) inset;
 }
-.el-array-error {
+.array-error {
   position: absolute;
   bottom: -23px;
   color: #f00;
@@ -473,58 +473,58 @@
   border-radius: 4px;
   left: 12px;
 }
-.el-array-error.type-1 {
+.array-error.type-1 {
   left: calc(50% + 24px);
 }
-.el-array-error.type-1.is-clear {
+.array-error.type-1.is-clear {
   left: calc(50% + 11px);
 }
-.el-array-focus {
+.array-focus {
   position: absolute;
   z-index: -1;
   opacity: 0;
 }
-.el-array-value {
+.array-value {
   flex: 1;
   height: 100%;
 }
-.el-array-range {
+.array-range {
   padding: 0 5px;
 }
-.el-array-clear {
+.array-clear {
   cursor: pointer;
   align-items: center;
   display: inline-flex;
   justify-content: center;
   padding: 5px;
 }
-.el-array-clear svg {
+.array-clear svg {
   width: 1rem;
   height: 1rem;
 }
-.el-array .el-input .el-input__wrapper {
+.array .el-input .el-input__wrapper {
   border: none;
   box-shadow: none;
 }
-.el-array .el-input .el-input__wrapper input {
+.array .el-input .el-input__wrapper input {
   text-align: center;
 }
 
-.el-buttons-li {
+.buttons-li {
   height: inherit;
 }
 
-.el-cascaders-cascader {
+.cascaders-cascader {
   height: 100%;
 }
-.el-cascaders-cascader > div {
+.cascaders-cascader > div {
   height: 100%;
 }
-.el-cascaders-tree {
+.cascaders-tree {
   height: 100%;
 }
 
-.el-checks-check {
+.checks-check {
   height: 100%;
   display: flex;
   align-items: center;
@@ -532,33 +532,72 @@
   font-size: 0;
 }
 
-.el-dates-date {
+.dates-date {
   height: 100%;
   width: 100%;
   box-sizing: border-box;
 }
 
-.el-input-num-input {
+.input-array {
+  width: 100%;
+  display: inline-flex;
+  align-items: center;
+  padding: 1px;
+  position: relative;
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
+  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
+}
+.input-array.is-focus {
+  box-shadow: 0 0 0 1px var(--color-primary) inset;
+}
+.input-array-focus {
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+}
+.input-array-input {
+  height: 100%;
+  flex: 1;
+}
+.input-array-range {
+  padding: 0 5px;
+}
+.input-array-icon {
+  cursor: pointer;
+}
+.input-array-icon svg {
+  width: 1rem;
+  height: 1rem;
+}
+.input-array .el-input .el-input__wrapper {
+  border: none;
+  box-shadow: none;
+}
+.input-array .el-input .el-input__wrapper input {
+  text-align: center;
+}
+
+.input-num-input {
   height: 100%;
 }
 
-.el-inputs-input {
+.inputs-input {
   height: 100%;
 }
 
-.el-selects-select {
+.selects-select {
   height: 100%;
   min-width: 100px;
 }
-.el-selects-select > div {
+.selects-select > div {
   height: 100%;
 }
 
-.el-switchs-switch {
+.switchs-switch {
   height: 100%;
 }
 
-.el-tables {
+.tables {
   width: 100%;
   min-height: 100px;
   position: relative;
@@ -566,53 +605,53 @@
   display: flex;
   flex-direction: column;
 }
-.el-tables-table {
+.tables-table {
   background-color: transparent;
 }
-.el-tables-table.is-absolute {
+.tables-table.is-absolute {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }
-.el-tables-table th.el-table__cell {
+.tables-table th.el-table__cell {
   background-color: rgb(248, 248, 249);
 }
 
-.el-pags {
+.pags {
   padding: 10px;
 }
-.el-pags-slot {
+.pags-slot {
   padding-left: 10px;
   font-size: 14px;
   font-weight: 400;
   color: #9b9b9b;
 }
-.el-pags .el-pagination__total {
+.pags .el-pagination__total {
   font-size: 14px;
   font-weight: 400;
   color: #9b9b9b;
 }
 
-.el-tables-pagin {
+.tables-pagin {
   width: 100%;
-  height: var(--el-tables-pagin-height);
+  height: var(--tables-pagin-height);
   display: flex;
   flex-direction: column;
 }
-.el-tables-pagin-main {
+.tables-pagin-main {
   display: flex;
   flex-direction: column;
   flex: 1;
   width: 100%;
 }
-.el-tables-pagin-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+.tables-pagin-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
   display: none;
 }
-.el-tables-pagin-paginat {
+.tables-pagin-paginat {
   overflow: hidden;
 }
-.el-tables-pagin-paginat .el-pagination {
+.tables-pagin-paginat .el-pagination {
   justify-content: flex-end;
 }