@funcho/ui 1.1.0 → 1.1.2

package/dist/style.css

@@ -10651,7 +10651,7 @@
 
 .fc-ui-popover {
   --fc-ui-popover-bg-color: var(--fc-ui-bg-color-overlay);
-  --fc-ui-popover-font-size: 14px;
+  --fc-ui-popover-font-size: 12px;
   --fc-ui-popover-border-color: var(--fc-ui-border-color-lighter);
   --fc-ui-popover-padding: 12px;
   --fc-ui-popover-padding-large: 18px 20px;
@@ -16605,9 +16605,6 @@
   height: 1px;
   background-color: #c5d6ff;
 }
-.fc-ui-tabs--top.no-border .fc-ui-tabs__nav-wrap::after {
-  background-color: transparent;
-}
 .fc-ui-tabs--top .fc-ui-tabs__header {
   margin-bottom: 0;
 }
@@ -16649,6 +16646,9 @@
 }
 .fc-ui-tabs--border-card .fc-ui-tabs__header .fc-ui-tabs__item {
   color: #494949;
+}
+.fc-mkui-tabs--no-border .fc-ui-tabs__nav-wrap::after {
+  background-color: transparent;
 }.fc-ui-step__line {
   background-color: #c5d6ff;
 }
@@ -16693,18 +16693,18 @@
 }
 .fc-ui-select .fc-ui-select__input {
   height: 20px;
-}.bz-date-picker {
+}.fc-mkui-bz-date-picker {
   display: inline-flex;
   align-items: center;
   vertical-align: middle;
 }
-.bz-date-picker_content {
+.fc-mkui-bz-date-picker__content {
   animation: slide-down 0.3s ease-in-out;
 }
-.bz-date-picker_content .body {
+.fc-mkui-bz-date-picker__body {
   display: flex;
 }
-.bz-date-picker_content .footer {
+.fc-mkui-bz-date-picker__footer {
   position: relative;
   display: flex;
   align-items: center;
@@ -16748,25 +16748,28 @@ to {
 }.pd-top-none .fc-ui-card__body {
   padding-top: 0;
 }
-.fc-ui-card.border-none {
+.fc-mkui-card--no-padding-top .fc-ui-card__body {
+  padding-top: 0;
+}
+.fc-mkui-card--no-border {
   border-color: transparent;
 }
-.fc-card-header {
+.fc-mkui-card__header {
   height: 42px;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.fc-card-header .fc-card-title {
+.fc-mkui-card__title {
   font-size: 12px;
   font-weight: 700;
   color: #165dff;
 }
-.fc-card-header .fc-card-tools {
+.fc-mkui-card__tools {
   display: flex;
   align-items: center;
 }
-.fc-card-content {
+.fc-mkui-card__content {
   font-size: 12px;
 }
 .fc-ui-card + .fc-ui-card {
@@ -16818,7 +16821,7 @@ to {
 .fc-ui-drawer .fc-ui-drawer__header .fc-ui-drawer__title {
   font-size: 14px;
 }
-.fc-ui-drawer.show-divider .fc-ui-drawer__header {
+.fc-ui-drawer.is-divider .fc-ui-drawer__header {
   padding: 12px 16px;
   border-bottom: 1px solid var(--fc-ui-border-color);
 }
@@ -16831,22 +16834,22 @@ to {
   color: #494949;
 }.fc-ui-divider--horizontal {
   margin: 8px 0;
-}.fc-dropdown-link {
+}.fc-mkui-dropdown__link {
   display: flex;
   align-items: center;
   cursor: pointer;
   color: #165dff;
 }
-.fc-dropdown-link:hover {
+.fc-mkui-dropdown__link:hover {
   color: rgb(91.9, 141.6, 255);
 }
-.fc-dropdown-link .fc-dropdown-arrow {
+.fc-mkui-dropdown__arrow {
   margin-left: 4px;
   transition: transform 0.3s;
 }
-.fc-dropdown-link .fc-dropdown-arrow.is-active {
+.fc-mkui-dropdown__arrow.is-active {
   transform: rotateZ(180deg);
-}.fc-vue-ace-editor {
+}.fc-mkui-ace-editor {
   height: 100%;
   width: 100%;
   min-height: 200px;
@@ -16855,62 +16858,62 @@ to {
   border: 1px solid #c5d6ff;
   transition: all 0.3s;
 }
-.fc-vue-ace-editor.is-focused {
+.fc-mkui-ace-editor.is-focused {
   border-color: #165dff;
 }
-.fc-vue-ace-editor .ace_editor {
+.fc-mkui-ace-editor .ace_editor {
   height: 100%;
   min-height: 200px;
 }
-.fc-vue-ace-editor .ace_editor .ace_gutter-cursor {
+.fc-mkui-ace-editor .ace_editor .ace_gutter-cursor {
   border: none;
 }
-.fc-vue-ace-editor .ace_editor .ace_selection {
+.fc-mkui-ace-editor .ace_editor .ace_selection {
   border-radius: 0;
 }
-.fc-vue-ace-editor .ace_editor .ace_gutter {
+.fc-mkui-ace-editor .ace_editor .ace_gutter {
   border-right: 1px solid #c5d6ff;
 }
-.fc-vue-ace-editor .ace_editor .ace_gutter .ace_gutter-cell {
+.fc-mkui-ace-editor .ace_editor .ace_gutter .ace_gutter-cell {
   padding-left: 12px;
   padding-right: 12px;
 }
-.fc-vue-ace-editor .ace_editor .ace_gutter .ace_gutter-active-line {
+.fc-mkui-ace-editor .ace_editor .ace_gutter .ace_gutter-active-line {
   border: none;
   background-color: #e8efff;
 }
-.fc-vue-ace-editor .ace_editor .ace_content .ace_active-line {
+.fc-mkui-ace-editor .ace_editor .ace_content .ace_active-line {
   border: none;
   background-color: #e8efff;
 }
-.fc-vue-ace-editor.disabled-fc-vue-ace-editor {
+.fc-mkui-ace-editor.is-disabled {
   cursor: not-allowed;
 }
-.fc-vue-ace-editor.disabled-fc-vue-ace-editor .ace_editor .ace_gutter {
+.fc-mkui-ace-editor.is-disabled .ace_editor .ace_gutter {
   background: #f5f7fa;
 }
-.fc-vue-ace-editor.disabled-fc-vue-ace-editor .ace_editor .ace_gutter .ace_gutter-active-line {
+.fc-mkui-ace-editor.is-disabled .ace_editor .ace_gutter .ace_gutter-active-line {
   background-color: #f5f7fa;
 }
-.fc-vue-ace-editor.disabled-fc-vue-ace-editor .ace_editor .ace_content {
+.fc-mkui-ace-editor.is-disabled .ace_editor .ace_content {
   background-color: #f5f7fa;
 }
-.fc-vue-ace-editor.disabled-fc-vue-ace-editor .ace_editor .ace_content .ace_active-line {
+.fc-mkui-ace-editor.is-disabled .ace_editor .ace_content .ace_active-line {
   background-color: #f5f7fa;
-}.fc-code-editor-input[data-v-f22465b2] {
+}.fc-mkui-code-editor-input {
   width: 100%;
 }
-.fc-code-editor-input .text-code[data-v-f22465b2] {
+.fc-mkui-code-editor-input__text-code {
   font-size: 12px;
   font-weight: 400;
   color: #165dff;
   cursor: pointer;
   transition: color 0.3s;
 }
-.fc-code-editor-input .text-code[data-v-f22465b2]:hover {
+.fc-mkui-code-editor-input__text-code:hover {
   color: rgb(91.9, 141.6, 255);
 }
-.fc-footer-box[data-v-f22465b2] {
+.fc-mkui-code-editor-input__footer-box {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -16940,7 +16943,7 @@ to {
 .w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}
 .w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}
 
-.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}.fc-rich-editor-wrap {
+.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}.fc-mkui-rich-editor {
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -16950,65 +16953,166 @@ to {
   --w-e-textarea-color: #181818;
   --w-e-toolbar-border-color: #c5d6ff;
 }
-.fc-rich-editor-wrap .fc-rich-editor-toolbar {
+.fc-mkui-rich-editor__toolbar {
   border-bottom: 1px solid var(--w-e-toolbar-border-color);
 }
-.fc-rich-editor-wrap .fc-rich-text-editor p {
+.fc-mkui-rich-editor .fc-mkui-rich-editor__text-editor p {
   line-height: 1.75;
   margin: 0px;
 }
-.fc-rich-editor-wrap .fc-rich-text-editor .w-e-text-container a {
+.fc-mkui-rich-editor .fc-mkui-rich-editor__text-editor .w-e-text-container a {
   color: #165dff;
 }
-.fc-rich-editor-wrap .fc-rich-text-editor .w-e-text-container h1,
-.fc-rich-editor-wrap .fc-rich-text-editor .w-e-text-container h2,
-.fc-rich-editor-wrap .fc-rich-text-editor .w-e-text-container h3,
-.fc-rich-editor-wrap .fc-rich-text-editor .w-e-text-container h4,
-.fc-rich-editor-wrap .fc-rich-text-editor .w-e-text-container h5 {
+.fc-mkui-rich-editor .fc-mkui-rich-editor__text-editor .w-e-text-container h1,
+.fc-mkui-rich-editor .fc-mkui-rich-editor__text-editor .w-e-text-container h2,
+.fc-mkui-rich-editor .fc-mkui-rich-editor__text-editor .w-e-text-container h3,
+.fc-mkui-rich-editor .fc-mkui-rich-editor__text-editor .w-e-text-container h4,
+.fc-mkui-rich-editor .fc-mkui-rich-editor__text-editor .w-e-text-container h5 {
   margin: 0;
 }
-.fc-rich-editor-wrap .fc-rich-text-editor .w-e-text-container h1 {
+.fc-mkui-rich-editor .fc-mkui-rich-editor__text-editor .w-e-text-container h1 {
   font-size: 18px;
   line-height: 44px;
 }
-.fc-rich-editor-wrap .fc-rich-text-editor .w-e-text-container h2 {
+.fc-mkui-rich-editor .fc-mkui-rich-editor__text-editor .w-e-text-container h2 {
   font-size: 16px;
   line-height: 40px;
 }
-.fc-rich-editor-wrap .fc-rich-text-editor .w-e-text-container h3 {
+.fc-mkui-rich-editor .fc-mkui-rich-editor__text-editor .w-e-text-container h3 {
   font-size: 14px;
   line-height: 36px;
 }
-.fc-rich-editor-wrap .fc-rich-text-editor .w-e-text-container h4 {
+.fc-mkui-rich-editor .fc-mkui-rich-editor__text-editor .w-e-text-container h4 {
   font-size: 12px;
   line-height: 32px;
 }
-.fc-rich-editor-wrap .fc-rich-text-editor .w-e-text-container h5 {
+.fc-mkui-rich-editor .fc-mkui-rich-editor__text-editor .w-e-text-container h5 {
   font-size: 10px;
   line-height: 28px;
 }
-.fc-rich-editor-wrap .fc-rich-text-editor .w-e-text-container .w-e-text-placeholder {
+.fc-mkui-rich-editor .fc-mkui-rich-editor__text-editor .w-e-text-container .w-e-text-placeholder {
   top: 8px;
   font-weight: 400;
   font-size: 12px;
   color: #b2b2b2;
 }
-.fc-rich-editor-wrap.is-border {
+.fc-mkui-rich-editor.is-border {
   border: 1px solid #c5d6ff;
   border-radius: 2px;
 }
-.fc-rich-editor-wrap.is-border.is-focus {
+.fc-mkui-rich-editor.is-border.is-focused {
   border-color: #165dff;
 }
-.fc-rich-editor-wrap.is-disabled {
+.fc-mkui-rich-editor.is-disabled {
   cursor: not-allowed;
   --w-e-textarea-bg-color: #f5f7fa;
   --w-e-toolbar-bg-color: #f5f7fa;
-}.fc-rich-editor-input[data-v-73fa5e88] {
+}.fc-mkui-rich-editor-input[data-v-69286046] {
   width: 100%;
 }
-.fc-footer-box[data-v-73fa5e88] {
+.fc-mkui-rich-editor-input__footer-box[data-v-69286046] {
   display: flex;
   align-items: center;
   justify-content: space-between;
+}.fc-mkui-sidebar-main-layout {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.fc-mkui-sidebar-main-layout__header {
+  flex-shrink: 0;
+  margin-bottom: 12px;
+}
+.fc-mkui-sidebar-main-layout__content {
+  flex: 1;
+  overflow: hidden;
+}
+.fc-mkui-sidebar-main-layout__left {
+  height: 100%;
+  margin-right: 6px;
+  overflow: hidden;
+}
+.fc-mkui-sidebar-main-layout__left.is-border {
+  border: 1px solid #c5d6ff;
+  border-radius: 2px;
+}
+.fc-mkui-sidebar-main-layout__right {
+  height: 100%;
+  margin-left: 6px;
+  overflow: hidden;
+}
+.fc-mkui-sidebar-main-layout__right.is-border {
+  border: 1px solid #c5d6ff;
+  border-radius: 2px;
+}
+.fc-mkui-sidebar-main-layout__splitter .fc-ui-splitter-bar {
+  --fc-ui-border-color-light: transparent;
+}.fc-mkui-pro-form__container.is-inline {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  column-gap: 24px;
+}
+.fc-mkui-pro-form__container.is-inline .fc-ui-form-item {
+  margin-right: 0;
+}.fc-mkui-data-table {
+  height: 100%;
+}
+.fc-mkui-data-table .fc-ui-table {
+  border-radius: 2px;
+}
+.fc-mkui-data-table .fc-ui-table__inner-wrapper .fc-ui-table__cell {
+  border-right: none;
+}
+.fc-mkui-data-table .fc-ui-table__inner-wrapper::before {
+  background-color: #c5d6ff;
+}
+.fc-mkui-data-table .fc-ui-table__inner-wrapper::after {
+  background-color: #c5d6ff;
+}
+.fc-mkui-data-table .fc-ui-table--border::after {
+  background-color: #c5d6ff;
+}
+.fc-mkui-data-table .fc-ui-table__border-left-patch {
+  background-color: #c5d6ff;
+}
+.fc-mkui-data-table__query-box {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  background-color: #e8efff;
+  border-radius: 2px;
+  margin-bottom: 8px;
+  padding: 8px 16px;
+  max-height: 44px;
+  overflow: hidden;
+  transition: max-height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
+}
+.fc-mkui-data-table__query-box.is-expanded {
+  max-height: var(--query-box-max-height);
+}
+.fc-mkui-data-table .fc-mkui-data-table__query-form {
+  flex: 1;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  gap: 8px 24px;
+}
+.fc-mkui-data-table .fc-mkui-data-table__query-form .fc-ui-form-item {
+  margin: 0;
+}
+.fc-mkui-data-table__tools {
+  margin-top: auto;
+  flex-shrink: 0;
+  padding-left: 20px;
+}
+.fc-mkui-data-table__pagination-box {
+  padding-top: 8px;
+}
+.fc-mkui-data-table__actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+}
+.fc-mkui-data-table__actions .fc-ui-button {
+  margin: 0;
 }

package/dist/types/business/DataTable/DataTable.types.d.ts

@@ -0,0 +1,10 @@
+export type TFcProDataTableProps = {
+    columns?: Array<any>;
+    searchSchema?: Array<any>;
+};
+export type RequestResult<T = any> = {
+    data: T[] | {
+        list: T[];
+        total: number;
+    };
+};