xdc-ui-lib 1.0.1

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "xdc-ui-lib",
+  "version": "1.0.1",
+  "description": "常用组件库",
+  "main": "xdc-ui-lib.js",
+  "module": "xdc-ui-lib.js",
+  "types": "xdc-ui-lib.d.ts",
+  "files": [
+    "xdc-ui-lib.js",
+    "xdc-ui-lib.css",
+    "xdc-ui-lib.umd.cjs",
+    "xdc-ui-lib.d.ts"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "components",
+    "ui",
+    "ant-design-vue",
+    "vxe-table"
+  ],
+  "author": "Carl.Cao",
+  "license": "ISC",
+  "peerDependencies": {
+    "vue": "^3.5.0",
+    "pinia": "^2.0.0"
+  },
+  "dependencies": {
+    "ant-design-vue": "^4.2.6",
+    "lodash-es": "^4.17.21",
+    "vxe-pc-ui": "^4.7.25",
+    "vxe-table": "^4.14.6"
+  }
+}

package/xdc-ui-lib.css

@@ -0,0 +1 @@
+.category-search[data-v-7a0ce87e]{position:relative;width:100%}.search-wrapper[data-v-7a0ce87e]{width:100%;position:relative;display:flex;align-items:stretch}.tag-list[data-v-7a0ce87e]{position:relative;width:100%;height:100%;overflow:hidden;padding-right:8px;display:flex;flex-wrap:wrap}.tag-list-inner[data-v-7a0ce87e]{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:24px;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:2px 4px;width:100%}.tag-list-inner[data-v-7a0ce87e]::-webkit-scrollbar{width:6px;height:6px}.tag-list-inner[data-v-7a0ce87e]::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.tag-list-inner[data-v-7a0ce87e]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.tag-item[data-v-7a0ce87e]{cursor:pointer;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0 2px;line-height:28px;height:28px}.tag-item[data-v-7a0ce87e]:hover{background:#e6f7ff;border-color:#91d5ff}.dropdown-panel[data-v-7a0ce87e]{position:absolute;top:100%;left:0;width:400px;max-width:100%;background:#fff;box-shadow:0 2px 8px #00000026;border-radius:4px;margin-top:4px;z-index:1050}.type-list[data-v-7a0ce87e]{max-height:300px;overflow-y:auto}.type-item[data-v-7a0ce87e]{padding:8px 12px;cursor:pointer;transition:background-color .3s}.type-item[data-v-7a0ce87e]:hover{background:#f5f5f5}.form-content[data-v-7a0ce87e]{width:100%;padding:16px}.form-header[data-v-7a0ce87e]{display:flex;align-items:center;margin-bottom:16px;gap:8px}.form-item[data-v-7a0ce87e]{width:100%;margin-bottom:16px}.number-range[data-v-7a0ce87e]{display:flex;align-items:center;gap:8px}.form-footer[data-v-7a0ce87e]{display:flex;justify-content:flex-end;gap:8px}[data-v-7a0ce87e] .ant-input-affix-wrapper{padding:2px 4px;min-height:32px;height:auto;max-height:38px;cursor:pointer;overflow-y:auto}[data-v-7a0ce87e] .ant-input-affix-wrapper::-webkit-scrollbar{width:6px;height:6px}[data-v-7a0ce87e] .ant-input-affix-wrapper::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}[data-v-7a0ce87e] .ant-input-affix-wrapper::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}[data-v-7a0ce87e] .ant-input-disabled{cursor:not-allowed;background-color:#f5f5f5}.action-group[data-v-7a0ce87e]{display:flex;align-items:center;padding:0 0 0 8px;border-radius:0 2px 2px 0;color:#000}[data-v-7a0ce87e] .ant-popover-trigger{display:inline-flex;align-items:center;justify-content:center}[data-v-7a0ce87e] .ant-input-affix-wrapper{padding-right:8px}[data-v-7a0ce87e] .ant-input-prefix{margin-right:0;min-width:0;max-width:calc(100% - 150px);position:relative;display:flex}[data-v-7a0ce87e] .ant-picker,[data-v-7a0ce87e] .ant-select{width:100%}.column-setting-content[data-v-7a0ce87e]{min-width:250px;padding:8px}.column-list[data-v-7a0ce87e]{margin-bottom:16px}.setting-footer[data-v-7a0ce87e]{display:flex;justify-content:flex-end;gap:8px;padding-bottom:14px}.column-header[data-v-7a0ce87e]{padding:8px;border-bottom:1px solid #f0f0f0;margin-bottom:1px}.column-actions[data-v-7a0ce87e]{display:flex;align-items:center;gap:12px;width:100%}.column-title[data-v-7a0ce87e]{flex:1;margin:0 8px}.drag-handle[data-v-7a0ce87e]{cursor:move;color:#000;transition:color .3s;font-size:16px}.drag-handle[data-v-7a0ce87e]:hover{color:#1890ff}.column-item[data-v-7a0ce87e]{display:flex;padding:8px 12px;background:#fafafa;margin-bottom:8px;border-radius:4px;transition:all .3s}.column-item[data-v-7a0ce87e]:hover{background:#f0f0f0}.column-cell[data-v-7a0ce87e]{display:flex;justify-content:space-between;align-items:center;width:100%}.visibility-icon[data-v-7a0ce87e]{cursor:pointer;color:#000;font-size:14px;transition:color .3s}.visibility-icon[data-v-7a0ce87e]:hover,.visibility-icon.visible[data-v-7a0ce87e]{color:#1890ff}.visibility-icon.disabled[data-v-7a0ce87e]{cursor:not-allowed;opacity:.3;pointer-events:none}.column-actions[data-v-7a0ce87e]{display:flex;gap:8px;align-items:center}.action-icon[data-v-7a0ce87e]{cursor:pointer;color:#666;font-size:14px;transition:all .3s}.action-icon[data-v-7a0ce87e]:hover{color:#1890ff}.action-icon.active[data-v-7a0ce87e]{color:#1890ff;transform:scale(1.1)}.action-border[data-v-7a0ce87e]{pointer-events:auto;margin-left:8px;border:1px solid #d9d9d9;padding:6px 10px 4px;border-radius:5px;cursor:pointer;font-size:18px;transition:all .3s}.action-border[data-v-7a0ce87e]:hover{border:1px solid #1890ff;color:#1890ff}.action-border-disabled[data-v-7a0ce87e]{pointer-events:none;background:#f5f5f5;color:#d9d9d9!important;border:1px solid #d9d9d9!important}.form-search-wrapper>.ant-row[data-v-7a0ce87e]:last-child{margin-bottom:2px}.form-search-wrapper .form-filter-item[data-v-7a0ce87e]{margin-bottom:6px}.form-search-wrapper .form-filter-item .filter-label[data-v-7a0ce87e]{margin-bottom:6px;font-weight:500;color:#333;font-size:14px;line-height:1.2}.form-search-wrapper .form-filter-item .filter-content[data-v-7a0ce87e]{width:100%}.form-search-wrapper .form-filter-item .filter-content .form-item[data-v-7a0ce87e]{width:100%;margin-bottom:0}.form-search-wrapper .form-filter-item .filter-content .number-range[data-v-7a0ce87e]{display:flex;align-items:center;gap:6px}.form-search-wrapper .form-filter-item .filter-content .number-range .separator[data-v-7a0ce87e]{color:#999;font-size:14px}.form-search-wrapper[data-v-7a0ce87e] .ant-form,.form-search-wrapper[data-v-7a0ce87e] .ant-row{margin-bottom:4px}.form-search-wrapper[data-v-7a0ce87e] .ant-row:last-child{margin-bottom:0}.form-search-wrapper[data-v-7a0ce87e] .ant-form-item{margin-bottom:6px!important}.form-search-wrapper[data-v-7a0ce87e] .ant-form-item:last-child{margin-bottom:0!important}.form-search-wrapper[data-v-7a0ce87e] .ant-form-item .ant-form-item-explain,.form-search-wrapper[data-v-7a0ce87e] .ant-form-item .ant-form-item-extra{display:none!important}.form-search-wrapper[data-v-7a0ce87e] .ant-form-item .ant-form-item-control,.form-search-wrapper[data-v-7a0ce87e] .ant-form-item .ant-form-item-control-input,.form-search-wrapper[data-v-7a0ce87e] .ant-form-item .ant-form-item-control-input-content{min-height:auto!important}.form-search-wrapper[data-v-7a0ce87e] .ant-form-item-label{padding-bottom:2px;line-height:1.3}.form-search-wrapper[data-v-7a0ce87e] .ant-form-item-control{line-height:1.3}.form-search-wrapper[data-v-7a0ce87e] .ant-input,.form-search-wrapper[data-v-7a0ce87e] .ant-select-selector,.form-search-wrapper[data-v-7a0ce87e] .ant-picker{min-height:28px;height:28px;line-height:1.3;padding:2px 8px}.form-search-wrapper[data-v-7a0ce87e] .ant-select-single .ant-select-selector{height:28px}.form-search-wrapper[data-v-7a0ce87e] .ant-select-single .ant-select-selector .ant-select-selection-item{line-height:24px}.form-search-wrapper[data-v-7a0ce87e] .ant-input-number{height:28px}.form-search-wrapper[data-v-7a0ce87e] .ant-input-number .ant-input-number-input{height:24px;padding:2px 6px}.form-search-wrapper[data-v-7a0ce87e] .ant-switch{min-width:40px;height:20px;line-height:18px}.form-search-wrapper[data-v-7a0ce87e] .ant-switch .ant-switch-inner{font-size:12px}.form-search-wrapper[data-v-7a0ce87e] .ant-btn{height:28px;padding:2px 12px;font-size:13px;line-height:1.3}.grid-form .ant-form-item-label>label[data-v-7a0ce87e]{padding:0 11px;color:#000000d9;font-weight:400;font-size:14px;text-align:center;background-color:#fafafa;border:1px solid #d9d9d9;border-radius:6px 0 0 2px;transition:all .3s;border-radius:6px 0 0 6px;border-right:0}.grid-form .ant-picker[data-v-7a0ce87e],.grid-form .ant-input[data-v-7a0ce87e],.grid-form .ant-input-number[data-v-7a0ce87e],.grid-form .ant-input-affix-wrapper[data-v-7a0ce87e],.grid-form .ant-select .ant-select-selector[data-v-7a0ce87e]{border-top-left-radius:0;border-bottom-left-radius:0}.base-form-search[data-v-7a0ce87e] .ant-input-number,.base-form-search[data-v-7a0ce87e] .ant-select,.base-form-search[data-v-7a0ce87e] .ant-date-picker,.base-form-search[data-v-7a0ce87e] .ant-time-picker,.base-form-search[data-v-7a0ce87e] .ant-range-picker{width:100%!important}.base-form-search[data-v-7a0ce87e] .ant-radio-group,.base-form-search[data-v-7a0ce87e] .ant-checkbox-group{display:flex!important;flex-wrap:wrap!important;gap:8px 16px!important}.base-form-search.layout-vertical[data-v-7a0ce87e] .ant-form-item{margin-bottom:16px}.base-form-search.layout-grid[data-v-7a0ce87e] .ant-form{display:grid!important;grid-template-columns:repeat(var(--form-columns, 2),1fr)!important;gap:0px 24px!important}.base-form-search.layout-grid[data-v-7a0ce87e] .ant-form-item{margin-bottom:0!important}@media (max-width: 1600px){.base-form-search.layout-grid[data-v-7a0ce87e] .ant-form{grid-template-columns:repeat(var(--form-columns-xl, 3),1fr)!important}}@media (max-width: 1200px){.base-form-search.layout-grid[data-v-7a0ce87e] .ant-form{grid-template-columns:repeat(var(--form-columns-lg, 3),1fr)!important}}@media (max-width: 992px){.base-form-search.layout-grid[data-v-7a0ce87e] .ant-form{grid-template-columns:repeat(var(--form-columns-md, 2),1fr)!important}}@media (max-width: 768px){.base-form-search.layout-grid[data-v-7a0ce87e] .ant-form{grid-template-columns:repeat(var(--form-columns-sm, 1),1fr)!important}}@media (max-width: 576px){.base-form-search.layout-grid[data-v-7a0ce87e] .ant-form{grid-template-columns:repeat(var(--form-columns-xs, 1),1fr)!important}}.base-form-search.layout-grid .form-actions-item[data-v-7a0ce87e]{display:flex!important;justify-content:flex-end!important;grid-column:-2 / -1!important}.base-form .form-actions[data-v-ddb3a5ba]{margin-top:24px}.base-form .form-actions .ant-form-item-control-input-content[data-v-ddb3a5ba]{display:flex;justify-content:flex-start}.base-form[data-v-ddb3a5ba] .ant-input-number,.base-form[data-v-ddb3a5ba] .ant-select,.base-form[data-v-ddb3a5ba] .ant-date-picker,.base-form[data-v-ddb3a5ba] .ant-time-picker,.base-form[data-v-ddb3a5ba] .ant-range-picker{width:100%}.base-form[data-v-ddb3a5ba] .ant-radio-group,.base-form[data-v-ddb3a5ba] .ant-checkbox-group{display:flex;flex-wrap:wrap;gap:8px 16px}.base-form.layout-vertical[data-v-ddb3a5ba] .ant-form-item{margin-bottom:16px}.base-form.layout-grid[data-v-ddb3a5ba] .ant-form{display:grid;grid-template-columns:repeat(var(--form-columns, 2),1fr);gap:20px 16px}.base-form.layout-grid[data-v-ddb3a5ba] .ant-form-item{margin-bottom:0}.base-form.layout-grid[data-v-ddb3a5ba] .form-actions{grid-column:1 / -1;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}@media (max-width: 1600px){.base-form.layout-grid[data-v-ddb3a5ba] .ant-form{grid-template-columns:repeat(var(--form-columns-xl, 3),1fr)}}@media (max-width: 1200px){.base-form.layout-grid[data-v-ddb3a5ba] .ant-form{grid-template-columns:repeat(var(--form-columns-lg, 3),1fr)}}@media (max-width: 992px){.base-form.layout-grid[data-v-ddb3a5ba] .ant-form{grid-template-columns:repeat(var(--form-columns-md, 2),1fr)}}@media (max-width: 768px){.base-form.layout-grid[data-v-ddb3a5ba] .ant-form{grid-template-columns:repeat(var(--form-columns-sm, 1),1fr)}}@media (max-width: 576px){.base-form.layout-grid[data-v-ddb3a5ba] .ant-form{grid-template-columns:repeat(var(--form-columns-xs, 1),1fr)}}.category-search{position:relative;width:100%}.search-wrapper{width:100%;position:relative;display:flex;align-items:stretch}.tag-list{position:relative;width:100%;height:100%;overflow:hidden;padding-right:8px;display:flex;flex-wrap:wrap}.tag-list-inner{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:24px;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:2px 4px;width:100%}.tag-list-inner::-webkit-scrollbar{width:6px;height:6px}.tag-list-inner::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.tag-list-inner::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.tag-item{cursor:pointer;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0 2px;line-height:28px;height:28px}.tag-item:hover{background:#e6f7ff;border-color:#91d5ff}.dropdown-panel{position:absolute;top:100%;left:0;width:400px;max-width:100%;background:#fff;box-shadow:0 2px 8px #00000026;border-radius:4px;margin-top:4px;z-index:1050}.type-list{max-height:300px;overflow-y:auto}.type-item{padding:8px 12px;cursor:pointer;transition:background-color .3s}.type-item:hover{background:#f5f5f5}.form-content{width:100%;padding:16px}.form-header{display:flex;align-items:center;margin-bottom:16px;gap:8px}.form-item{width:100%;margin-bottom:16px}.number-range{display:flex;align-items:center;gap:8px}.form-footer{display:flex;justify-content:flex-end;gap:8px}:deep(.ant-input-affix-wrapper){padding:2px 4px;min-height:32px;height:auto;max-height:38px;cursor:pointer;overflow-y:auto}:deep(.ant-input-affix-wrapper::-webkit-scrollbar){width:6px;height:6px}:deep(.ant-input-affix-wrapper::-webkit-scrollbar-thumb){background:#d9d9d9;border-radius:3px}:deep(.ant-input-affix-wrapper::-webkit-scrollbar-track){background:#f5f5f5;border-radius:3px}:deep(.ant-input-disabled){cursor:not-allowed;background-color:#f5f5f5}.action-group{display:flex;align-items:center;padding:0 0 0 8px;border-radius:0 2px 2px 0;color:#000}:deep(.ant-popover-trigger){display:inline-flex;align-items:center;justify-content:center}:deep(.ant-input-affix-wrapper){padding-right:8px}:deep(.ant-input-prefix){margin-right:0;min-width:0;max-width:calc(100% - 150px);position:relative;display:flex}:deep(.ant-picker),:deep(.ant-select){width:100%}.column-setting-content{min-width:250px;padding:8px}.column-list{margin-bottom:16px}.setting-footer{display:flex;justify-content:flex-end;gap:8px;padding-bottom:14px}.column-header{padding:8px;border-bottom:1px solid #f0f0f0;margin-bottom:1px}.column-actions{display:flex;align-items:center;gap:12px;width:100%}.column-title{flex:1;margin:0 8px}.drag-handle{cursor:move;color:#000;transition:color .3s;font-size:16px}.drag-handle:hover{color:#1890ff}.column-item{display:flex;padding:8px 12px;background:#fafafa;margin-bottom:8px;border-radius:4px;transition:all .3s}.column-item:hover{background:#f0f0f0}.column-cell{display:flex;justify-content:space-between;align-items:center;width:100%}.visibility-icon{cursor:pointer;color:#000;font-size:14px;transition:color .3s}.visibility-icon:hover,.visibility-icon.visible{color:#1890ff}.visibility-icon.disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.column-actions{display:flex;gap:8px;align-items:center}.action-icon{cursor:pointer;color:#666;font-size:14px;transition:all .3s}.action-icon:hover{color:#1890ff}.action-icon.active{color:#1890ff;transform:scale(1.1)}.action-border{pointer-events:auto;margin-left:8px;border:1px solid #d9d9d9;padding:6px 10px 4px;border-radius:5px;cursor:pointer;font-size:18px;transition:all .3s}.action-border:hover{border:1px solid #1890ff;color:#1890ff}.action-border-disabled{pointer-events:none;background:#f5f5f5;color:#d9d9d9!important;border:1px solid #d9d9d9!important}.form-search-wrapper>.ant-row:last-child{margin-bottom:2px}.form-search-wrapper .form-filter-item{margin-bottom:6px}.form-search-wrapper .form-filter-item .filter-label{margin-bottom:6px;font-weight:500;color:#333;font-size:14px;line-height:1.2}.form-search-wrapper .form-filter-item .filter-content{width:100%}.form-search-wrapper .form-filter-item .filter-content .form-item{width:100%;margin-bottom:0}.form-search-wrapper .form-filter-item .filter-content .number-range{display:flex;align-items:center;gap:6px}.form-search-wrapper .form-filter-item .filter-content .number-range .separator{color:#999;font-size:14px}.form-search-wrapper :deep(.ant-form){margin-bottom:4px}.form-search-wrapper :deep(.ant-row){margin-bottom:4px}.form-search-wrapper :deep(.ant-row):last-child{margin-bottom:0}.form-search-wrapper :deep(.ant-form-item){margin-bottom:6px!important}.form-search-wrapper :deep(.ant-form-item):last-child{margin-bottom:0!important}.form-search-wrapper :deep(.ant-form-item) .ant-form-item-explain,.form-search-wrapper :deep(.ant-form-item) .ant-form-item-extra{display:none!important}.form-search-wrapper :deep(.ant-form-item) .ant-form-item-control{min-height:auto!important}.form-search-wrapper :deep(.ant-form-item) .ant-form-item-control-input{min-height:auto!important}.form-search-wrapper :deep(.ant-form-item) .ant-form-item-control-input-content{min-height:auto!important}.form-search-wrapper :deep(.ant-form-item-label){padding-bottom:2px;line-height:1.3}.form-search-wrapper :deep(.ant-form-item-control){line-height:1.3}.form-search-wrapper :deep(.ant-input),.form-search-wrapper :deep(.ant-select-selector),.form-search-wrapper :deep(.ant-picker){min-height:28px;height:28px;line-height:1.3;padding:2px 8px}.form-search-wrapper :deep(.ant-select-single .ant-select-selector){height:28px}.form-search-wrapper :deep(.ant-select-single .ant-select-selector) .ant-select-selection-item{line-height:24px}.form-search-wrapper :deep(.ant-input-number){height:28px}.form-search-wrapper :deep(.ant-input-number) .ant-input-number-input{height:24px;padding:2px 6px}.form-search-wrapper :deep(.ant-switch){min-width:40px;height:20px;line-height:18px}.form-search-wrapper :deep(.ant-switch) .ant-switch-inner{font-size:12px}.form-search-wrapper :deep(.ant-btn){height:28px;padding:2px 12px;font-size:13px;line-height:1.3}.grid-form .ant-form-item-label>label{padding:0 11px;color:#000000d9;font-weight:400;font-size:14px;text-align:center;background-color:#fafafa;border:1px solid #d9d9d9;border-radius:6px 0 0 2px;transition:all .3s;border-radius:6px 0 0 6px;border-right:0}.grid-form .ant-picker,.grid-form .ant-input,.grid-form .ant-input-number,.grid-form .ant-input-affix-wrapper,.grid-form .ant-select .ant-select-selector{border-top-left-radius:0;border-bottom-left-radius:0}.base-form .ant-form{max-width:100%}.base-form .ant-form-item{margin-bottom:20px}.base-form .ant-form-item .ant-form-item-label{font-weight:500}.base-form .ant-form-item .ant-form-item-label>label{color:#000000e0}.base-form .ant-form-item .ant-form-item-label>label.ant-form-item-required:before{color:#ff4d4f}.base-form .ant-form-item .ant-form-item-control .ant-form-item-control-input{min-height:32px}.base-form .ant-form-item .ant-form-item-extra{color:#00000073;font-size:12px;margin-top:4px}.base-form .ant-form-item .ant-form-item-explain.ant-form-item-explain-error{color:#ff4d4f;font-size:12px;margin-top:4px}.base-form .form-actions{margin-top:32px;padding-top:16px;border-top:1px solid #f0f0f0}.base-form .form-actions .ant-form-item-control-input-content{display:flex;justify-content:flex-start;align-items:center;gap:12px}.base-form .form-actions .ant-btn{height:36px;padding:0 24px;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.base-form .form-actions .ant-btn.ant-btn-primary{box-shadow:0 2px 4px #1890ff33}.base-form .form-actions .ant-btn.ant-btn-primary:hover{box-shadow:0 4px 8px #1890ff4d;transform:translateY(-1px)}.base-form .form-actions .ant-btn.ant-btn-default:hover{border-color:#1890ff;color:#1890ff}.base-form .ant-input,.base-form .ant-input-password,.base-form .ant-input-number,.base-form .ant-select,.base-form .ant-date-picker,.base-form .ant-time-picker,.base-form .ant-range-picker,.base-form .ant-textarea{width:100%;border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.base-form .ant-input:hover,.base-form .ant-input-password:hover,.base-form .ant-input-number:hover,.base-form .ant-select:hover,.base-form .ant-date-picker:hover,.base-form .ant-time-picker:hover,.base-form .ant-range-picker:hover,.base-form .ant-textarea:hover{border-color:#40a9ff}.base-form .ant-input:focus,.base-form .ant-input-password:focus,.base-form .ant-input-number:focus,.base-form .ant-select:focus,.base-form .ant-date-picker:focus,.base-form .ant-time-picker:focus,.base-form .ant-range-picker:focus,.base-form .ant-textarea:focus,.base-form .ant-input.ant-input-focused,.base-form .ant-input-password.ant-input-focused,.base-form .ant-input-number.ant-input-focused,.base-form .ant-select.ant-input-focused,.base-form .ant-date-picker.ant-input-focused,.base-form .ant-time-picker.ant-input-focused,.base-form .ant-range-picker.ant-input-focused,.base-form .ant-textarea.ant-input-focused,.base-form .ant-input.ant-select-focused,.base-form .ant-input-password.ant-select-focused,.base-form .ant-input-number.ant-select-focused,.base-form .ant-select.ant-select-focused,.base-form .ant-date-picker.ant-select-focused,.base-form .ant-time-picker.ant-select-focused,.base-form .ant-range-picker.ant-select-focused,.base-form .ant-textarea.ant-select-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.base-form .ant-input-number .ant-input-number-input{height:30px}.base-form .ant-input-number .ant-input-number-handler-wrap{opacity:0;transition:opacity .2s}.base-form .ant-input-number:hover .ant-input-number-handler-wrap{opacity:1}.base-form .ant-select .ant-select-selector{border-radius:6px}.base-form .ant-select.ant-select-multiple .ant-select-selection-item{background:#f6f8fa;border:1px solid #e1e8ed;border-radius:4px;color:#24292f}.base-form .ant-radio-group{display:flex;flex-wrap:wrap;gap:8px 16px}.base-form .ant-radio-group .ant-radio-wrapper{margin-right:0;margin-bottom:8px}.base-form .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner{border-radius:50%;transition:all .2s}.base-form .ant-radio-group .ant-radio-wrapper:hover .ant-radio .ant-radio-inner{border-color:#1890ff}.base-form .ant-radio-group .ant-radio-button-wrapper{border-radius:6px;margin-right:8px;transition:all .2s}.base-form .ant-radio-group .ant-radio-button-wrapper:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.base-form .ant-radio-group .ant-radio-button-wrapper:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.base-form .ant-radio-group .ant-radio-button-wrapper:hover{color:#1890ff;border-color:#1890ff}.base-form .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{background:#1890ff;border-color:#1890ff;box-shadow:0 2px 4px #1890ff33}.base-form .ant-checkbox-group{display:flex;flex-wrap:wrap;gap:8px 16px}.base-form .ant-checkbox-group .ant-checkbox-wrapper{margin-right:0;margin-bottom:8px}.base-form .ant-checkbox-group .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner{border-radius:4px;transition:all .2s}.base-form .ant-checkbox-group .ant-checkbox-wrapper:hover .ant-checkbox .ant-checkbox-inner{border-color:#1890ff}.base-form .ant-checkbox-wrapper{font-size:14px;line-height:1.5715}.base-form .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner{border-radius:4px}.base-form .ant-switch{border-radius:100px;transition:all .2s}.base-form .ant-switch.ant-switch-checked{background-color:#1890ff}.base-form .ant-switch:hover:not(.ant-switch-disabled){background-color:#40a9ff}.base-form .ant-switch:hover:not(.ant-switch-disabled).ant-switch-checked{background-color:#096dd9}.base-form .ant-slider .ant-slider-rail{background-color:#f5f5f5;border-radius:2px}.base-form .ant-slider .ant-slider-track{background-color:#1890ff;border-radius:2px}.base-form .ant-slider .ant-slider-handle{border:2px solid #1890ff;background-color:#fff;box-shadow:0 2px 6px #0000001a}.base-form .ant-slider .ant-slider-handle:hover,.base-form .ant-slider .ant-slider-handle:focus{border-color:#40a9ff;box-shadow:0 0 0 5px #1890ff1a}.base-form .ant-slider .ant-slider-dot{border:2px solid #d9d9d9;background-color:#fff}.base-form .ant-slider .ant-slider-dot.ant-slider-dot-active{border-color:#1890ff}.base-form .ant-rate{color:#fadb14;font-size:20px}.base-form .ant-rate .ant-rate-star{margin-right:8px;transition:all .2s}.base-form .ant-rate .ant-rate-star:hover{transform:scale(1.1)}.base-form.ant-form-vertical .ant-form-item .ant-form-item-label{padding-bottom:4px}.base-form.ant-form-vertical .ant-form-item .ant-form-item-label>label{height:auto}.base-form.ant-form-inline .ant-form-item{margin-right:16px;margin-bottom:16px}.base-form.ant-form-inline .ant-form-item .ant-form-item-label>label{white-space:nowrap}.base-form.ant-form-inline .form-actions{margin-top:0;padding-top:0;border-top:none}@media (max-width: 768px){.base-form .ant-form-item .ant-form-item-label{text-align:left!important}.base-form .ant-form-item .ant-form-item-label>label{white-space:normal}.base-form .form-actions .ant-form-item-control-input-content{flex-direction:column;align-items:stretch;gap:8px}.base-form .form-actions .ant-form-item-control-input-content .ant-btn{width:100%;height:40px}.base-form .ant-radio-group,.base-form .ant-checkbox-group{flex-direction:column;gap:8px}}@media (max-width: 576px){.base-form .ant-form-item{margin-bottom:16px}.base-form .form-actions{margin-top:24px;padding-top:12px}.base-form .ant-form-item-label,.base-form .ant-form-item-control{flex:none!important;max-width:none!important}.base-form .ant-form-item-label{padding-bottom:4px}}.dark .base-form .ant-form-item .ant-form-item-label>label{color:#ffffffe0}.dark .base-form .ant-form-item .ant-form-item-extra{color:#ffffff73}.dark .base-form .form-actions{border-top-color:#ffffff1a}.dark .base-form .ant-input,.dark .base-form .ant-input-password,.dark .base-form .ant-textarea,.dark .base-form .ant-select .ant-select-selector{background-color:#ffffff0a;border-color:#ffffff26;color:#ffffffe0}.dark .base-form .ant-input:hover,.dark .base-form .ant-input-password:hover,.dark .base-form .ant-textarea:hover,.dark .base-form .ant-select .ant-select-selector:hover{border-color:#1890ff}.dark .base-form .ant-input:focus,.dark .base-form .ant-input-password:focus,.dark .base-form .ant-textarea:focus,.dark .base-form .ant-select .ant-select-selector:focus,.dark .base-form .ant-input.ant-input-focused,.dark .base-form .ant-input-password.ant-input-focused,.dark .base-form .ant-textarea.ant-input-focused,.dark .base-form .ant-select .ant-select-selector.ant-input-focused{border-color:#1890ff;background-color:#ffffff14}@keyframes formItemSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.base-form .ant-form-item{animation:formItemSlideIn .3s ease-out}.base-form.loading .ant-form-item-control-input{position:relative}.base-form.loading .ant-form-item-control-input:after{content:"";position:absolute;inset:0;background:#ffffffb3;z-index:1}.base-form .ant-form-item.ant-form-item-has-error .ant-input,.base-form .ant-form-item.ant-form-item-has-error .ant-input-password,.base-form .ant-form-item.ant-form-item-has-error .ant-textarea,.base-form .ant-form-item.ant-form-item-has-error .ant-select .ant-select-selector{border-color:#ff4d4f}.base-form .ant-form-item.ant-form-item-has-error .ant-input:focus,.base-form .ant-form-item.ant-form-item-has-error .ant-input-password:focus,.base-form .ant-form-item.ant-form-item-has-error .ant-textarea:focus,.base-form .ant-form-item.ant-form-item-has-error .ant-select .ant-select-selector:focus,.base-form .ant-form-item.ant-form-item-has-error .ant-input.ant-input-focused,.base-form .ant-form-item.ant-form-item-has-error .ant-input-password.ant-input-focused,.base-form .ant-form-item.ant-form-item-has-error .ant-textarea.ant-input-focused,.base-form .ant-form-item.ant-form-item-has-error .ant-select .ant-select-selector.ant-input-focused{box-shadow:0 0 0 2px #ff4d4f1a}