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

package/src/style/index.css

@@ -306,3 +306,188 @@
 .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;
+}