@chl1860/dynamic-form-vue3/dist/style.css

Vue3 + TypeScript + Ant Design Vue 动态表单组件

.simple-group[data-v-f4248fd8]{width:100%}.simple-group-bordered[data-v-f4248fd8]{border:1px solid #d9d9d9;border-radius:6px;padding:16px;margin-bottom:16px}.simple-group-header[data-v-f4248fd8]{margin-bottom:16px}.simple-group-title[data-v-f4248fd8]{margin:0 0 8px;font-size:16px;font-weight:600;color:#262626}.simple-group-description[data-v-f4248fd8]{margin:0;color:#8c8c8c;font-size:14px}.simple-group-content[data-v-f4248fd8]{width:100%}.simple-group-vertical[data-v-f4248fd8]{display:flex;flex-direction:column;gap:16px}.simple-group-horizontal[data-v-f4248fd8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.simple-form-item[data-v-91a77669]{margin-bottom:16px}.simple-form-item-label[data-v-91a77669]{margin-bottom:4px}.simple-form-item-label span[data-v-91a77669]{font-size:14px;color:#262626}.simple-form-item-label .required[data-v-91a77669]:before{content:"*";color:#ff4d4f;margin-right:4px}.simple-form-item-control[data-v-91a77669]{width:100%}.simple-form-item-label-col[data-v-91a77669]{display:flex;align-items:center;min-height:32px}.simple-form-item-control-col[data-v-91a77669]{display:flex;align-items:center}.simple-form-item-label.label-left[data-v-91a77669]{text-align:left}.simple-form-item-label.label-right[data-v-91a77669]{text-align:right}.simple-form-item-vertical .simple-form-item-label[data-v-91a77669]{display:block;margin-bottom:4px}.simple-form-item-vertical .simple-form-item-control[data-v-91a77669]{display:block;width:100%}.simple-form-item-horizontal[data-v-91a77669]{width:100%}.simple-form-item-horizontal .simple-form-item-label-col[data-v-91a77669]{text-align:right;padding-right:8px}.simple-form-item-grid .simple-form-item-label[data-v-91a77669]{display:inline-block!important;margin-bottom:0!important;width:100%}.simple-form-item-grid .simple-form-item-control[data-v-91a77669]{display:block!important;width:100%!important}.simple-form-item-grid .simple-form-item-label-col[data-v-91a77669]{text-align:right;padding-right:8px}.simple-form-item-inline[data-v-91a77669]{display:inline-flex;align-items:center;margin-right:16px;margin-bottom:0;vertical-align:top}.simple-form-item-inline .simple-form-item-label[data-v-91a77669]{display:inline-block;margin-right:8px;margin-bottom:0;vertical-align:middle;white-space:nowrap;width:72px;text-align:right}.simple-form-item-inline .simple-form-item-control[data-v-91a77669]{display:inline-block;vertical-align:middle}.simple-form-item-inline .simple-form-item-control[data-v-91a77669] .ant-input,.simple-form-item-inline .simple-form-item-control[data-v-91a77669] .ant-select,.simple-form-item-inline .simple-form-item-control[data-v-91a77669] .ant-input-number,.simple-form-item-inline .simple-form-item-control[data-v-91a77669] .ant-picker{width:200px!important;max-width:200px}.simple-form-item-inline .simple-form-item-control[data-v-91a77669] .ant-select{min-width:200px}@media (max-width: 576px){.simple-form-item-inline .simple-form-item-label[data-v-91a77669]{width:auto;text-align:left;margin-bottom:4px;display:block}.simple-form-item-inline .simple-form-item-control[data-v-91a77669]{display:block}}.simple-form-item-error .simple-form-item-control[data-v-91a77669] .ant-input,.simple-form-item-error .simple-form-item-control[data-v-91a77669] .ant-select-selector,.simple-form-item-error .simple-form-item-control[data-v-91a77669] .ant-input-number{border-color:#ff4d4f}.simple-form-item-error-message[data-v-91a77669]{margin-top:4px;color:#ff4d4f;font-size:12px}.simple-form-item-validating[data-v-91a77669]{margin-top:4px;color:#1890ff;font-size:12px;display:flex;align-items:center;gap:4px}.unsupported-field[data-v-91a77669]{padding:16px;background-color:#fff2e8;border:1px solid #ffbb96;border-radius:6px;color:#fa8c16;font-size:13px}.unsupported-field .error-title[data-v-91a77669]{font-weight:600;font-size:14px;margin-bottom:12px;display:flex;align-items:center;gap:6px}.unsupported-field .error-details[data-v-91a77669]{color:#8c5c00;line-height:1.5}.unsupported-field .error-details p[data-v-91a77669]{margin:6px 0}.unsupported-field .error-details ul[data-v-91a77669]{margin:8px 0;padding-left:20px}.unsupported-field .error-details li[data-v-91a77669]{margin:4px 0}.unsupported-field .debug-info[data-v-91a77669]{margin-top:12px;padding-top:12px;border-top:1px solid #ffcc80}.unsupported-field .debug-info details[data-v-91a77669]{cursor:pointer}.unsupported-field .debug-info summary[data-v-91a77669]{font-weight:500;padding:4px 0}.unsupported-field .debug-info pre[data-v-91a77669]{background:#fafafa;padding:8px;border-radius:4px;font-size:11px;overflow-x:auto;margin:6px 0}.field-tooltip-icon[data-v-91a77669]{margin-left:4px;color:#8c8c8c;font-size:14px;cursor:help;transition:color .2s ease}.field-tooltip-icon[data-v-91a77669]:hover{color:#1890ff}.simple-form-item-label[data-v-91a77669]{display:flex;align-items:center;gap:4px}.simple-form[data-v-3cfaf46c]{width:100%}.simple-form-vertical .simple-form-fields[data-v-3cfaf46c]{display:flex;flex-direction:column;gap:16px}.simple-form-horizontal[data-v-3cfaf46c]{width:100%}.simple-form-horizontal-fields .simple-form-fields[data-v-3cfaf46c]{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.simple-form-horizontal-fields .simple-form-fields .simple-form-item[data-v-3cfaf46c]{flex:1;min-width:200px}.simple-form-horizontal-fields .simple-form-fields .simple-form-item .simple-form-item-control[data-v-3cfaf46c] .ant-input,.simple-form-horizontal-fields .simple-form-fields .simple-form-item .simple-form-item-control[data-v-3cfaf46c] .ant-select,.simple-form-horizontal-fields .simple-form-fields .simple-form-item .simple-form-item-control[data-v-3cfaf46c] .ant-input-number,.simple-form-horizontal-fields .simple-form-fields .simple-form-item .simple-form-item-control[data-v-3cfaf46c] .ant-picker{width:100%}.simple-form-inline .simple-form-fields[data-v-3cfaf46c]{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px 24px;align-items:baseline}.simple-form-inline .simple-form-fields .simple-form-item[data-v-3cfaf46c]{flex:0 0 auto;margin-bottom:0}.simple-form-inline .simple-form-fields .simple-form-item .simple-form-item-label[data-v-3cfaf46c]{display:inline-block;margin-right:8px;margin-bottom:0;white-space:nowrap}.simple-form-inline .simple-form-fields .simple-form-item .simple-form-item-control[data-v-3cfaf46c]{display:inline-block;vertical-align:top}.simple-form-inline .simple-form-fields .simple-form-item .simple-form-item-control[data-v-3cfaf46c] .ant-input,.simple-form-inline .simple-form-fields .simple-form-item .simple-form-item-control[data-v-3cfaf46c] .ant-select,.simple-form-inline .simple-form-fields .simple-form-item .simple-form-item-control[data-v-3cfaf46c] .ant-input-number,.simple-form-inline .simple-form-fields .simple-form-item .simple-form-item-control[data-v-3cfaf46c] .ant-picker{width:200px}.simple-form-inline .simple-form-fields .simple-form-item .simple-form-item-control[data-v-3cfaf46c] .ant-select{min-width:100px}.simple-form-grid[data-v-3cfaf46c]{width:100%}.simple-form-label-left .simple-form-item-label[data-v-3cfaf46c]{text-align:left}.simple-form-label-right .simple-form-item-label[data-v-3cfaf46c]{text-align:right}@media (max-width: 576px){.simple-form-horizontal .simple-form-fields[data-v-3cfaf46c],.simple-form-inline .simple-form-fields[data-v-3cfaf46c]{flex-direction:column}.simple-form-inline .simple-form-fields .simple-form-item .simple-form-item-label[data-v-3cfaf46c]{display:block;margin-bottom:4px}.simple-form-inline .simple-form-fields .simple-form-item .simple-form-item-control[data-v-3cfaf46c]{display:block}}.simple-form-actions[data-v-3cfaf46c]{margin-top:24px;display:flex;gap:12px;justify-content:flex-start}.simple-form-inline .inline-actions[data-v-3cfaf46c]{margin-top:0;display:inline-flex;gap:12px;align-items:center}.custom-rating-field[data-v-24777e9b]{display:flex;flex-direction:column;gap:8px}.rating-stars[data-v-24777e9b]{display:flex;gap:4px}.star[data-v-24777e9b]{font-size:20px;color:#d9d9d9;cursor:pointer;transition:color .2s ease;user-select:none}.star[data-v-24777e9b]:hover,.star.active[data-v-24777e9b]{color:#fadb14}.star.disabled[data-v-24777e9b]{cursor:not-allowed;opacity:.6}.star.disabled[data-v-24777e9b]:hover{color:#d9d9d9}.star.disabled.active[data-v-24777e9b]{color:#fadb14;opacity:.6}.rating-text[data-v-24777e9b]{font-size:12px;color:#666;margin-top:4px}.custom-color-picker[data-v-f46e8b99]{display:flex;flex-direction:column;gap:8px}.color-display[data-v-f46e8b99]{width:100%;height:32px;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}.color-display[data-v-f46e8b99]:hover{border-color:#40a9ff}.color-display .placeholder[data-v-f46e8b99]{color:#bfbfbf;font-size:14px}.color-input[data-v-f46e8b99]{width:100%;height:32px;border:none;border-radius:6px;cursor:pointer}.color-input[data-v-f46e8b99]:disabled{cursor:not-allowed;opacity:.6}.preset-colors[data-v-f46e8b99]{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background-color:#fafafa;border-radius:6px}.preset-color[data-v-f46e8b99]{width:20px;height:20px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.preset-color[data-v-f46e8b99]:hover{transform:scale(1.1);border-color:#40a9ff}.preset-color.active[data-v-f46e8b99]{border-color:#1890ff;transform:scale(1.1)}.preset-color.disabled[data-v-f46e8b99]{cursor:not-allowed;opacity:.6}.preset-color.disabled[data-v-f46e8b99]:hover{transform:none;border-color:transparent}