auto generate /dist file

vue-project/data-fetch-plugin/dist/index.html

@@ -1,4 +1,4 @@
 <script type="module" crossorigin src="/src/js/config.js"></script>
-<section class="settings">
-  <div id="app"></div>
-</section>
+<section class="settings">
+  <div id="app"></div>
+</section>

vue-project/data-fetch-plugin/dist/src/css/config.css

@@ -11,7 +11,7 @@
 /* config 页面 */
 #app {
   width: 60vw;
-  min-width: 940px;
+  min-width: 1030px;
 }
 
 /* 最上面的说明 */
@@ -62,11 +62,14 @@
   border-right: 1px solid #e3e7e8;
   padding-top: 24px;
 }
+.table-area {
+  border-bottom: none;
+}
 .footer-row {
   padding: 24px 0;
   margin-bottom: 32px;
   text-align: right;
-  border-top: none;
+  /* border-top: none; */
 }
 
 /* 底部按钮空间 */
@@ -77,11 +80,33 @@
 
 /* 输入框宽度 */
 .kuc-text-input {
+  --kuc-text-input-width: max(16vw, 200px);
+  --kuc-dropdown-toggle-width: max(16vw, 200px);
+  --kuc-combobox-toggle-width: max(16vw, 200px);
+}
+
+.plugin-kuc-table .kuc-text-input {
   --kuc-text-input-width: max(15vw, 200px);
   --kuc-dropdown-toggle-width: max(15vw, 200px);
   --kuc-combobox-toggle-width: max(15vw, 200px);
 }
 
+@media screen and (max-width: 1840px) {
+  .plugin-kuc-table .kuc-text-input {
+    --kuc-text-input-width: max(13vw, 200px);
+    --kuc-dropdown-toggle-width: max(13vw, 200px);
+    --kuc-combobox-toggle-width: max(13vw, 200px);
+  }
+}
+
+@media screen and (max-width: 1760px) {
+  .plugin-kuc-table .kuc-text-input {
+    --kuc-text-input-width: max(12vw, 200px);
+    --kuc-dropdown-toggle-width: max(12vw, 200px);
+    --kuc-combobox-toggle-width: max(12vw, 200px);
+  }
+}
+
 /* 统一 kintone +/- 按钮样式 */
 .kuc-action-button {
   width: 24px;
@@ -107,24 +132,129 @@
 }
 
 /* 覆盖表格样式 */
-.plugin-kuc-table td {
+.plugin-kuc-table > table > tbody > tr > td {
   border-left-color: rgba(0, 0, 0, 0);
   border-right-color: rgba(0, 0, 0, 0);
   vertical-align: middle;
 }
 
-.plugin-kuc-table tr td:nth-last-child(2) {
+.plugin-kuc-table > table > tbody > tr > td:nth-last-child(2) {
   border-right-color: #e3e7e8;
 }
-.plugin-kuc-table tr td:first-child {
+.plugin-kuc-table > table > tbody > tr > td:first-child {
   border-left-color: #e3e7e8;
 }
-.plugin-kuc-table .kuc-table-1-18-0__table__body__row__action {
+.plugin-kuc-table > table > tbody > tr > td[class$="table__body__row__action"] {
   height: 55px;
   align-items: center;
 }
+.table-option > table > tbody > tr > td[class$="table__body__row__action"] {
+  height: 40px;
+  align-items: center;
+}
+.plugin-kuc-table:not(.condition-table) > table > tbody > tr > td:nth-child(2) {
+  --kuc-table-header-1-width: 30px;
+  text-align: center;
+}
+
+.condition-table > table > tbody > tr > td[style]:not(:first-child),
+.condition-table > table > thead > tr > th[style]:not(:first-child) {
+  padding-left: 0;
+}
 
 /* 絞り込み条件选择相关样式 */
 .row-connector-area {
   margin: 0 1em;
 }
+
+.condition-combobox-short {
+  --kuc-combobox-toggle-width: 168px;
+}
+/* .condition-combobox-short {
+  --kuc-combobox-toggle-width: 140px
+}
+.condition-combobox-short[data-val='!='] {
+  --kuc-combobox-toggle-width: 168px
+}
+.condition-combobox-short[data-val='like']  {
+  --kuc-combobox-toggle-width: 200px
+}
+.condition-combobox-short[data-val='in'] {
+  --kuc-combobox-toggle-width: 185px
+}
+.condition-combobox-short[data-val='not like'] {
+  --kuc-combobox-toggle-width: 225px
+}
+.condition-combobox-short[data-val='not in'] {
+  --kuc-combobox-toggle-width: 200px
+} */
+
+.kuc-text-input-placeholder-width {
+  --kuc-text-input-width: 258px;
+}
+
+.datetime-condition-combobox {
+  --kuc-combobox-toggle-width: 130px;
+}
+.datetime-condition-combobox.mid {
+  --kuc-combobox-toggle-width: 112px;
+}
+.datetime-condition-combobox.short {
+  --kuc-combobox-toggle-width: 92px;
+}
+.datetime-condition-combobox + * {
+  margin-left: 8px;
+}
+
+.datetime-condition-combobox li[value^='\-'] {
+  user-select: none;
+  margin: 8px 0;
+  cursor: default;
+  padding: 0;
+  height: 1px;
+  background-color: #eee;
+  list-style: none;
+  pointer-events: none;
+}
+
+.week-all-combobox {
+  --kuc-combobox-toggle-width: 140px;
+}
+.week-combobox {
+  --kuc-combobox-toggle-width: 72px;
+}
+.month-all-combobox {
+  --kuc-combobox-toggle-width: 100px;
+}
+.month-combobox {
+  --kuc-combobox-toggle-width: 86px;
+}
+.from-today-input {
+  --kuc-text-input-width: 75px;
+  --kuc-combobox-toggle-width: 75px;
+}
+.from-today-input.input {
+  --kuc-text-input-width: 50px;
+  --kuc-combobox-toggle-width: 50px;
+}
+
+/* .from-today-input error */
+.condition-table.plugin-kuc-table > table > tbody > tr > td {
+  vertical-align: top;
+}
+.from-today-input.input div[class^="kuc-base-error"] {
+  position: absolute;
+  left: 0;
+  right: 0;
+}
+.from-today-input.input.error {
+  margin-bottom: 20px;
+}
+.table-option td {
+  padding: 1px;
+  margin: 0;
+  border: none;
+}
+.dialog-action-bar{
+  text-align: right;
+}

vue-project/data-fetch-plugin/dist/src/html/config.html

@@ -1,4 +1,4 @@
 <script type="module" crossorigin src="/src/js/config.js"></script>
-<section class="settings">
-  <div id="app"></div>
-</section>
+<section class="settings">
+  <div id="app"></div>
+</section>