@longhongguo/form-create-ant-design-vue 3.2.49 → 3.2.51

package/dist/form-create.css

@@ -306,3 +306,977 @@
 .fc-cus-select-disabled .fc-cus-select-selection-placeholder {
   color: rgba(0, 0, 0, 0.25);
 }
+
+/* TableForm 组件样式 */
+._fc-table-form {
+  overflow: auto;
+  color: #666666;
+}
+
+._fc-table-form .form-create .ant-form-item {
+  margin-bottom: 1px !important;
+}
+
+._fc-table-form .ant-form-item-label,
+._fc-table-form .van-field__label {
+  display: none !important;
+}
+
+._fc-tf-head-idx,
+._fc-tf-idx {
+  width: 40px;
+  min-width: 40px;
+  font-weight: 500;
+  text-align: center;
+}
+
+._fc-tf-edit,
+._fc-tf-btn {
+  width: 70px;
+  min-width: 70px;
+  text-align: center;
+}
+
+._fc-tf-btn .fc-icon {
+  cursor: pointer;
+}
+
+._fc-table-form > .ant-btn {
+  display: flex;
+  align-items: center;
+  padding: 2px;
+}
+
+._fc-table-form._fc-disabled ._fc-tf-btn .fc-icon,
+._fc-table-form._fc-disabled > .ant-btn {
+  cursor: not-allowed;
+}
+
+._fc-tf-table {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  table-layout: fixed;
+  border: 1px solid #ebeef5;
+  border-bottom: 0 none;
+}
+
+._fc-table-form ._fc-tf-table > thead > tr > th {
+  border: 0 none;
+  border-bottom: 1px solid #ebeef5;
+  height: 40px;
+  font-weight: 500;
+  padding: 0 5px;
+  box-sizing: border-box;
+}
+
+._fc-table-form ._fc-tf-table > thead > tr > th + th {
+  border-left: 1px solid #ebeef5;
+}
+
+._fc-table-form tr {
+  min-height: 50px;
+}
+
+._fc-table-form ._fc-read-view {
+  text-align: center;
+  width: 100%;
+}
+
+._fc-table-form td {
+  padding: 5px;
+  min-height: 50px;
+  min-width: 80px;
+  position: relative;
+  box-sizing: border-box;
+  overflow-wrap: break-word;
+  overflow: hidden;
+  border: 0 none;
+  border-bottom: 1px solid #ebeef5;
+}
+
+._fc-table-form td + td {
+  border-left: 1px solid #ebeef5;
+}
+
+._fc-tf-table .ant-input-number,
+._fc-tf-table .ant-select,
+._fc-tf-table .ant-slider,
+._fc-tf-table .ant-cascader,
+._fc-tf-table .ant-picker {
+  width: 100%;
+}
+
+._fc-tf-head-required:before {
+  content: '*';
+  color: #f56c6c;
+  margin-right: 4px;
+}
+
+/* TableFormView 组件样式 */
+._fd-table-form {
+  min-height: 130px;
+  width: 100%;
+  border: 1px solid #ececec;
+  background: #ffffff;
+}
+
+._fc-child-empty {
+  min-height: 130px;
+}
+
+._fd-tf-wrap {
+  display: flex;
+  overflow: auto;
+}
+
+._fd-tf-wrap > ._fd-drag-tool {
+  flex-shrink: 0;
+  display: flex;
+  margin: 2px;
+  height: auto;
+  overflow: auto;
+}
+
+/* TableFormColumnView 组件样式 */
+._fd-tf-col ._fd-tf-con .ant-form-item {
+  margin-bottom: 1px !important;
+}
+
+._fd-tf-col {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
+  width: 180px;
+  flex-shrink: 0;
+}
+
+._fd-tf-con .ant-form-item-label,
+._fd-tf-con .van-field__label {
+  display: none !important;
+}
+
+._fd-tf-con {
+  display: flex;
+  flex: 1;
+  width: 100%;
+}
+
+._fd-tf-title {
+  height: 40px;
+  border-bottom: 1px solid #ebeef5;
+  margin-bottom: 0px;
+  padding: 0 5px;
+  box-sizing: border-box;
+  line-height: 32px;
+}
+
+._fd-tf-required {
+  color: #f56c6c;
+  margin-right: 4px;
+}
+
+._fd-tf-con ._fc-l-item > * {
+  display: none !important;
+}
+
+._fd-tf-con .ant-input-number,
+._fd-tf-con .ant-select,
+._fd-tf-con .ant-slider,
+._fd-tf-con .ant-cascader,
+._fd-tf-con .ant-picker {
+  width: 100%;
+}
+
+._fd-tf-col:has(._fd-tf-col) {
+  width: auto !important;
+}
+
+@font-face {
+    font-family: "fc-icon";
+    src: url(fonts/fc-icons.woff) format('woff');
+}
+
+.fc-icon {
+    font-family: "fc-icon" !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-write:before {
+    content: "\e60b";
+}
+
+.icon-branch:before {
+    content: "\e6e3";
+}
+
+.icon-device:before {
+    content: "\e6e0";
+}
+
+.icon-position-left:before {
+    content: "\e6e2";
+}
+
+.icon-search:before {
+    content: "\e6e1";
+}
+
+.icon-expand:before {
+    content: "\e6df";
+}
+
+.icon-expand-left:before {
+    content: "\e6df";
+    display: inline-block;
+    transform: rotate(-180deg);
+}
+
+.icon-data-select:before {
+    content: "\e6dd";
+}
+
+.icon-markdown:before {
+    content: "\e893";
+}
+
+.icon-grid-line:before {
+    content: "\e600";
+}
+
+.icon-print:before {
+    content: "\e6de";
+}
+
+.icon-city:before {
+    content: "\e64b";
+}
+
+.icon-location:before {
+    content: "\e6d4";
+}
+
+.icon-qrcode:before {
+    content: "\e6ce";
+}
+
+.icon-input-id:before {
+    content: "\e6d1";
+}
+
+.icon-iframe:before {
+    content: "\e6d2";
+}
+
+.icon-audio:before {
+    content: "\e6d3";
+}
+
+.icon-form-model:before {
+    content: "\e6d5";
+}
+
+.icon-title:before {
+    content: "\e6d6";
+}
+
+.icon-sign:before {
+    content: "\e6d7";
+}
+
+.icon-address:before {
+    content: "\e6d8";
+}
+
+.icon-statistic:before {
+    content: "\e6d9";
+}
+
+.icon-barcode:before {
+    content: "\e6da";
+}
+
+.icon-video:before {
+    content: "\e6db";
+}
+
+.icon-avatar:before {
+    content: "\e6dc";
+}
+
+.icon-suspend:before {
+    content: "\e6cf";
+}
+
+.icon-warning:before {
+    content: "\e6d0";
+}
+
+.icon-send:before {
+    content: "\e6cc";
+}
+
+.icon-refresh2:before {
+    content: "\e6cd";
+}
+
+.icon-ai:before {
+    content: "\e6cb";
+}
+
+.icon-ai.bright{
+    background: linear-gradient(to right, #328FF7, #62E3A3);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.icon-column4:before {
+    content: "\e6c7";
+}
+
+.icon-column3:before {
+    content: "\e6c6";
+}
+
+.icon-column2:before {
+    content: "\e6c8";
+}
+
+.icon-column1:before {
+    content: "\e6c9";
+}
+
+.icon-layout:before {
+    content: "\e6ca";
+}
+
+.icon-segmented:before {
+    content: "\e682";
+}
+
+.icon-mention:before {
+    content: "\e6c5";
+}
+
+.icon-input-tag:before {
+    content: "\e6c4";
+}
+
+.icon-up:before {
+    content: "\e697";
+    display: inline-block;
+    transform: rotate(180deg);
+}
+
+.icon-alignitems-flexstart:before {
+    content: "\e67f";
+    display: inline-block;
+    transform: rotate(180deg);
+}
+
+.icon-align-center:before {
+    content: "\e6a5";
+    display: inline-block;
+    transform: rotate(90deg);
+}
+
+.icon-align-flexstart:before {
+    content: "\e6a4";
+    display: inline-block;
+    transform: rotate(90deg);
+}
+
+.icon-align-flexend:before {
+    content: "\e6a4";
+    display: inline-block;
+    transform: rotate(-90deg);
+}
+
+.icon-align-spacearound:before {
+    content: "\e670";
+    display: inline-block;
+    transform: rotate(-90deg);
+}
+
+.icon-align-spacebetween:before {
+    content: "\e695";
+    display: inline-block;
+    transform: rotate(-90deg);
+}
+
+.icon-align-stretch:before {
+    content: "\e6a7";
+    display: inline-block;
+    transform: rotate(-90deg);
+}
+
+.icon-align-flexend:before {
+    content: "\e6a4";
+    display: inline-block;
+    transform: rotate(-90deg);
+}
+
+.icon-justify-flexend:before {
+    content: "\e6a4";
+    display: inline-block;
+    transform: rotate(180deg);
+}
+
+.icon-direction-row:before {
+    content: "\e68b";
+    display: inline-block;
+    transform: rotate(180deg);
+}
+
+.icon-direction-column:before {
+    content: "\e68b";
+    display: inline-block;
+    transform: rotate(-90deg);
+}
+
+.icon-direction-columnreverse:before {
+    content: "\e68b";
+    display: inline-block;
+    transform: rotate(90deg);
+}
+
+.icon-arrow:before {
+    content: "\e697";
+    display: inline-block;
+    transform: rotate(180deg);
+}
+
+.icon-cell:before {
+    content: "\e654";
+}
+
+.icon-table:before {
+    content: "\eb0a";
+}
+
+.icon-next-step:before {
+    content: "\e6b4";
+    display: inline-block;
+    transform: rotateY(180deg);
+}
+
+.icon-grid:before {
+    content: "\e65c";
+    display: inline-block;
+    transform: rotate(90deg);
+}
+
+.icon-alignitems-stretch:before {
+    content: "\e67e";
+}
+
+.icon-alignitems-flexend:before {
+    content: "\e67f";
+}
+
+.icon-check:before {
+    content: "\e680";
+}
+
+.icon-auto:before {
+    content: "\e681";
+}
+
+.icon-config-event:before {
+    content: "\e66e";
+}
+
+.icon-calendar:before {
+    content: "\e683";
+}
+
+.icon-config-style:before {
+    content: "\e684";
+}
+
+.icon-copy:before {
+    content: "\e676";
+}
+
+.icon-config-advanced:before {
+    content: "\e686";
+}
+
+.icon-config-props:before {
+    content: "\e687";
+}
+
+.icon-delete-circle2:before {
+    content: "\e688";
+}
+
+.icon-delete-circle:before {
+    content: "\e689";
+}
+
+.icon-delete2:before {
+    content: "\e689";
+}
+
+.icon-delete:before {
+    content: "\e68a";
+}
+
+.icon-direction-rowreverse:before {
+    content: "\e68b";
+}
+
+.icon-display-flex:before {
+    content: "\e68c";
+}
+
+.icon-dialog:before {
+    content: "\e66f";
+}
+
+.icon-drag:before {
+    content: "\e68e";
+}
+
+.icon-display-block:before {
+    content: "\e68f";
+}
+
+.icon-data:before {
+    content: "\e690";
+}
+
+.icon-edit2:before {
+    content: "\e691";
+}
+
+.icon-edit:before {
+    content: "\e692";
+}
+
+.icon-add-col:before {
+    content: "\e693";
+}
+
+.icon-display-inlineblock:before {
+    content: "\e694";
+}
+
+.icon-config-base:before {
+    content: "\e6bf";
+}
+
+.icon-config-validate:before {
+    content: "\e696";
+}
+
+.icon-down:before {
+    content: "\e697";
+}
+
+.icon-display-inline:before {
+    content: "\e698";
+}
+
+.icon-eye:before {
+    content: "\e699";
+}
+
+.icon-eye-close:before {
+    content: "\e69a";
+}
+
+.icon-import:before {
+    content: "\e6a6";
+}
+
+.icon-preview:before {
+    content: "\e69b";
+}
+
+.icon-flex-nowrap:before {
+    content: "\e69c";
+}
+
+.icon-folder:before {
+    content: "\e69d";
+}
+
+.icon-form-circle:before {
+    content: "\e69e";
+}
+
+.icon-flex-wrap:before {
+    content: "\e69f";
+}
+
+.icon-form:before {
+    content: "\e6a0";
+}
+
+.icon-form-item:before {
+    content: "\e6a1";
+}
+
+.icon-icon:before {
+    content: "\e6a2";
+}
+
+.icon-image:before {
+    content: "\e6a3";
+}
+
+.icon-justify-flexstart:before {
+    content: "\e6a4";
+}
+
+.icon-justify-center:before {
+    content: "\e6a5";
+}
+
+.icon-justify-spacearound:before {
+    content: "\e670";
+}
+
+.icon-justify-stretch:before {
+    content: "\e6a7";
+}
+
+.icon-link2:before {
+    content: "\e6a8";
+}
+
+.icon-justify-spacebetween:before {
+    content: "\e695";
+}
+
+.icon-minus:before {
+    content: "\e6aa";
+}
+
+.icon-menu2:before {
+    content: "\e6ab";
+}
+
+.icon-more:before {
+    content: "\e6ac";
+}
+
+.icon-menu:before {
+    content: "\e6ad";
+}
+
+.icon-language:before {
+    content: "\e6ae";
+}
+
+.icon-pad:before {
+    content: "\e6af";
+}
+
+.icon-mobile:before {
+    content: "\e6b0";
+}
+
+.icon-page-max:before {
+    content: "\e6b1";
+}
+
+.icon-move:before {
+    content: "\e6b2";
+}
+
+.icon-page-min:before {
+    content: "\e6b3";
+}
+
+.icon-pre-step:before {
+    content: "\e6b4";
+}
+
+.icon-pc:before {
+    content: "\e6b5";
+}
+
+.icon-page:before {
+    content: "\e6b6";
+}
+
+.icon-refresh:before {
+    content: "\e6b7";
+}
+
+.icon-radius:before {
+    content: "\e6b8";
+}
+
+.icon-save-filled:before {
+    content: "\e6b9";
+}
+
+.icon-question:before {
+    content: "\e6ba";
+}
+
+.icon-scroll:before {
+    content: "\e6bb";
+}
+
+.icon-script:before {
+    content: "\e6bc";
+}
+
+.icon-setting:before {
+    content: "\e6bd";
+}
+
+.icon-save:before {
+    content: "\e6be";
+}
+
+.icon-save-online:before {
+    content: "\e6be";
+}
+
+.icon-task-add:before {
+    content: "\e68d";
+}
+
+.icon-shadow:before {
+    content: "\e6c0";
+}
+
+.icon-variable:before {
+    content: "\e6c1";
+}
+
+.icon-yes:before {
+    content: "\e6c2";
+}
+
+.icon-shadow-inset:before {
+    content: "\e6c3";
+}
+
+.icon-date:before {
+    content: "\e642";
+}
+
+.icon-date-range:before {
+    content: "\e643";
+}
+
+.icon-collapse:before {
+    content: "\e644";
+}
+
+.icon-slider:before {
+    content: "\e665";
+}
+
+.icon-switch:before {
+    content: "\e646";
+}
+
+.icon-subform:before {
+    content: "\e647";
+}
+
+.icon-time-range:before {
+    content: "\e685";
+}
+
+.icon-tree-select:before {
+    content: "\e649";
+}
+
+.icon-value:before {
+    content: "\e64a";
+}
+
+.icon-table-form3:before {
+    content: "\e6a9";
+}
+
+.icon-alert:before {
+    content: "\e64c";
+}
+
+.icon-card:before {
+    content: "\e64d";
+}
+
+.icon-checkbox:before {
+    content: "\e64e";
+}
+
+.icon-cascader:before {
+    content: "\e64f";
+}
+
+.icon-button:before {
+    content: "\e650";
+}
+
+.icon-data-table:before {
+    content: "\e651";
+}
+
+.icon-group:before {
+    content: "\e652";
+}
+
+.icon-divider:before {
+    content: "\e653";
+}
+
+.icon-flex:before {
+    content: "\e654";
+}
+
+.icon-descriptions:before {
+    content: "\e655";
+}
+
+.icon-html:before {
+    content: "\e656";
+}
+
+.icon-editor:before {
+    content: "\e657";
+}
+
+.icon-input:before {
+    content: "\e658";
+}
+
+.icon-link:before {
+    content: "\e659";
+}
+
+.icon-password:before {
+    content: "\e65a";
+}
+
+.icon-radio:before {
+    content: "\e65b";
+}
+
+.icon-row:before {
+    content: "\e65c";
+}
+
+.icon-inline:before {
+    content: "\e65d";
+}
+
+.icon-rate:before {
+    content: "\e65e";
+}
+
+.icon-color:before {
+    content: "\e65f";
+}
+
+.icon-select:before {
+    content: "\e660";
+}
+
+.icon-json:before {
+    content: "\e661";
+}
+
+.icon-number:before {
+    content: "\e662";
+}
+
+.icon-space:before {
+    content: "\e664";
+}
+
+.icon-step-form:before {
+    content: "\e663";
+}
+
+.icon-table-form:before {
+    content: "\e666";
+}
+
+.icon-table-form2:before {
+    content: "\e667";
+}
+
+.icon-time:before {
+    content: "\e668";
+}
+
+.icon-span:before {
+    content: "\e669";
+}
+
+.icon-textarea:before {
+    content: "\e66a";
+}
+
+.icon-tooltip:before {
+    content: "\e66b";
+}
+
+.icon-slot:before {
+    content: "\e66c";
+}
+
+.icon-transfer:before {
+    content: "\e66d";
+}
+
+.icon-upload:before {
+    content: "\e673";
+}
+
+.icon-tag:before {
+    content: "\e671";
+}
+
+.icon-watermark:before {
+    content: "\e672";
+}
+
+.icon-tab:before {
+    content: "\e674";
+}
+
+.icon-tree:before {
+    content: "\e675";
+}
+
+.icon-table:before {
+    content: "\e677";
+}
+
+.icon-add-child:before {
+    content: "\e678";
+}
+
+.icon-add2:before {
+    content: "\e679";
+}
+
+.icon-add:before {
+    content: "\e67a";
+}
+
+.icon-alignitems-baseline:before {
+    content: "\e67b";
+}
+
+.icon-add-circle:before {
+    content: "\e67c";
+}
+
+.icon-alignitems-center:before {
+    content: "\e67d";
+}