@vanstack/solid-ark 0.0.36 → 0.0.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/data-table/index.mjs +1 -1
- package/dist/form/components/utils.d.ts +6 -1
- package/dist/form/index.mjs +1 -1
- package/dist/form/type.d.ts +2 -0
- package/dist/form-jqVwcqEp.js +1166 -0
- package/dist/solid-ark.css +1 -1
- package/package.json +3 -3
- package/dist/FormDatePicker-Cazd9kkD.js +0 -434
- package/dist/FormSelect-BDZATc3u.js +0 -103
- package/dist/form/components/FieldSkeleton.d.ts +0 -1
- package/dist/form-CGmUE_ol.js +0 -653
package/dist/solid-ark.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.van-badge{height:var(--van-badge-height,20px);padding:0 var(--van-badge-padding-x,6px);border-radius:var(--radius-lg,2px);font-size:var(--van-badge-font-size,10px);white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-weight:500;line-height:1;display:inline-flex}.van-badge-small{--van-badge-height:24px;--van-badge-padding-x:8px;--van-badge-font-size:11px}.van-badge-large{--van-badge-height:28px;--van-badge-padding-x:10px;--van-badge-font-size:12px}.van-badge-default{background:color-mix(in srgb, var(--muted-foreground,#737373) 12%, transparent);color:var(--muted-foreground,#737373)}.van-badge-primary{background:color-mix(in srgb, var(--primary,#3b82f6) 12%, transparent);color:var(--primary,#3b82f6)}.van-badge-outline{color:var(--card-foreground,#171717);border:1px solid var(--border,#e5e5e5);background:0 0}.van-badge-danger{background:color-mix(in srgb, var(--destructive,#ef4444) 12%, transparent);color:var(--destructive,#ef4444)}.van-badge-success{background:color-mix(in srgb, var(--success,#16a34a) 12%, transparent);color:var(--success,#16a34a)}.van-badge-warning{background:color-mix(in srgb, var(--warning,#d97706) 12%, transparent);color:var(--warning,#d97706)}.van-btn{height:var(--van-btn-height,36px);padding:0 var(--van-btn-padding-x,16px);border-radius:var(--radius-lg,2px);font-size:var(--van-btn-font-size,14px);white-space:nowrap;cursor:pointer;--van-btn-focus-ring:var(--ring,#3b82f666);outline:none;justify-content:center;align-items:center;gap:6px;font-weight:500;transition:background .15s,border-color .15s,opacity .15s,box-shadow .15s;display:inline-flex}.van-btn:focus-visible{box-shadow:0 0 0 2px var(--van-btn-focus-ring)}.van-btn:disabled{opacity:.5;cursor:not-allowed}.van-btn[data-size=small],.van-form-form[data-size=small] .van-btn:not([data-size]){--van-btn-height:32px;--van-btn-padding-x:12px;--van-btn-font-size:13px}.van-btn[data-size=large],.van-form-form[data-size=large] .van-btn:not([data-size]){--van-btn-height:40px;--van-btn-padding-x:20px;--van-btn-font-size:15px}.van-btn-icon-only{width:var(--van-btn-height,36px);min-width:0;padding:0}.van-btn-primary{background:var(--primary,#3b82f6);color:var(--primary-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--primary,#3b82f6) 40%, transparent);border:none}.van-btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--primary,#3b82f6) 85%, black)}.van-btn-outline{color:var(--card-foreground,#171717);border:1px solid var(--border,#e5e5e5);--van-btn-focus-ring:color-mix(in srgb, var(--primary,#3b82f6) 40%, transparent);background:0 0}.van-btn-outline:hover:not(:disabled){background:var(--muted,#f5f5f5)}.van-btn-ghost{color:var(--muted-foreground,#737373);background:0 0;border:none}.van-btn-ghost:hover:not(:disabled){color:var(--card-foreground,#171717)}.van-btn-ghost:focus-visible{box-shadow:none;color:var(--card-foreground,#171717);text-underline-offset:4px;text-decoration:underline}.van-btn-plain{color:inherit;background:0 0;border:none}.van-btn-danger{background:var(--destructive,#ef4444);color:var(--destructive-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--destructive,#ef4444) 40%, transparent);border:none}.van-btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--destructive,#ef4444) 85%, black)}.van-btn-success{background:var(--success,#16a34a);color:var(--success-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--success,#16a34a) 40%, transparent);border:none}.van-btn-success:hover:not(:disabled){background:color-mix(in srgb, var(--success,#16a34a) 85%, black)}.van-btn-warning{background:var(--warning,#d97706);color:var(--warning-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--warning,#d97706) 40%, transparent);border:none}.van-btn-warning:hover:not(:disabled){background:color-mix(in srgb, var(--warning,#d97706) 85%, black)}@keyframes van-btn-spin{to{transform:rotate(360deg)}}.van-btn-spinner-wrapper{flex-shrink:0;justify-content:flex-end;align-items:center;width:16px;height:16px;display:inline-flex}.van-btn-spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite van-btn-spin;display:inline-block}.van-form-form{--van-form-control-padding-y:8px;--van-form-control-padding-x:12px;--van-form-control-font-size:14px;--van-form-control-height:36px;flex-direction:column;gap:16px;width:100%;display:flex}.van-form-form[data-size=small]{--van-form-control-padding-y:6px;--van-form-control-padding-x:10px;--van-form-control-font-size:13px;--van-form-control-height:32px}.van-form-form[data-size=large]{--van-form-control-padding-y:10px;--van-form-control-padding-x:12px;--van-form-control-font-size:15px;--van-form-control-height:40px}.van-form-field{flex-direction:column;gap:6px;display:flex}.van-form-label{color:var(--card-foreground,#171717);font-size:14px;font-weight:500}.van-form-input,.van-form-textarea{width:100%;padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);box-sizing:border-box;height:var(--van-form-control-height,36px);outline:none;transition:border-color .15s}.van-form-input:focus,.van-form-textarea:focus{border-color:var(--primary,#3b82f6)}.van-form-input[data-invalid],.van-form-textarea[data-invalid]{border-color:var(--destructive,#ef4444)}.van-form-textarea{resize:vertical;min-height:80px}.van-form-input-group{box-sizing:border-box;width:100%;height:var(--van-form-control-height,36px);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.van-form-input-group:focus-within{border-color:var(--primary,#3b82f6)}.van-form-input-group:has(.van-form-input[data-invalid]){border-color:var(--destructive,#ef4444)}.van-form-input-group .van-form-input{min-width:0;height:var(--van-form-control-height,36px);background:0 0;border:none;flex:1}.van-form-input-group:has(.van-form-input-addon-prefix) .van-form-input{padding-left:0}.van-form-input-addon{color:var(--muted-foreground,#9ca3af);flex-shrink:0;align-self:stretch;align-items:center;padding:0 10px;font-size:14px;display:flex}.van-form-input-clear{color:var(--muted-foreground,#9ca3af);cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 10px 2px 2px;transition:opacity .15s,color .15s;display:flex}.van-form-input-clear-before-suffix{padding-right:2px}.van-form-input-group:hover .van-form-input-clear,.van-form-input-group:focus-within .van-form-input-clear{opacity:1;visibility:visible}.van-form-input-clear:hover{color:var(--primary,#3b82f6)}.van-form-select-control{align-items:center;display:flex;position:relative}.van-form-select-trigger{padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);box-sizing:border-box;height:var(--van-form-control-height,36px);cursor:pointer;flex:1;align-items:center;transition:border-color .15s;display:flex}.van-form-select-trigger:focus{border-color:var(--primary,#3b82f6)}.van-form-select-value{text-align:left;flex:1}.van-form-select-indicator{color:var(--muted-foreground,#9ca3af);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.van-form-select-clear{color:var(--muted-foreground,#9ca3af);cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:2px;transition:opacity .15s,color .15s;display:flex;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.van-form-select-control:hover .van-form-select-clear,.van-form-select-control:focus-within .van-form-select-clear{opacity:1;visibility:visible}.van-form-select-clear:hover{color:var(--primary,#3b82f6)}.van-form-select-clear[hidden]{display:none}.van-form-select-control:has(.van-form-select-clear) .van-form-select-trigger{padding-right:56px}.van-form-select-positioner{--z-index:50!important}.van-form-select-content{background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);min-width:var(--reference-width);padding:4px;box-shadow:0 4px 12px #0000001a}.van-form-select-item{color:var(--card-foreground,#171717);cursor:pointer;border-radius:2px;padding:8px 12px;font-size:14px;transition:background .1s}.van-form-select-item:hover,.van-form-select-item[data-highlighted]{background:var(--muted,#f5f5f5)}.van-form-select-item[data-selected]{color:var(--primary,#3b82f6);font-weight:500}.van-form-select-empty{color:var(--muted-foreground,#9ca3af);text-align:center;-webkit-user-select:none;user-select:none;cursor:default;padding:8px 12px;font-size:14px}.van-form-date-control{align-items:center;display:flex;position:relative}.van-form-date-trigger{padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);box-sizing:border-box;height:var(--van-form-control-height,36px);cursor:pointer;flex:1;align-items:center;gap:8px;padding-right:36px;transition:border-color .15s;display:flex;position:relative}.van-form-date-trigger:focus{border-color:var(--primary,#3b82f6)}.van-form-date-value{text-align:left;flex:1}.van-form-date-icon{color:var(--muted-foreground,#9ca3af);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.van-form-date-clear{color:var(--muted-foreground,#9ca3af);cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:2px;transition:opacity .15s,color .15s;display:flex;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.van-form-date-control:hover .van-form-date-clear,.van-form-date-control:focus-within .van-form-date-clear{opacity:1;visibility:visible}.van-form-date-clear:hover{color:var(--primary,#3b82f6)}.van-form-date-clear[hidden]{display:none}.van-form-date-control:has(.van-form-date-clear) .van-form-date-trigger{padding-right:56px}.van-form-date-positioner{--z-index:50!important}.van-form-date-content{background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);padding:10px;box-shadow:0 4px 12px #0000001a}.van-form-date-view{width:252px}.van-form-date-view-dual{width:auto}.van-form-date-days{gap:10px;display:flex}.van-form-date-days .van-form-date-table{width:224px}.van-form-date-view-control{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.van-form-date-nav-trigger{width:28px;height:28px;color:var(--muted-foreground,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.van-form-date-nav-trigger:hover{background:var(--muted,#f5f5f5);color:var(--card-foreground,#171717)}.van-form-date-view-trigger{color:var(--card-foreground,#171717);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:4px 8px;font-size:14px;font-weight:500;transition:background .1s}.van-form-date-view-trigger:hover{background:var(--muted,#f5f5f5)}.van-form-date-table{border-collapse:collapse;table-layout:fixed;width:100%}.van-form-date-table-header{color:var(--muted-foreground,#737373);text-align:center;padding:6px 0;font-size:12px;font-weight:400}.van-form-date-week-header,.van-form-date-week-cell{width:24px;color:var(--muted-foreground,#9ca3af);text-align:center;padding:1px 2px;font-size:11px;font-weight:400}.van-form-date-cell{text-align:center;padding:1px}.van-form-date-cell-trigger{width:100%;height:32px;color:var(--card-foreground,#171717);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;font-size:13px;transition:background .1s,color .1s;display:flex}.van-form-date-cell-trigger:hover{background:var(--muted,#f5f5f5)}.van-form-date-cell-trigger[data-selected]{background:var(--primary,#3b82f6);color:var(--primary-foreground,#fff);font-weight:500}.van-form-date-cell-trigger[data-in-range],.van-form-date-cell-trigger[data-range-start],.van-form-date-cell-trigger[data-range-end]{background:color-mix(in srgb, var(--primary,#3b82f6) 12%, transparent)}.van-form-date-cell-trigger[data-range-start],.van-form-date-cell-trigger[data-range-end]{background:var(--primary,#3b82f6);color:var(--primary-foreground,#fff);font-weight:500}.van-form-date-cell-trigger[data-outside-range]{color:var(--muted-foreground,#9ca3af)}.van-form-date-cell-trigger[data-today]:not([data-selected]){box-shadow:inset 0 0 0 1px var(--primary,#3b82f6)}.van-form-date-cell-trigger[data-unavailable]{opacity:.4}.van-form-date-cell-trigger[data-disabled]{opacity:.4;cursor:not-allowed}.van-form-date-week-mode .van-form-date-table-body .van-form-date-table-row:hover .van-form-date-cell-trigger:not([data-selected]):not([data-in-range]):not([data-range-start]):not([data-range-end]):not([data-disabled]){background:var(--muted,#f5f5f5)}.van-form-date-week-mode .van-form-date-table-body .van-form-date-table-row:hover .van-form-date-week-cell{color:var(--primary,#3b82f6)}.van-form-date-time{width:100%;padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);outline:none;margin-top:8px;font-family:inherit;transition:border-color .15s}.van-form-date-time:focus{border-color:var(--primary,#3b82f6)}.van-form-helper{color:var(--muted-foreground,#737373);font-size:12px}.van-form-error{color:var(--destructive,#ef4444);font-size:12px}.van-form-field-skeleton,.van-form-loading-wrap[data-loading]:after{border-radius:var(--radius-lg,2px);background-color:color-mix(in srgb, var(--muted,#f5f5f5) 90%, var(--muted-foreground,#9ca3af));background-image:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%);background-repeat:no-repeat;background-size:200% 100%;animation:1.4s ease-in-out infinite van-form-skeleton-shimmer}.van-form-field-skeleton{width:100%;height:var(--van-form-control-height,36px)}.van-form-loading-wrap{display:grid;position:relative}.van-form-loading-wrap[data-loading]:after{content:"";z-index:1;position:absolute;inset:0}@keyframes van-form-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.van-form-checkbox-control{border:1px solid var(--border,#d1d5db);background:var(--card,#fff);cursor:pointer;border-radius:1px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.van-form-checkbox-control:hover{border-color:var(--primary,#6366f1)}.van-form-checkbox-control[data-state=checked]{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1)}.van-form-checkbox-indicator{color:var(--primary-foreground,#fff);justify-content:center;align-items:center;display:flex}.van-form-checkbox-root{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.van-form-checkbox-label{color:var(--card-foreground,#171717);font-size:14px}.van-form-checkbox-group{flex-direction:column;gap:8px;display:flex}.van-form-check-icon{width:14px;height:14px}.van-form-switch-control{background:var(--border,#d1d5db);cursor:pointer;border-radius:11px;align-items:center;width:40px;height:22px;padding:2px;transition:background .15s;display:flex}.van-form-switch-control[data-state=checked]{background:var(--primary,#6366f1)}.van-form-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s}.van-form-switch-control[data-state=checked] .van-form-switch-thumb{transform:translate(18px)}.van-form-switch-root{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.van-form-switch-label{color:var(--card-foreground,#171717);font-size:14px}.van-form-radio-group{flex-flow:wrap;gap:8px 16px;display:flex}.van-form-radio-item{color:var(--card-foreground,#171717);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.van-form-radio-control{border:1px solid var(--border,#d1d5db);background:var(--card,#fff);border-radius:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.van-form-radio-control[data-state=checked]{border-color:var(--primary,#6366f1)}.van-form-radio-control[data-state=checked]:after{content:"";background:var(--primary,#6366f1);border-radius:0;width:12px;height:12px}.van-form-radio-control:hover{border-color:var(--primary,#6366f1)}.van-form-radio-text{flex:1}@media (prefers-color-scheme:dark){.van-form-input,.van-form-textarea,.van-form-select-trigger,.van-form-date-trigger,.van-form-date-time{background:var(--card,#1e1e2e);color:var(--card-foreground,#cdd6f4);border-color:var(--border,#313244)}.van-form-input-group{background:var(--card,#1e1e2e);border-color:var(--border,#313244)}.van-form-input-addon{color:var(--muted-foreground,#a0a0b0)}.van-form-select-content{background:var(--card,#1e1e2e);border-color:var(--border,#313244)}.van-form-select-item:hover,.van-form-select-item[data-highlighted]{background:var(--muted,#27273e)}.van-form-date-content{background:var(--card,#1e1e2e);border-color:var(--border,#313244)}.van-form-date-nav-trigger:hover,.van-form-date-view-trigger:hover,.van-form-date-cell-trigger:hover,.van-form-date-week-mode .van-form-date-table-body .van-form-date-table-row:hover .van-form-date-cell-trigger:not([data-selected]):not([data-in-range]):not([data-range-start]):not([data-range-end]):not([data-disabled]){background:var(--muted,#27273e)}.van-form-field-skeleton,.van-form-loading-wrap[data-loading]:after{background-color:var(--muted,#27273e);background-image:linear-gradient(90deg,#0000 0%,#ffffff1f 50%,#0000 100%)}}.van-table-wrapper{width:100%;color:var(--card-foreground,#1f2937);flex-direction:column;gap:12px;font-size:14px;display:flex}.van-table-container{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-xl,2px);background:var(--card,#fff);position:relative;overflow:auto}.van-table-loading-mask{z-index:10;background:color-mix(in srgb, var(--card,#fff) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.van-table-spinner{border:3px solid var(--border,#e5e7eb);border-top-color:var(--primary,#6366f1);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite van-table-spin}@keyframes van-table-spin{to{transform:rotate(360deg)}}.van-table{table-layout:fixed;border-collapse:collapse;width:100%}.van-table-th{z-index:1;text-align:left;color:var(--muted-foreground,#9ca3af);border-bottom:1px solid var(--border,#e5e7eb);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:14px;font-weight:400;position:sticky;top:0}.van-table-th-sortable{cursor:pointer}.van-table-th-sortable:hover{background:var(--secondary,#f3f4f6)}.van-table-th-content{align-items:center;gap:4px;display:inline-flex}.van-table-sort-icon{flex-shrink:0;width:8px;height:14px}.van-table-sort-arrow{color:var(--muted-foreground,#9ca3af);opacity:.35}.van-table-sort-arrow.van-table-sort-active{opacity:1;color:var(--primary,#6366f1)}.van-table-tr{border-bottom:1px solid var(--border,#f3f4f6);transition:background .12s}.van-table-tr:last-child{border-bottom:none}.van-table-tr:hover{background:var(--muted,#f9fafb)}.van-table-tr-selected{background:color-mix(in srgb, var(--primary,#6366f1) 3%, transparent)!important}.van-table-td{vertical-align:middle;padding:10px 14px}.van-table-empty{text-align:center;color:var(--muted-foreground,#9ca3af);padding:56px 16px;font-size:14px}.van-table-checkbox-control{border:1px solid var(--input,#d1d5db);background:var(--card,#fff);cursor:pointer;border-radius:1px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.van-table-checkbox-control:hover{border-color:var(--primary,#6366f1)}.van-table-checkbox-control[data-state=checked],.van-table-checkbox-control[data-state=indeterminate]{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1)}.van-table-checkbox-indicator{color:var(--primary-foreground,#fff);justify-content:center;align-items:center;display:flex}.van-table-check-icon{width:14px;height:14px}@media (prefers-color-scheme:dark){.van-table-wrapper{--card:#1e1e2e;--card-foreground:#cdd6f4;--foreground:#cdd6f4;--muted:#181825;--muted-foreground:#9399b2;--border:#313244;--input:#45475a;--secondary:#27273e;--primary:#89b4fa;--primary-foreground:#1e1e2e}}.van-table-wrapper[data-density=compact] .van-table-th,.van-table-wrapper[data-density=compact] .van-table-td{padding:6px 12px}.van-table-th-select,.van-table-td-select{width:36px;padding-left:14px;padding-right:8px}.van-data-table{width:100%;color:var(--card-foreground,#1f2937);border:1px solid var(--border,#e5e7eb);background-color:#fff;border-radius:4px;flex-direction:column;font-size:14px;display:flex}.van-data-table-search{width:100%;padding:14px}.van-data-table-search .van-form-form{flex-flow:wrap;align-items:flex-end;gap:8px}.van-data-table-search .van-form-field{width:192px}.van-data-table-search .van-form-input,.van-data-table-search .van-form-select-trigger,.van-data-table-search .van-form-date-trigger{box-sizing:border-box;height:36px}.van-data-table-search-actions{gap:6px;display:flex}.van-data-table-toolbar{justify-content:flex-start;align-items:center;gap:8px;padding:8px 14px;display:flex}.van-data-table-actions{align-items:center;gap:6px;display:flex}.van-data-table-actions .van-btn{height:22px;padding:0 6px;font-size:12px}.van-data-table-badges{flex-wrap:wrap;gap:6px;display:flex}.van-data-table-ellipsis{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:100%;display:inline-block;overflow:hidden}.van-data-table-tooltip{z-index:1000;border-radius:var(--radius-lg,2px);max-width:320px;color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);pointer-events:none;white-space:normal;word-break:break-all;padding:6px 10px;font-size:12px;line-height:1.5;position:fixed;box-shadow:0 4px 12px #0000001a}.van-data-table-search+.van-data-table-toolbar{border-top:1px solid var(--border,#e5e7eb)}.van-data-table .van-table-container{border-left:none;border-right:none}.van-data-table-pagination{color:var(--muted-foreground,#9ca3af);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.van-data-table-pagination-buttons{align-items:center;gap:6px;display:flex}.van-data-table-pagination-btn{min-width:32px;height:32px;color:var(--card-foreground,#1f2937);background:var(--card,#fff);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0 6px;font-size:14px;transition:all .15s;display:inline-flex}.van-data-table-pagination-btn:hover:not(:disabled):not([data-selected]){background:var(--muted,#6366f1)}.van-data-table-pagination-btn[data-selected]{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1);color:var(--primary-foreground,#fff)}.van-data-table-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.van-data-table-pagination-ellipsis{min-width:24px;height:32px;color:var(--muted-foreground,#9ca3af);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.van-data-table-pagination-icon{width:14px;height:14px}@media (prefers-color-scheme:dark){.van-data-table{--card:#1e1e2e;--card-foreground:#cdd6f4;--foreground:#cdd6f4;--muted:#181825;--muted-foreground:#9399b2;--border:#313244;--input:#45475a;--secondary:#27273e;--primary:#89b4fa;--primary-foreground:#1e1e2e}}@keyframes van-drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-drawer-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes van-drawer-slide-out-right{to{transform:translate(100%)}}@keyframes van-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes van-drawer-slide-out-left{to{transform:translate(-100%)}}@keyframes van-drawer-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes van-drawer-slide-out-top{to{transform:translateY(-100%)}}@keyframes van-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes van-drawer-slide-out-bottom{to{transform:translateY(100%)}}.van-drawer-backdrop{z-index:var(--z,1000);background:#0006;position:fixed;inset:0}.van-drawer-backdrop[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-fade-in}.van-drawer-backdrop[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) van-drawer-fade-out}.van-drawer-positioner{z-index:calc(var(--z-index-base,1000) + var(--layer-index,0));position:fixed;inset:0}.van-drawer-content{position:fixed}.van-drawer-content[data-placement=right],.van-drawer-content:not([data-placement]){width:var(--van-drawer-size,400px);max-width:100vw;top:0;bottom:0;right:0}.van-drawer-content[data-placement=right][data-state=open],.van-drawer-content:not([data-placement])[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-right}.van-drawer-content[data-placement=right][data-state=closed],.van-drawer-content:not([data-placement])[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-right}.van-drawer-content[data-placement=left]{width:var(--van-drawer-size,400px);max-width:100vw;top:0;bottom:0;left:0}.van-drawer-content[data-placement=left][data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-left}.van-drawer-content[data-placement=left][data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-left}.van-drawer-content[data-placement=top]{height:var(--van-drawer-size,400px);max-height:100vh;top:0;left:0;right:0}.van-drawer-content[data-placement=top][data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-top}.van-drawer-content[data-placement=top][data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-top}.van-drawer-content[data-placement=bottom]{height:var(--van-drawer-size,400px);max-height:100vh;bottom:0;left:0;right:0}.van-drawer-content[data-placement=bottom][data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-bottom}.van-drawer-content[data-placement=bottom][data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-bottom}.van-drawer-content-inner{background:var(--card,#fff);border-radius:2px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 4px 16px #0000001a}.van-drawer-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 20px 12px;display:flex}.van-drawer-title{color:var(--card-foreground,#171717);margin:0;font-size:16px;font-weight:600;line-height:1.4}.van-drawer-close{border-radius:var(--radius-lg,2px);cursor:pointer;width:24px;height:24px;color:var(--muted-foreground,#737373);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-2px -2px 0 8px;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.van-drawer-close:hover{background:var(--muted,#f5f5f5);color:var(--card-foreground,#171717)}.van-drawer-desc{color:var(--muted-foreground,#737373);padding:0 20px 14px;font-size:14px;line-height:1.5}.van-drawer-body{flex:1;min-height:0;padding:2px 20px 16px;overflow-y:auto}.van-drawer-footer{border-top:1px solid var(--border,#e5e5e5);flex-shrink:0;justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.van-drawer-footer .van-btn{min-width:84px}.van-drawer-grabber{cursor:grab;flex-shrink:0;justify-content:center;padding:8px 0 0;display:flex}.van-drawer-grabber:active{cursor:grabbing}.van-drawer-grabber-indicator{background:#d4d4d4;border-radius:2px;width:36px;height:4px}@keyframes van-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-modal-scale-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:none}}@keyframes van-modal-scale-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.95)translateY(-4px)}}.van-modal-backdrop{z-index:var(--z,1000);background:#0006;position:fixed;inset:0}.van-modal-backdrop[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-modal-fade-in}.van-modal-backdrop[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) van-modal-fade-out}.van-modal-positioner{z-index:calc(var(--z-index-base,1000) + var(--layer-index,0));justify-content:center;align-items:start;padding:15vh 1rem 1rem;display:flex;position:fixed;inset:0}.van-modal-positioner[data-center]{align-items:center;padding-top:1rem}.van-modal-content{background:var(--card,#fff);border-radius:var(--radius-lg,2px);width:var(--van-modal-width,min(480px, 92vw));min-width:min(420px,92vw);max-height:var(--van-modal-max-height,90vh);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 4px 16px #0000001a}.van-modal-content[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-modal-scale-in}.van-modal-content[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) van-modal-scale-out}.van-modal-header{background:var(--muted,#f5f5f5);border-bottom:1px solid var(--border,#e5e5e5);justify-content:space-between;align-items:center;gap:12px;height:56px;padding-left:16px;display:flex}.van-modal-title{color:var(--card-foreground,#171717);margin:0;font-size:16px;line-height:1.4}.van-modal-header-actions{flex-shrink:0;align-items:center;gap:6px;padding-right:12px;display:flex}.van-modal-header .van-modal-header-btn{border-radius:var(--radius-lg,2px);flex-shrink:0;width:36px;height:36px;padding:0}.van-modal-header .van-modal-header-btn-cancel{background:var(--border,#e5e5e5);color:var(--muted-foreground,#737373)}.van-modal-header .van-modal-header-btn-cancel:hover:not(:disabled){background:color-mix(in srgb, var(--border,#e5e5e5) 78%, black);color:var(--card-foreground,#171717)}.van-modal-header .van-modal-header-btn-confirm{background:var(--primary,#3b82f6);color:var(--primary-foreground,#fff)}.van-modal-header .van-modal-header-btn-confirm:hover:not(:disabled){background:color-mix(in srgb, var(--primary,#3b82f6) 85%, black);color:var(--primary-foreground,#fff)}.van-modal-header .van-modal-header-btn .van-btn-spinner-wrapper{width:18px;height:18px}.van-modal-header .van-modal-header-btn .van-btn-spinner{border-width:2px;width:18px;height:18px}.van-modal-desc{color:var(--muted-foreground,#737373);padding:20px;font-size:16px;line-height:1.5}.van-modal-body{flex:1;padding:0;overflow-y:auto}[data-scope=dialog][data-part=content][data-has-nested]{transform:scale(calc(1 - var(--nested-layer-count,0) * .03))}[data-scope=toast][data-part=root]{transform:translate3d(var(--x,0), var(--y,100%), 0);z-index:var(--z-index,0);opacity:var(--opacity,1);background:var(--card,#fff);border-radius:var(--radius-lg,2px);min-width:320px;max-width:420px;transition:transform .25s,opacity .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001f}.van-toast-bar{flex-shrink:0;width:4px}[data-type=success] .van-toast-bar{background:var(--success,#22c55e)}[data-type=error] .van-toast-bar{background:var(--destructive,#ef4444)}[data-type=info] .van-toast-bar{background:var(--primary,#3b82f6)}[data-type=warning] .van-toast-bar{background:var(--warning,#f59e0b)}[data-type=loading] .van-toast-bar{background:var(--muted-foreground,#f5f5f5)}.van-toast-body{flex:1;min-width:0;padding:12px 40px 12px 16px}.van-toast-title{color:var(--card-foreground,#171717);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden}.van-toast-desc{color:var(--muted-foreground,#737373);margin-top:2px;font-size:14px;line-height:1.5}.van-toast-close{cursor:pointer;width:20px;height:20px;color:var(--muted-foreground,#9ca3af);background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:12px;right:12px}.van-toast-close:hover{color:var(--card-foreground,#4b5563);background:var(--muted,#f3f4f6)}.van-toast-close-x{width:12px;height:12px;display:block;position:relative}.van-toast-close-x:before,.van-toast-close-x:after{content:"";background:currentColor;border-radius:1px;width:12px;height:1.5px;position:absolute;top:50%;left:50%}.van-toast-close-x:before{transform:translate(-50%,-50%)rotate(45deg)}.van-toast-close-x:after{transform:translate(-50%,-50%)rotate(-45deg)}
|
|
1
|
+
.van-badge{height:var(--van-badge-height,20px);padding:0 var(--van-badge-padding-x,6px);border-radius:var(--radius-lg,2px);font-size:var(--van-badge-font-size,10px);white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-weight:500;line-height:1;display:inline-flex}.van-badge-small{--van-badge-height:24px;--van-badge-padding-x:8px;--van-badge-font-size:11px}.van-badge-large{--van-badge-height:28px;--van-badge-padding-x:10px;--van-badge-font-size:12px}.van-badge-default{background:color-mix(in srgb, var(--muted-foreground,#737373) 12%, transparent);color:var(--muted-foreground,#737373)}.van-badge-primary{background:color-mix(in srgb, var(--primary,#3b82f6) 12%, transparent);color:var(--primary,#3b82f6)}.van-badge-outline{color:var(--card-foreground,#171717);border:1px solid var(--border,#e5e5e5);background:0 0}.van-badge-danger{background:color-mix(in srgb, var(--destructive,#ef4444) 12%, transparent);color:var(--destructive,#ef4444)}.van-badge-success{background:color-mix(in srgb, var(--success,#16a34a) 12%, transparent);color:var(--success,#16a34a)}.van-badge-warning{background:color-mix(in srgb, var(--warning,#d97706) 12%, transparent);color:var(--warning,#d97706)}.van-btn{height:var(--van-btn-height,36px);padding:0 var(--van-btn-padding-x,16px);border-radius:var(--radius-lg,2px);font-size:var(--van-btn-font-size,14px);white-space:nowrap;cursor:pointer;--van-btn-focus-ring:var(--ring,#3b82f666);outline:none;justify-content:center;align-items:center;gap:6px;font-weight:500;transition:background .15s,border-color .15s,opacity .15s,box-shadow .15s;display:inline-flex}.van-btn:focus-visible{box-shadow:0 0 0 2px var(--van-btn-focus-ring)}.van-btn:disabled{opacity:.5;cursor:not-allowed}.van-btn[data-size=small],.van-form-form[data-size=small] .van-btn:not([data-size]){--van-btn-height:32px;--van-btn-padding-x:12px;--van-btn-font-size:13px}.van-btn[data-size=large],.van-form-form[data-size=large] .van-btn:not([data-size]){--van-btn-height:40px;--van-btn-padding-x:20px;--van-btn-font-size:15px}.van-btn-icon-only{width:var(--van-btn-height,36px);min-width:0;padding:0}.van-btn-primary{background:var(--primary,#3b82f6);color:var(--primary-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--primary,#3b82f6) 40%, transparent);border:none}.van-btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--primary,#3b82f6) 85%, black)}.van-btn-outline{color:var(--card-foreground,#171717);border:1px solid var(--border,#e5e5e5);--van-btn-focus-ring:color-mix(in srgb, var(--primary,#3b82f6) 40%, transparent);background:0 0}.van-btn-outline:hover:not(:disabled){background:var(--muted,#f5f5f5)}.van-btn-ghost{color:var(--muted-foreground,#737373);background:0 0;border:none}.van-btn-ghost:hover:not(:disabled){color:var(--card-foreground,#171717)}.van-btn-ghost:focus-visible{box-shadow:none;color:var(--card-foreground,#171717);text-underline-offset:4px;text-decoration:underline}.van-btn-plain{color:inherit;background:0 0;border:none}.van-btn-danger{background:var(--destructive,#ef4444);color:var(--destructive-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--destructive,#ef4444) 40%, transparent);border:none}.van-btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--destructive,#ef4444) 85%, black)}.van-btn-success{background:var(--success,#16a34a);color:var(--success-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--success,#16a34a) 40%, transparent);border:none}.van-btn-success:hover:not(:disabled){background:color-mix(in srgb, var(--success,#16a34a) 85%, black)}.van-btn-warning{background:var(--warning,#d97706);color:var(--warning-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--warning,#d97706) 40%, transparent);border:none}.van-btn-warning:hover:not(:disabled){background:color-mix(in srgb, var(--warning,#d97706) 85%, black)}@keyframes van-btn-spin{to{transform:rotate(360deg)}}.van-btn-spinner-wrapper{flex-shrink:0;justify-content:flex-end;align-items:center;width:16px;height:16px;display:inline-flex}.van-btn-spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite van-btn-spin;display:inline-block}.van-form-form{--van-form-control-padding-y:8px;--van-form-control-padding-x:12px;--van-form-control-font-size:14px;--van-form-control-height:36px;flex-direction:column;gap:16px;width:100%;display:flex}.van-form-form[data-size=small]{--van-form-control-padding-y:6px;--van-form-control-padding-x:10px;--van-form-control-font-size:13px;--van-form-control-height:32px}.van-form-form[data-size=large]{--van-form-control-padding-y:10px;--van-form-control-padding-x:12px;--van-form-control-font-size:15px;--van-form-control-height:40px}.van-form-field{flex-direction:column;gap:6px;display:flex}.van-form-label{color:var(--card-foreground,#171717);font-size:14px;font-weight:500}.van-form-required{color:var(--destructive,#ef4444);margin-inline-end:4px}.van-form-input,.van-form-textarea{width:100%;padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);box-sizing:border-box;height:var(--van-form-control-height,36px);outline:none;transition:border-color .15s}.van-form-input:focus,.van-form-textarea:focus{border-color:var(--primary,#3b82f6)}.van-form-input[data-invalid],.van-form-textarea[data-invalid]{border-color:var(--destructive,#ef4444)}.van-form-textarea{resize:vertical;min-height:80px}.van-form-input-group{box-sizing:border-box;width:100%;height:var(--van-form-control-height,36px);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.van-form-input-group:focus-within{border-color:var(--primary,#3b82f6)}.van-form-input-group:has(.van-form-input[data-invalid]){border-color:var(--destructive,#ef4444)}.van-form-input-group .van-form-input{min-width:0;height:var(--van-form-control-height,36px);background:0 0;border:none;flex:1}.van-form-input-group:has(.van-form-input-addon-prefix) .van-form-input{padding-left:0}.van-form-input-addon{color:var(--muted-foreground,#9ca3af);flex-shrink:0;align-self:stretch;align-items:center;padding:0 10px;font-size:14px;display:flex}.van-form-input-clear{color:var(--muted-foreground,#9ca3af);cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 10px 2px 2px;transition:opacity .15s,color .15s;display:flex}.van-form-input-clear-before-suffix{padding-right:2px}.van-form-input-group:hover .van-form-input-clear,.van-form-input-group:focus-within .van-form-input-clear{opacity:1;visibility:visible}.van-form-input-clear:hover{color:var(--primary,#3b82f6)}.van-form-select-control{align-items:center;display:flex;position:relative}.van-form-select-trigger{padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);box-sizing:border-box;height:var(--van-form-control-height,36px);cursor:pointer;flex:1;align-items:center;transition:border-color .15s;display:flex}.van-form-select-trigger:focus{border-color:var(--primary,#3b82f6)}.van-form-select-value{text-align:left;flex:1}.van-form-select-indicator{color:var(--muted-foreground,#9ca3af);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.van-form-select-clear{color:var(--muted-foreground,#9ca3af);cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:2px;transition:opacity .15s,color .15s;display:flex;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.van-form-select-control:hover .van-form-select-clear,.van-form-select-control:focus-within .van-form-select-clear{opacity:1;visibility:visible}.van-form-select-clear:hover{color:var(--primary,#3b82f6)}.van-form-select-clear[hidden]{display:none}.van-form-select-control:has(.van-form-select-clear) .van-form-select-trigger{padding-right:56px}.van-form-select-positioner{--z-index:50!important}.van-form-select-content{background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);min-width:var(--reference-width);padding:4px;box-shadow:0 4px 12px #0000001a}.van-form-select-item{color:var(--card-foreground,#171717);cursor:pointer;border-radius:2px;padding:8px 12px;font-size:14px;transition:background .1s}.van-form-select-item:hover,.van-form-select-item[data-highlighted]{background:var(--muted,#f5f5f5)}.van-form-select-item[data-selected]{color:var(--primary,#3b82f6);font-weight:500}.van-form-select-empty{color:var(--muted-foreground,#9ca3af);text-align:center;-webkit-user-select:none;user-select:none;cursor:default;padding:8px 12px;font-size:14px}.van-form-date-control{align-items:center;display:flex;position:relative}.van-form-date-trigger{padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);box-sizing:border-box;height:var(--van-form-control-height,36px);cursor:pointer;flex:1;align-items:center;gap:8px;padding-right:36px;transition:border-color .15s;display:flex;position:relative}.van-form-date-trigger:focus{border-color:var(--primary,#3b82f6)}.van-form-date-value{text-align:left;flex:1}.van-form-date-icon{color:var(--muted-foreground,#9ca3af);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.van-form-date-clear{color:var(--muted-foreground,#9ca3af);cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:2px;transition:opacity .15s,color .15s;display:flex;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.van-form-date-control:hover .van-form-date-clear,.van-form-date-control:focus-within .van-form-date-clear{opacity:1;visibility:visible}.van-form-date-clear:hover{color:var(--primary,#3b82f6)}.van-form-date-clear[hidden]{display:none}.van-form-date-control:has(.van-form-date-clear) .van-form-date-trigger{padding-right:56px}.van-form-date-positioner{--z-index:50!important}.van-form-date-content{background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);padding:10px;box-shadow:0 4px 12px #0000001a}.van-form-date-view{width:252px}.van-form-date-view-dual{width:auto}.van-form-date-days{gap:10px;display:flex}.van-form-date-days .van-form-date-table{width:224px}.van-form-date-view-control{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.van-form-date-nav-trigger{width:28px;height:28px;color:var(--muted-foreground,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.van-form-date-nav-trigger:hover{background:var(--muted,#f5f5f5);color:var(--card-foreground,#171717)}.van-form-date-view-trigger{color:var(--card-foreground,#171717);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:4px 8px;font-size:14px;font-weight:500;transition:background .1s}.van-form-date-view-trigger:hover{background:var(--muted,#f5f5f5)}.van-form-date-table{border-collapse:collapse;table-layout:fixed;width:100%}.van-form-date-table-header{color:var(--muted-foreground,#737373);text-align:center;padding:6px 0;font-size:12px;font-weight:400}.van-form-date-week-header,.van-form-date-week-cell{width:24px;color:var(--muted-foreground,#9ca3af);text-align:center;padding:1px 2px;font-size:11px;font-weight:400}.van-form-date-cell{text-align:center;padding:1px}.van-form-date-cell-trigger{width:100%;height:32px;color:var(--card-foreground,#171717);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;font-size:13px;transition:background .1s,color .1s;display:flex}.van-form-date-cell-trigger:hover{background:var(--muted,#f5f5f5)}.van-form-date-cell-trigger[data-selected]{background:var(--primary,#3b82f6);color:var(--primary-foreground,#fff);font-weight:500}.van-form-date-cell-trigger[data-in-range],.van-form-date-cell-trigger[data-range-start],.van-form-date-cell-trigger[data-range-end]{background:color-mix(in srgb, var(--primary,#3b82f6) 12%, transparent)}.van-form-date-cell-trigger[data-range-start],.van-form-date-cell-trigger[data-range-end]{background:var(--primary,#3b82f6);color:var(--primary-foreground,#fff);font-weight:500}.van-form-date-cell-trigger[data-outside-range]{color:var(--muted-foreground,#9ca3af)}.van-form-date-cell-trigger[data-today]:not([data-selected]){box-shadow:inset 0 0 0 1px var(--primary,#3b82f6)}.van-form-date-cell-trigger[data-unavailable]{opacity:.4}.van-form-date-cell-trigger[data-disabled]{opacity:.4;cursor:not-allowed}.van-form-date-week-mode .van-form-date-table-body .van-form-date-table-row:hover .van-form-date-cell-trigger:not([data-selected]):not([data-in-range]):not([data-range-start]):not([data-range-end]):not([data-disabled]){background:var(--muted,#f5f5f5)}.van-form-date-week-mode .van-form-date-table-body .van-form-date-table-row:hover .van-form-date-week-cell{color:var(--primary,#3b82f6)}.van-form-date-time{width:100%;padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);outline:none;margin-top:8px;font-family:inherit;transition:border-color .15s}.van-form-date-time:focus{border-color:var(--primary,#3b82f6)}.van-form-helper{color:var(--muted-foreground,#737373);font-size:12px}.van-form-error{color:var(--destructive,#ef4444);font-size:12px}.van-form-field-skeleton,.van-form-loading-wrap[data-loading]:after{border-radius:var(--radius-lg,2px);background-color:color-mix(in srgb, var(--muted,#f5f5f5) 90%, var(--muted-foreground,#9ca3af));background-image:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%);background-repeat:no-repeat;background-size:200% 100%;animation:1.4s ease-in-out infinite van-form-skeleton-shimmer}.van-form-field-skeleton{width:100%;height:var(--van-form-control-height,36px)}.van-form-loading-wrap{display:grid;position:relative}.van-form-loading-wrap[data-loading]:after{content:"";z-index:1;position:absolute;inset:0}@keyframes van-form-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.van-form-checkbox-control{border:1px solid var(--border,#d1d5db);background:var(--card,#fff);cursor:pointer;border-radius:1px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.van-form-checkbox-control:hover{border-color:var(--primary,#6366f1)}.van-form-checkbox-control[data-state=checked]{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1)}.van-form-checkbox-indicator{color:var(--primary-foreground,#fff);justify-content:center;align-items:center;display:flex}.van-form-checkbox-root{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.van-form-checkbox-label{color:var(--card-foreground,#171717);font-size:14px}.van-form-checkbox-group{flex-direction:column;gap:8px;display:flex}.van-form-check-icon{width:14px;height:14px}.van-form-switch-control{background:var(--border,#d1d5db);cursor:pointer;border-radius:11px;align-items:center;width:40px;height:22px;padding:2px;transition:background .15s;display:flex}.van-form-switch-control[data-state=checked]{background:var(--primary,#6366f1)}.van-form-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s}.van-form-switch-control[data-state=checked] .van-form-switch-thumb{transform:translate(18px)}.van-form-switch-root{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.van-form-switch-label{color:var(--card-foreground,#171717);font-size:14px}.van-form-radio-group{flex-flow:wrap;gap:8px 16px;display:flex}.van-form-radio-item{color:var(--card-foreground,#171717);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.van-form-radio-control{border:1px solid var(--border,#d1d5db);background:var(--card,#fff);border-radius:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.van-form-radio-control[data-state=checked]{border-color:var(--primary,#6366f1)}.van-form-radio-control[data-state=checked]:after{content:"";background:var(--primary,#6366f1);border-radius:0;width:12px;height:12px}.van-form-radio-control:hover{border-color:var(--primary,#6366f1)}.van-form-radio-text{flex:1}@media (prefers-color-scheme:dark){.van-form-input,.van-form-textarea,.van-form-select-trigger,.van-form-date-trigger,.van-form-date-time{background:var(--card,#1e1e2e);color:var(--card-foreground,#cdd6f4);border-color:var(--border,#313244)}.van-form-input-group{background:var(--card,#1e1e2e);border-color:var(--border,#313244)}.van-form-input-addon{color:var(--muted-foreground,#a0a0b0)}.van-form-select-content{background:var(--card,#1e1e2e);border-color:var(--border,#313244)}.van-form-select-item:hover,.van-form-select-item[data-highlighted]{background:var(--muted,#27273e)}.van-form-date-content{background:var(--card,#1e1e2e);border-color:var(--border,#313244)}.van-form-date-nav-trigger:hover,.van-form-date-view-trigger:hover,.van-form-date-cell-trigger:hover,.van-form-date-week-mode .van-form-date-table-body .van-form-date-table-row:hover .van-form-date-cell-trigger:not([data-selected]):not([data-in-range]):not([data-range-start]):not([data-range-end]):not([data-disabled]){background:var(--muted,#27273e)}.van-form-field-skeleton,.van-form-loading-wrap[data-loading]:after{background-color:var(--muted,#27273e);background-image:linear-gradient(90deg,#0000 0%,#ffffff1f 50%,#0000 100%)}}.van-table-wrapper{width:100%;color:var(--card-foreground,#1f2937);flex-direction:column;gap:12px;font-size:14px;display:flex}.van-table-container{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-xl,2px);background:var(--card,#fff);position:relative;overflow:auto}.van-table-loading-mask{z-index:10;background:color-mix(in srgb, var(--card,#fff) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.van-table-spinner{border:3px solid var(--border,#e5e7eb);border-top-color:var(--primary,#6366f1);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite van-table-spin}@keyframes van-table-spin{to{transform:rotate(360deg)}}.van-table{table-layout:fixed;border-collapse:collapse;width:100%}.van-table-th{z-index:1;text-align:left;color:var(--muted-foreground,#9ca3af);border-bottom:1px solid var(--border,#e5e7eb);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:14px;font-weight:400;position:sticky;top:0}.van-table-th-sortable{cursor:pointer}.van-table-th-sortable:hover{background:var(--secondary,#f3f4f6)}.van-table-th-content{align-items:center;gap:4px;display:inline-flex}.van-table-sort-icon{flex-shrink:0;width:8px;height:14px}.van-table-sort-arrow{color:var(--muted-foreground,#9ca3af);opacity:.35}.van-table-sort-arrow.van-table-sort-active{opacity:1;color:var(--primary,#6366f1)}.van-table-tr{border-bottom:1px solid var(--border,#f3f4f6);transition:background .12s}.van-table-tr:last-child{border-bottom:none}.van-table-tr:hover{background:var(--muted,#f9fafb)}.van-table-tr-selected{background:color-mix(in srgb, var(--primary,#6366f1) 3%, transparent)!important}.van-table-td{vertical-align:middle;padding:10px 14px}.van-table-empty{text-align:center;color:var(--muted-foreground,#9ca3af);padding:56px 16px;font-size:14px}.van-table-checkbox-control{border:1px solid var(--input,#d1d5db);background:var(--card,#fff);cursor:pointer;border-radius:1px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.van-table-checkbox-control:hover{border-color:var(--primary,#6366f1)}.van-table-checkbox-control[data-state=checked],.van-table-checkbox-control[data-state=indeterminate]{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1)}.van-table-checkbox-indicator{color:var(--primary-foreground,#fff);justify-content:center;align-items:center;display:flex}.van-table-check-icon{width:14px;height:14px}@media (prefers-color-scheme:dark){.van-table-wrapper{--card:#1e1e2e;--card-foreground:#cdd6f4;--foreground:#cdd6f4;--muted:#181825;--muted-foreground:#9399b2;--border:#313244;--input:#45475a;--secondary:#27273e;--primary:#89b4fa;--primary-foreground:#1e1e2e}}.van-table-wrapper[data-density=compact] .van-table-th,.van-table-wrapper[data-density=compact] .van-table-td{padding:6px 12px}.van-table-th-select,.van-table-td-select{width:36px;padding-left:14px;padding-right:8px}.van-data-table{width:100%;color:var(--card-foreground,#1f2937);border:1px solid var(--border,#e5e7eb);background-color:#fff;border-radius:4px;flex-direction:column;font-size:14px;display:flex}.van-data-table-search{width:100%;padding:14px}.van-data-table-search .van-form-form{flex-flow:wrap;align-items:flex-end;gap:8px}.van-data-table-search .van-form-field{width:192px}.van-data-table-search .van-form-input,.van-data-table-search .van-form-select-trigger,.van-data-table-search .van-form-date-trigger{box-sizing:border-box;height:36px}.van-data-table-search-actions{gap:6px;display:flex}.van-data-table-toolbar{justify-content:flex-start;align-items:center;gap:8px;padding:8px 14px;display:flex}.van-data-table-actions{align-items:center;gap:6px;display:flex}.van-data-table-actions .van-btn{height:22px;padding:0 6px;font-size:12px}.van-data-table-badges{flex-wrap:wrap;gap:6px;display:flex}.van-data-table-ellipsis{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:100%;display:inline-block;overflow:hidden}.van-data-table-tooltip{z-index:1000;border-radius:var(--radius-lg,2px);max-width:320px;color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);pointer-events:none;white-space:normal;word-break:break-all;padding:6px 10px;font-size:12px;line-height:1.5;position:fixed;box-shadow:0 4px 12px #0000001a}.van-data-table-search+.van-data-table-toolbar{border-top:1px solid var(--border,#e5e7eb)}.van-data-table .van-table-container{border-left:none;border-right:none}.van-data-table-pagination{color:var(--muted-foreground,#9ca3af);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.van-data-table-pagination-buttons{align-items:center;gap:6px;display:flex}.van-data-table-pagination-btn{min-width:32px;height:32px;color:var(--card-foreground,#1f2937);background:var(--card,#fff);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0 6px;font-size:14px;transition:all .15s;display:inline-flex}.van-data-table-pagination-btn:hover:not(:disabled):not([data-selected]){background:var(--muted,#6366f1)}.van-data-table-pagination-btn[data-selected]{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1);color:var(--primary-foreground,#fff)}.van-data-table-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.van-data-table-pagination-ellipsis{min-width:24px;height:32px;color:var(--muted-foreground,#9ca3af);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.van-data-table-pagination-icon{width:14px;height:14px}@media (prefers-color-scheme:dark){.van-data-table{--card:#1e1e2e;--card-foreground:#cdd6f4;--foreground:#cdd6f4;--muted:#181825;--muted-foreground:#9399b2;--border:#313244;--input:#45475a;--secondary:#27273e;--primary:#89b4fa;--primary-foreground:#1e1e2e}}@keyframes van-drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-drawer-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes van-drawer-slide-out-right{to{transform:translate(100%)}}@keyframes van-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes van-drawer-slide-out-left{to{transform:translate(-100%)}}@keyframes van-drawer-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes van-drawer-slide-out-top{to{transform:translateY(-100%)}}@keyframes van-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes van-drawer-slide-out-bottom{to{transform:translateY(100%)}}.van-drawer-backdrop{z-index:var(--z,1000);background:#0006;position:fixed;inset:0}.van-drawer-backdrop[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-fade-in}.van-drawer-backdrop[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) van-drawer-fade-out}.van-drawer-positioner{z-index:calc(var(--z-index-base,1000) + var(--layer-index,0));position:fixed;inset:0}.van-drawer-content{position:fixed}.van-drawer-content[data-placement=right],.van-drawer-content:not([data-placement]){width:var(--van-drawer-size,400px);max-width:100vw;top:0;bottom:0;right:0}.van-drawer-content[data-placement=right][data-state=open],.van-drawer-content:not([data-placement])[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-right}.van-drawer-content[data-placement=right][data-state=closed],.van-drawer-content:not([data-placement])[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-right}.van-drawer-content[data-placement=left]{width:var(--van-drawer-size,400px);max-width:100vw;top:0;bottom:0;left:0}.van-drawer-content[data-placement=left][data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-left}.van-drawer-content[data-placement=left][data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-left}.van-drawer-content[data-placement=top]{height:var(--van-drawer-size,400px);max-height:100vh;top:0;left:0;right:0}.van-drawer-content[data-placement=top][data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-top}.van-drawer-content[data-placement=top][data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-top}.van-drawer-content[data-placement=bottom]{height:var(--van-drawer-size,400px);max-height:100vh;bottom:0;left:0;right:0}.van-drawer-content[data-placement=bottom][data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-bottom}.van-drawer-content[data-placement=bottom][data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-bottom}.van-drawer-content-inner{background:var(--card,#fff);border-radius:2px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 4px 16px #0000001a}.van-drawer-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 20px 12px;display:flex}.van-drawer-title{color:var(--card-foreground,#171717);margin:0;font-size:16px;font-weight:600;line-height:1.4}.van-drawer-close{border-radius:var(--radius-lg,2px);cursor:pointer;width:24px;height:24px;color:var(--muted-foreground,#737373);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-2px -2px 0 8px;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.van-drawer-close:hover{background:var(--muted,#f5f5f5);color:var(--card-foreground,#171717)}.van-drawer-desc{color:var(--muted-foreground,#737373);padding:0 20px 14px;font-size:14px;line-height:1.5}.van-drawer-body{flex:1;min-height:0;padding:2px 20px 16px;overflow-y:auto}.van-drawer-footer{border-top:1px solid var(--border,#e5e5e5);flex-shrink:0;justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.van-drawer-footer .van-btn{min-width:84px}.van-drawer-grabber{cursor:grab;flex-shrink:0;justify-content:center;padding:8px 0 0;display:flex}.van-drawer-grabber:active{cursor:grabbing}.van-drawer-grabber-indicator{background:#d4d4d4;border-radius:2px;width:36px;height:4px}@keyframes van-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-modal-scale-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:none}}@keyframes van-modal-scale-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.95)translateY(-4px)}}.van-modal-backdrop{z-index:var(--z,1000);background:#0006;position:fixed;inset:0}.van-modal-backdrop[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-modal-fade-in}.van-modal-backdrop[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) van-modal-fade-out}.van-modal-positioner{z-index:calc(var(--z-index-base,1000) + var(--layer-index,0));justify-content:center;align-items:start;padding:15vh 1rem 1rem;display:flex;position:fixed;inset:0}.van-modal-positioner[data-center]{align-items:center;padding-top:1rem}.van-modal-content{background:var(--card,#fff);border-radius:var(--radius-lg,2px);width:var(--van-modal-width,min(480px, 92vw));min-width:min(420px,92vw);max-height:var(--van-modal-max-height,90vh);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 4px 16px #0000001a}.van-modal-content[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-modal-scale-in}.van-modal-content[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) van-modal-scale-out}.van-modal-header{background:var(--muted,#f5f5f5);border-bottom:1px solid var(--border,#e5e5e5);justify-content:space-between;align-items:center;gap:12px;height:56px;padding-left:16px;display:flex}.van-modal-title{color:var(--card-foreground,#171717);margin:0;font-size:16px;line-height:1.4}.van-modal-header-actions{flex-shrink:0;align-items:center;gap:6px;padding-right:12px;display:flex}.van-modal-header .van-modal-header-btn{border-radius:var(--radius-lg,2px);flex-shrink:0;width:36px;height:36px;padding:0}.van-modal-header .van-modal-header-btn-cancel{background:var(--border,#e5e5e5);color:var(--muted-foreground,#737373)}.van-modal-header .van-modal-header-btn-cancel:hover:not(:disabled){background:color-mix(in srgb, var(--border,#e5e5e5) 78%, black);color:var(--card-foreground,#171717)}.van-modal-header .van-modal-header-btn-confirm{background:var(--primary,#3b82f6);color:var(--primary-foreground,#fff)}.van-modal-header .van-modal-header-btn-confirm:hover:not(:disabled){background:color-mix(in srgb, var(--primary,#3b82f6) 85%, black);color:var(--primary-foreground,#fff)}.van-modal-header .van-modal-header-btn .van-btn-spinner-wrapper{width:18px;height:18px}.van-modal-header .van-modal-header-btn .van-btn-spinner{border-width:2px;width:18px;height:18px}.van-modal-desc{color:var(--muted-foreground,#737373);padding:20px;font-size:16px;line-height:1.5}.van-modal-body{flex:1;padding:0;overflow-y:auto}[data-scope=dialog][data-part=content][data-has-nested]{transform:scale(calc(1 - var(--nested-layer-count,0) * .03))}[data-scope=toast][data-part=root]{transform:translate3d(var(--x,0), var(--y,100%), 0);z-index:var(--z-index,0);opacity:var(--opacity,1);background:var(--card,#fff);border-radius:var(--radius-lg,2px);min-width:320px;max-width:420px;transition:transform .25s,opacity .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001f}.van-toast-bar{flex-shrink:0;width:4px}[data-type=success] .van-toast-bar{background:var(--success,#22c55e)}[data-type=error] .van-toast-bar{background:var(--destructive,#ef4444)}[data-type=info] .van-toast-bar{background:var(--primary,#3b82f6)}[data-type=warning] .van-toast-bar{background:var(--warning,#f59e0b)}[data-type=loading] .van-toast-bar{background:var(--muted-foreground,#f5f5f5)}.van-toast-body{flex:1;min-width:0;padding:12px 40px 12px 16px}.van-toast-title{color:var(--card-foreground,#171717);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden}.van-toast-desc{color:var(--muted-foreground,#737373);margin-top:2px;font-size:14px;line-height:1.5}.van-toast-close{cursor:pointer;width:20px;height:20px;color:var(--muted-foreground,#9ca3af);background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:12px;right:12px}.van-toast-close:hover{color:var(--card-foreground,#4b5563);background:var(--muted,#f3f4f6)}.van-toast-close-x{width:12px;height:12px;display:block;position:relative}.van-toast-close-x:before,.van-toast-close-x:after{content:"";background:currentColor;border-radius:1px;width:12px;height:1.5px;position:absolute;top:50%;left:50%}.van-toast-close-x:before{transform:translate(-50%,-50%)rotate(45deg)}.van-toast-close-x:after{transform:translate(-50%,-50%)rotate(-45deg)}
|
|
2
2
|
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vanstack/solid-ark",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.38",
|
|
4
4
|
"private": false,
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -73,8 +73,8 @@
|
|
|
73
73
|
"zod": "^4.4.0",
|
|
74
74
|
"@vanstack/eslint-config": "0.0.1",
|
|
75
75
|
"@vanstack/tsconfig": "0.0.1",
|
|
76
|
-
"@vanstack/
|
|
77
|
-
"@vanstack/
|
|
76
|
+
"@vanstack/prettier-config": "0.0.1",
|
|
77
|
+
"@vanstack/vite-config": "0.0.2"
|
|
78
78
|
},
|
|
79
79
|
"scripts": {
|
|
80
80
|
"build": "tsc --noEmit && vite build",
|
|
@@ -1,434 +0,0 @@
|
|
|
1
|
-
import "./solid-ark.css";
|
|
2
|
-
import { Portal as e, createComponent as t, delegateEvents as n, effect as r, insert as i, memo as a, template as o } from "solid-js/web";
|
|
3
|
-
import { Index as s, createMemo as c, createSignal as l } from "solid-js";
|
|
4
|
-
import { DatePicker as u, useDatePicker as d } from "@ark-ui/solid/date-picker";
|
|
5
|
-
import { CalendarDate as f, CalendarDateTime as p, endOfWeek as m, parseDate as h, startOfWeek as g } from "@internationalized/date";
|
|
6
|
-
//#region src/form/components/FormDatePicker.tsx
|
|
7
|
-
var _ = /*#__PURE__*/ o("<svg fill=none height=14 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=14 xmlns=http://www.w3.org/2000/svg><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\">"), v = /*#__PURE__*/ o("<svg fill=none height=16 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=16 xmlns=http://www.w3.org/2000/svg><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect height=18 rx=2 width=18 x=3 y=4></rect><path d=\"M3 10h18\">"), y = /*#__PURE__*/ o("<svg fill=none height=16 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=16 xmlns=http://www.w3.org/2000/svg><path d=\"m15 18-6-6 6-6\">"), b = /*#__PURE__*/ o("<svg fill=none height=16 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=16 xmlns=http://www.w3.org/2000/svg><path d=\"m9 18 6-6-6-6\">"), x = /*#__PURE__*/ o("<div class=van-form-date-days>"), S = /*#__PURE__*/ o("<span class=van-form-date-icon>"), C = /*#__PURE__*/ o("<input aria-label=选择时间 class=van-form-date-time type=time>"), w = [
|
|
8
|
-
"sun",
|
|
9
|
-
"mon",
|
|
10
|
-
"tue",
|
|
11
|
-
"wed",
|
|
12
|
-
"thu",
|
|
13
|
-
"fri",
|
|
14
|
-
"sat"
|
|
15
|
-
];
|
|
16
|
-
function T(e) {
|
|
17
|
-
return String(e).padStart(2, "0");
|
|
18
|
-
}
|
|
19
|
-
function E(e) {
|
|
20
|
-
return "hour" in e ? e : {
|
|
21
|
-
hour: 0,
|
|
22
|
-
minute: 0
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
function D(e) {
|
|
26
|
-
if (!e) return "";
|
|
27
|
-
let t = E(e);
|
|
28
|
-
return `${T(t.hour)}:${T(t.minute)}`;
|
|
29
|
-
}
|
|
30
|
-
function O(e, t) {
|
|
31
|
-
switch (t) {
|
|
32
|
-
case "datetime": {
|
|
33
|
-
let t = E(e);
|
|
34
|
-
return `${e.year}-${T(e.month)}-${T(e.day)} ${T(t.hour)}:${T(t.minute)}`;
|
|
35
|
-
}
|
|
36
|
-
case "month": return `${e.year}-${T(e.month)}`;
|
|
37
|
-
case "year": return String(e.year);
|
|
38
|
-
default: return `${e.year}-${T(e.month)}-${T(e.day)}`;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
function k(e, t) {
|
|
42
|
-
switch (t) {
|
|
43
|
-
case "datetime": {
|
|
44
|
-
let t = E(e);
|
|
45
|
-
return Date.UTC(e.year, e.month - 1, e.day, t.hour, t.minute);
|
|
46
|
-
}
|
|
47
|
-
case "month": return Date.UTC(e.year, e.month - 1, 1);
|
|
48
|
-
case "year": return Date.UTC(e.year, 0, 1);
|
|
49
|
-
default: return Date.UTC(e.year, e.month - 1, e.day);
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
function A(e, t, n, r) {
|
|
53
|
-
let i = e.filter((e) => e != null);
|
|
54
|
-
if (r) return n === "timestamp" ? i.map((e) => k(e, t)) : i.map((e) => O(e, t));
|
|
55
|
-
let a = i[0];
|
|
56
|
-
return a == null ? void 0 : n === "timestamp" ? k(a, t) : O(a, t);
|
|
57
|
-
}
|
|
58
|
-
function j(e, t, n, r) {
|
|
59
|
-
return (r && Array.isArray(e) ? e : [e]).map((e) => M(e, t, n)).filter((e) => e != null);
|
|
60
|
-
}
|
|
61
|
-
function M(e, t, n) {
|
|
62
|
-
if (!(e == null || e === "")) {
|
|
63
|
-
if (n === "timestamp" && typeof e == "number") return N(e, t);
|
|
64
|
-
if (typeof e == "string") try {
|
|
65
|
-
switch (t) {
|
|
66
|
-
case "datetime": {
|
|
67
|
-
let t = /^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2})$/.exec(e);
|
|
68
|
-
return t ? new p(Number(t[1]), Number(t[2]), Number(t[3]), Number(t[4]), Number(t[5])) : void 0;
|
|
69
|
-
}
|
|
70
|
-
case "month": {
|
|
71
|
-
let t = /^(\d{4})-(\d{2})$/.exec(e);
|
|
72
|
-
return t ? new f(Number(t[1]), Number(t[2]), 1) : void 0;
|
|
73
|
-
}
|
|
74
|
-
case "year": {
|
|
75
|
-
let t = Number(e);
|
|
76
|
-
return Number.isInteger(t) ? new f(t, 1, 1) : void 0;
|
|
77
|
-
}
|
|
78
|
-
default: return h(e);
|
|
79
|
-
}
|
|
80
|
-
} catch {
|
|
81
|
-
return;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
function N(e, t) {
|
|
86
|
-
let n = new Date(e), r = n.getUTCFullYear(), i = n.getUTCMonth() + 1, a = n.getUTCDate();
|
|
87
|
-
switch (t) {
|
|
88
|
-
case "datetime": return new p(r, i, a, n.getUTCHours(), n.getUTCMinutes());
|
|
89
|
-
case "month": return new f(r, i, 1);
|
|
90
|
-
case "year": return new f(r, 1, 1);
|
|
91
|
-
default: return new f(r, i, a);
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
function P() {
|
|
95
|
-
return _();
|
|
96
|
-
}
|
|
97
|
-
function F() {
|
|
98
|
-
return v();
|
|
99
|
-
}
|
|
100
|
-
function I() {
|
|
101
|
-
return y();
|
|
102
|
-
}
|
|
103
|
-
function L() {
|
|
104
|
-
return b();
|
|
105
|
-
}
|
|
106
|
-
function R() {
|
|
107
|
-
return t(u.ViewControl, {
|
|
108
|
-
class: "van-form-date-view-control",
|
|
109
|
-
get children() {
|
|
110
|
-
return [
|
|
111
|
-
t(u.PrevTrigger, {
|
|
112
|
-
class: "van-form-date-nav-trigger",
|
|
113
|
-
get children() {
|
|
114
|
-
return t(I, {});
|
|
115
|
-
}
|
|
116
|
-
}),
|
|
117
|
-
t(u.ViewTrigger, {
|
|
118
|
-
class: "van-form-date-view-trigger",
|
|
119
|
-
get children() {
|
|
120
|
-
return t(u.RangeText, {});
|
|
121
|
-
}
|
|
122
|
-
}),
|
|
123
|
-
t(u.NextTrigger, {
|
|
124
|
-
class: "van-form-date-nav-trigger",
|
|
125
|
-
get children() {
|
|
126
|
-
return t(L, {});
|
|
127
|
-
}
|
|
128
|
-
})
|
|
129
|
-
];
|
|
130
|
-
}
|
|
131
|
-
});
|
|
132
|
-
}
|
|
133
|
-
function z(e) {
|
|
134
|
-
return t(u.Context, { children: (n) => {
|
|
135
|
-
let r = e.dual ? c(() => n().getOffset({ months: 1 })) : null, o = (r, i, o = !1, c = !1) => t(u.Table, {
|
|
136
|
-
class: "van-form-date-table",
|
|
137
|
-
get children() {
|
|
138
|
-
return [t(u.TableHead, {
|
|
139
|
-
class: "van-form-date-table-head",
|
|
140
|
-
get children() {
|
|
141
|
-
return t(u.TableRow, {
|
|
142
|
-
class: "van-form-date-table-row",
|
|
143
|
-
get children() {
|
|
144
|
-
return [a(() => o && t(u.WeekNumberHeaderCell, {
|
|
145
|
-
class: "van-form-date-week-header",
|
|
146
|
-
children: "#"
|
|
147
|
-
})), t(s, {
|
|
148
|
-
get each() {
|
|
149
|
-
return n().weekDays;
|
|
150
|
-
},
|
|
151
|
-
children: (e) => t(u.TableHeader, {
|
|
152
|
-
class: "van-form-date-table-header",
|
|
153
|
-
get children() {
|
|
154
|
-
return e().narrow;
|
|
155
|
-
}
|
|
156
|
-
})
|
|
157
|
-
})];
|
|
158
|
-
}
|
|
159
|
-
});
|
|
160
|
-
}
|
|
161
|
-
}), t(u.TableBody, {
|
|
162
|
-
class: "van-form-date-table-body",
|
|
163
|
-
get children() {
|
|
164
|
-
return t(s, {
|
|
165
|
-
each: r,
|
|
166
|
-
children: (r, l) => t(u.TableRow, {
|
|
167
|
-
class: "van-form-date-table-row",
|
|
168
|
-
get children() {
|
|
169
|
-
return [a(() => o && t(u.WeekNumberCell, {
|
|
170
|
-
class: "van-form-date-week-cell",
|
|
171
|
-
get week() {
|
|
172
|
-
return r();
|
|
173
|
-
},
|
|
174
|
-
weekIndex: l,
|
|
175
|
-
get children() {
|
|
176
|
-
return n().getWeekNumber(r());
|
|
177
|
-
}
|
|
178
|
-
})), t(s, {
|
|
179
|
-
get each() {
|
|
180
|
-
return r();
|
|
181
|
-
},
|
|
182
|
-
children: (n) => t(u.TableCell, {
|
|
183
|
-
class: "van-form-date-cell",
|
|
184
|
-
get value() {
|
|
185
|
-
return n();
|
|
186
|
-
},
|
|
187
|
-
visibleRange: i,
|
|
188
|
-
get children() {
|
|
189
|
-
return t(u.TableCellTrigger, {
|
|
190
|
-
class: "van-form-date-cell-trigger",
|
|
191
|
-
get id() {
|
|
192
|
-
return c ? `${e.controlId}-offset-${n().toString()}` : void 0;
|
|
193
|
-
},
|
|
194
|
-
get children() {
|
|
195
|
-
return n().day;
|
|
196
|
-
}
|
|
197
|
-
});
|
|
198
|
-
}
|
|
199
|
-
})
|
|
200
|
-
})];
|
|
201
|
-
}
|
|
202
|
-
})
|
|
203
|
-
});
|
|
204
|
-
}
|
|
205
|
-
})];
|
|
206
|
-
}
|
|
207
|
-
});
|
|
208
|
-
return t(u.View, {
|
|
209
|
-
get class() {
|
|
210
|
-
return `van-form-date-view${e.dual ? " van-form-date-view-dual" : ""}`;
|
|
211
|
-
},
|
|
212
|
-
view: "day",
|
|
213
|
-
get children() {
|
|
214
|
-
return [t(R, {}), a(() => a(() => !!e.dual)() ? (() => {
|
|
215
|
-
var t = x();
|
|
216
|
-
return i(t, () => o(n().weeks, void 0, e.showWeekNumbers), null), i(t, () => r && o(r().weeks, r().visibleRange, !1, !0), null), t;
|
|
217
|
-
})() : o(n().weeks, void 0, e.showWeekNumbers))];
|
|
218
|
-
}
|
|
219
|
-
});
|
|
220
|
-
} });
|
|
221
|
-
}
|
|
222
|
-
function B() {
|
|
223
|
-
return t(u.Context, { children: (e) => t(u.View, {
|
|
224
|
-
class: "van-form-date-view",
|
|
225
|
-
view: "month",
|
|
226
|
-
get children() {
|
|
227
|
-
return [t(R, {}), t(u.Table, {
|
|
228
|
-
class: "van-form-date-table",
|
|
229
|
-
get children() {
|
|
230
|
-
return t(u.TableBody, {
|
|
231
|
-
class: "van-form-date-table-body",
|
|
232
|
-
get children() {
|
|
233
|
-
return t(s, {
|
|
234
|
-
get each() {
|
|
235
|
-
return e().getMonthsGrid({
|
|
236
|
-
columns: 4,
|
|
237
|
-
format: "short"
|
|
238
|
-
});
|
|
239
|
-
},
|
|
240
|
-
children: (e) => t(u.TableRow, {
|
|
241
|
-
class: "van-form-date-table-row",
|
|
242
|
-
get children() {
|
|
243
|
-
return t(s, {
|
|
244
|
-
get each() {
|
|
245
|
-
return e();
|
|
246
|
-
},
|
|
247
|
-
children: (e) => t(u.TableCell, {
|
|
248
|
-
class: "van-form-date-cell",
|
|
249
|
-
get value() {
|
|
250
|
-
return e().value;
|
|
251
|
-
},
|
|
252
|
-
get children() {
|
|
253
|
-
return t(u.TableCellTrigger, {
|
|
254
|
-
class: "van-form-date-cell-trigger",
|
|
255
|
-
get children() {
|
|
256
|
-
return e().label;
|
|
257
|
-
}
|
|
258
|
-
});
|
|
259
|
-
}
|
|
260
|
-
})
|
|
261
|
-
});
|
|
262
|
-
}
|
|
263
|
-
})
|
|
264
|
-
});
|
|
265
|
-
}
|
|
266
|
-
});
|
|
267
|
-
}
|
|
268
|
-
})];
|
|
269
|
-
}
|
|
270
|
-
}) });
|
|
271
|
-
}
|
|
272
|
-
function V() {
|
|
273
|
-
return t(u.Context, { children: (e) => t(u.View, {
|
|
274
|
-
class: "van-form-date-view",
|
|
275
|
-
view: "year",
|
|
276
|
-
get children() {
|
|
277
|
-
return [t(R, {}), t(u.Table, {
|
|
278
|
-
class: "van-form-date-table",
|
|
279
|
-
get children() {
|
|
280
|
-
return t(u.TableBody, {
|
|
281
|
-
class: "van-form-date-table-body",
|
|
282
|
-
get children() {
|
|
283
|
-
return t(s, {
|
|
284
|
-
get each() {
|
|
285
|
-
return e().getYearsGrid({ columns: 4 });
|
|
286
|
-
},
|
|
287
|
-
children: (e) => t(u.TableRow, {
|
|
288
|
-
class: "van-form-date-table-row",
|
|
289
|
-
get children() {
|
|
290
|
-
return t(s, {
|
|
291
|
-
get each() {
|
|
292
|
-
return e();
|
|
293
|
-
},
|
|
294
|
-
children: (e) => t(u.TableCell, {
|
|
295
|
-
class: "van-form-date-cell",
|
|
296
|
-
get value() {
|
|
297
|
-
return e().value;
|
|
298
|
-
},
|
|
299
|
-
get children() {
|
|
300
|
-
return t(u.TableCellTrigger, {
|
|
301
|
-
class: "van-form-date-cell-trigger",
|
|
302
|
-
get children() {
|
|
303
|
-
return e().label;
|
|
304
|
-
}
|
|
305
|
-
});
|
|
306
|
-
}
|
|
307
|
-
})
|
|
308
|
-
});
|
|
309
|
-
}
|
|
310
|
-
})
|
|
311
|
-
});
|
|
312
|
-
}
|
|
313
|
-
});
|
|
314
|
-
}
|
|
315
|
-
})];
|
|
316
|
-
}
|
|
317
|
-
}) });
|
|
318
|
-
}
|
|
319
|
-
function H(n) {
|
|
320
|
-
let o = () => n.field.mode ?? "date", s = () => n.field.range === !0 || o() === "week", f = () => n.field.valueType ?? "string", [p, h] = l(null), _ = c(() => p() || j(n.value, o(), f(), s())), v, y = (e) => {
|
|
321
|
-
if (o() === "week") {
|
|
322
|
-
let t = e.value.find((e) => e != null);
|
|
323
|
-
if (!t) {
|
|
324
|
-
n.onChange([]);
|
|
325
|
-
return;
|
|
326
|
-
}
|
|
327
|
-
let r = w[n.field.startOfWeek ?? 1] ?? "mon", i = n.field.locale ?? "zh-CN", a = g(t, i, r), o = m(t, i, r);
|
|
328
|
-
n.onChange(f() === "timestamp" ? [k(a, "week"), k(o, "week")] : [O(a, "week"), O(o, "week")]), v?.().setOpen(!1);
|
|
329
|
-
return;
|
|
330
|
-
}
|
|
331
|
-
if (s()) {
|
|
332
|
-
if (e.value.length === 0) {
|
|
333
|
-
h(null), n.onChange([]);
|
|
334
|
-
return;
|
|
335
|
-
}
|
|
336
|
-
if (e.value.length < 2 || e.value[0] === null || e.value[0] === void 0 || e.value[1] === null || e.value[1] === void 0) {
|
|
337
|
-
h(e.value.filter((e) => e != null));
|
|
338
|
-
return;
|
|
339
|
-
}
|
|
340
|
-
h(null), n.onChange(A(e.value, o(), f(), !0));
|
|
341
|
-
return;
|
|
342
|
-
}
|
|
343
|
-
n.onChange(A(e.value, o(), f(), !1));
|
|
344
|
-
}, b = d(() => ({
|
|
345
|
-
closeOnSelect: o() !== "datetime" && void 0,
|
|
346
|
-
defaultView: o() === "year" ? "year" : o() === "month" ? "month" : void 0,
|
|
347
|
-
format: (e) => O(e, o()),
|
|
348
|
-
id: n.controlId,
|
|
349
|
-
ids: { trigger: n.controlId },
|
|
350
|
-
locale: n.field.locale ?? "zh-CN",
|
|
351
|
-
maxView: o() === "year" ? "year" : o() === "month" ? "month" : void 0,
|
|
352
|
-
minView: o() === "year" ? "year" : o() === "month" ? "month" : void 0,
|
|
353
|
-
numOfMonths: s() && o() === "date" ? 2 : void 0,
|
|
354
|
-
onOpenChange: (e) => {
|
|
355
|
-
e.open || h(null), n.onBlur();
|
|
356
|
-
},
|
|
357
|
-
onValueChange: y,
|
|
358
|
-
outsideDaySelectable: n.field.outsideDaySelectable ?? !0,
|
|
359
|
-
selectionMode: s() ? "range" : "single",
|
|
360
|
-
showWeekNumbers: o() === "week",
|
|
361
|
-
startOfWeek: n.field.startOfWeek ?? (o() === "week" ? 1 : void 0),
|
|
362
|
-
value: _()
|
|
363
|
-
}));
|
|
364
|
-
return v = b, t(u.RootProvider, {
|
|
365
|
-
value: b,
|
|
366
|
-
get children() {
|
|
367
|
-
return [t(u.Control, {
|
|
368
|
-
class: "van-form-date-control",
|
|
369
|
-
get children() {
|
|
370
|
-
return [t(u.Trigger, {
|
|
371
|
-
class: "van-form-date-trigger",
|
|
372
|
-
get children() {
|
|
373
|
-
return [t(u.ValueText, {
|
|
374
|
-
class: "van-form-date-value",
|
|
375
|
-
get placeholder() {
|
|
376
|
-
return n.field.placeholder ?? "请选择";
|
|
377
|
-
},
|
|
378
|
-
separator: " ~ "
|
|
379
|
-
}), (() => {
|
|
380
|
-
var e = S();
|
|
381
|
-
return i(e, t(F, {})), e;
|
|
382
|
-
})()];
|
|
383
|
-
}
|
|
384
|
-
}), a(() => a(() => n.field.clearable === !0)() && t(u.ClearTrigger, {
|
|
385
|
-
class: "van-form-date-clear",
|
|
386
|
-
get children() {
|
|
387
|
-
return t(P, {});
|
|
388
|
-
}
|
|
389
|
-
}))];
|
|
390
|
-
}
|
|
391
|
-
}), t(e, { get children() {
|
|
392
|
-
return t(u.Positioner, {
|
|
393
|
-
class: "van-form-date-positioner",
|
|
394
|
-
get children() {
|
|
395
|
-
return t(u.Content, {
|
|
396
|
-
get class() {
|
|
397
|
-
return `van-form-date-content${o() === "week" ? " van-form-date-week-mode" : ""}`;
|
|
398
|
-
},
|
|
399
|
-
get children() {
|
|
400
|
-
return [a(() => a(() => o() === "year")() ? t(V, {}) : a(() => o() === "month")() ? t(B, {}) : [
|
|
401
|
-
t(z, {
|
|
402
|
-
get controlId() {
|
|
403
|
-
return n.controlId;
|
|
404
|
-
},
|
|
405
|
-
get dual() {
|
|
406
|
-
return a(() => n.field.range === !0)() && o() === "date";
|
|
407
|
-
},
|
|
408
|
-
get showWeekNumbers() {
|
|
409
|
-
return o() === "week";
|
|
410
|
-
}
|
|
411
|
-
}),
|
|
412
|
-
t(B, {}),
|
|
413
|
-
t(V, {})
|
|
414
|
-
]), a(() => a(() => o() === "datetime")() && t(u.Context, { children: (e) => (() => {
|
|
415
|
-
var t = C();
|
|
416
|
-
return t.$$input = (t) => {
|
|
417
|
-
let [n, r] = t.currentTarget.value.split(":").map(Number);
|
|
418
|
-
e().setTime({
|
|
419
|
-
hour: n,
|
|
420
|
-
minute: r
|
|
421
|
-
});
|
|
422
|
-
}, r(() => t.value = D(e().value[0])), t;
|
|
423
|
-
})() }))];
|
|
424
|
-
}
|
|
425
|
-
});
|
|
426
|
-
}
|
|
427
|
-
});
|
|
428
|
-
} })];
|
|
429
|
-
}
|
|
430
|
-
});
|
|
431
|
-
}
|
|
432
|
-
n(["input"]);
|
|
433
|
-
//#endregion
|
|
434
|
-
export { H as FormDatePicker };
|