dlzn-ui 1.19.0 → 1.20.0

package/assets/css/element-plus-reset.css

@@ -0,0 +1,79 @@
+/* stylelint-disable selector-class-pattern */
+body {
+  .el-popper__arrow {
+    display: none;
+  }
+
+  .el-input__icon {
+    &.clear-icon {
+      font-size: 16px;
+    }
+  }
+
+  .el-date-editor {
+    &.is-focus .el-input__wrapper {
+      /* 非range focus */
+      box-shadow: 0 0 0 2px var(--el-input-focus-border-color) inset;
+    }
+
+    &.t-is-success {
+      .el-input__wrapper {
+        --el-input-border-color: var(--td-success-color);
+        --el-input-hover-border-color: var(--td-success-color);
+        --el-input-focus-border-color: var(--td-success-color);
+      }
+    }
+
+    &.t-is-warning {
+      .el-input__wrapper {
+        --el-input-border-color: var(--td-warning-color);
+        --el-input-hover-border-color: var(--td-warning-color);
+        --el-input-focus-border-color: var(--td-warning-color);
+      }
+    }
+
+    &.t-is-error {
+      .el-input__wrapper {
+        --el-input-border-color: var(--td-error-color);
+        --el-input-hover-border-color: var(--td-error-color);
+        --el-input-focus-border-color: var(--td-error-color);
+      }
+    }
+  }
+
+  .el-range-editor {
+    &.is-active {
+      /* range focus */
+      box-shadow: 0 0 0 2px var(--el-input-focus-border-color) inset !important;
+    }
+  }
+
+  .el-input__wrapper {
+    &.is-focus {
+      /* 时间输入框 focus */
+      box-shadow: 0 0 0 2px var(--el-input-focus-border-color) inset;
+    }
+  }
+
+  .t-form__controls {
+    &.t-is-error {
+      .el-input__wrapper {
+        /* TDatePicker */
+        --el-input-border-color: var(--td-error-color);
+
+        /* TDatePicker */
+        --el-input-hover-border-color: var(--td-error-color);
+
+        /* TDatePicker */
+        --el-input-focus-border-color: var(--td-error-color);
+      }
+    }
+
+    .el-date-editor {
+      --el-date-editor-width: 100%;
+      --el-date-editor-monthrange-width: 100%;
+      --el-date-editor-daterange-width: 100%;
+      --el-date-editor-datetimerange-width: 100%;
+    }
+  }
+}

package/assets/css/index.css

@@ -1,2 +1,5 @@
-/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:blinkmacsystemfont, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.contents{display:contents}.flex{display:flex}.inline{display:inline}.flex-1{flex:1}.flex-col{flex-direction:column}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--td-radius-default:4px;--td-radius-large:8px;--td-font-family:var(--font-sans);--td-font-family-medium:var(--font-sans)}:root,:root[theme-mode=light]{--td-font-gray-1:#000000b3;--td-brand-color-1:#f2f3ff;--td-brand-color-2:#cadffc;--td-brand-color-3:#a1cbfa;--td-brand-color-4:#79b7f7;--td-brand-color-5:#51a2f4;--td-brand-color-6:#288ef2;--td-brand-color-7:#007aef;--td-brand-color-8:#005fbb;--td-brand-color-9:#004586;--td-brand-color-10:#002a52;--td-gray-color-1:#fafafa;--td-bg-color-page:#f4f5fa;--td-shadow-1:0 2px 2px -1px #3a354114, 0 1px 5px 1px #3a35411f, 0 1px 8px 1px #3a35410a;--td-shadow-2:0 4px 5px -2px #3a354114, 0 2px 10px 1px #3a35411f, 0 2px 16px 1px #3a35410a;--td-shadow-3:0 5px 7px -3px #3a354114, 0 3px 13px 1px #3a35411f, 0 3px 21px 1px #3a35410a;--td-mask-active:#3a354152}body>.t-loading__overlay{background-color:#ffffff1a}body .t-list-item:last-child:after{display:none}body .t-radio__input,body .t-checkbox__input{width:20px;height:20px}body .t-radio.t-is-checked .t-radio__input{border-width:2px}body .t-checkbox.t-is-checked .t-checkbox__input{transition:none}body .t-checkbox.t-is-checked .t-checkbox__input:after{width:8px;height:14px;top:8px;left:3px}body .t-checkbox.t-is-indeterminate .t-checkbox__input{transition:none}body .t-checkbox.t-is-indeterminate .t-checkbox__input:after{width:26px;top:7px;left:-4px}:is(body .t-input:not(.t-range-input .t-input),body .t-range-input,body .t-textarea__inner).t-is-focused,:is(body .t-input:not(.t-range-input .t-input),body .t-range-input,body .t-textarea__inner).t-input--focused{box-shadow:0 0 0 1px var(--td-brand-color) inset}:is(:is(body .t-input:not(.t-range-input .t-input),body .t-range-input,body .t-textarea__inner).t-is-focused,:is(body .t-input:not(.t-range-input .t-input),body .t-range-input,body .t-textarea__inner).t-input--focused).t-is-success{box-shadow:0 0 0 1px var(--td-success-color) inset}:is(:is(body .t-input:not(.t-range-input .t-input),body .t-range-input,body .t-textarea__inner).t-is-focused,:is(body .t-input:not(.t-range-input .t-input),body .t-range-input,body .t-textarea__inner).t-input--focused).t-is-warning{box-shadow:0 0 0 1px var(--td-warning-color) inset}:is(:is(body .t-input:not(.t-range-input .t-input),body .t-range-input,body .t-textarea__inner).t-is-focused,:is(body .t-input:not(.t-range-input .t-input),body .t-range-input,body .t-textarea__inner).t-input--focused).t-is-error,:is(body .t-is-error .t-form__controls-content .t-input:not(.t-range-input .t-input),body .t-is-error .t-form__controls-content .t-range-input,body .t-is-error .t-form__controls-content .t-textarea__inner).t-is-focused,:is(body .t-is-error .t-form__controls-content .t-input:not(.t-range-input .t-input),body .t-is-error .t-form__controls-content .t-range-input,body .t-is-error .t-form__controls-content .t-textarea__inner).t-input--focused{box-shadow:0 0 0 1px var(--td-error-color) inset}body .t-tabs{overflow:visible}body .t-tabs .t-tabs__nav-item .remove-btn{margin-left:0;padding:2px;font-size:22px;position:relative;right:4px}body .t-tabs .t-tabs__nav-item:not(.t-is-disabled) .remove-btn:hover{background-color:var(--td-bg-color-container-hover)}body .t-tabs .t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover .t-tabs__nav-item-wrapper{background-color:inherit}body .t-tabs .t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active) .t-tabs__nav-item-wrapper:hover{background-color:var(--td-bg-color-container-hover)}body .t-tabs .t-tabs__operations--left,body .t-tabs .t-tabs__operations--right{bottom:0}body .t-tabs .t-tabs__content{overflow:visible}body .t-dialog__ctx .t-dialog__mask{background-color:#3a354152}body .t-dialog__ctx .t-dialog{border-radius:var(--td-radius-default);min-width:320px;max-width:calc(100% - 20px);box-shadow:0 11px 15px -7px #3a354114,0 24px 38px 3px #3a35411f,0 9px 46px 8px #3a35410a}body .t-dialog__ctx .t-dialog.t-dialog--default{padding:var(--td-size-7)}body .t-dialog__ctx .t-dialog [class^=t-dialog__body]:last-child{padding-bottom:0}body .t-dialog__ctx .t-dialog [class^=t-dialog__body]:has(>.t-form:last-child){padding-bottom:0}:is(body .t-dialog__ctx .t-dialog [class^=t-dialog__body]:has(>.t-typography:first-child),body .t-dialog__ctx .t-dialog [class^=t-dialog__body]:has(>div:first-child>.t-typography:first-child),body .t-dialog__ctx .t-dialog [class^=t-dialog__body]:has(>div:first-child>div:first-child>.t-typography:first-child),body .t-dialog__ctx .t-dialog [class^=t-dialog__body]:has(.no_dialog_pt),body .t-dialog__ctx .t-dialog .t-dialog__footer){padding-top:0}body .t-dialog__ctx .t-dialog--draggable .t-dialog__header-content{cursor:move}body .t-link{display:inline}body .t-link .t-link__prefix-icon{margin-right:0;display:inline}body .t-link .t-link__suffix-icon{margin-left:0;display:inline}body .t-tree__icon:has(>.t-button){justify-content:center;width:32px;display:flex}body .t-tree__icon:has(>.t-button) .t-button{left:2px}body .t-tree__icon:empty{display:none}body .t-tree__item{padding:0 0 0 calc(32px * var(--level))}body .t-tree__line{--space:32px}body .t-tree__line:before{width:20px}body .t-tree__line{left:calc(32px * var(--level) - 14px)}body .t-input-adornment__append,body .t-input-adornment__prepend{align-items:center;display:flex}body .t-list__load{font-size:var(--td-font-size-body-small);line-height:var(--td-line-height-body-small);color:var(--td-text-color-placeholder);background:0 0}body .t-list__load:not(:empty){padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l)}body .t-list__load.t-list__load--load-more{cursor:pointer}body .t-list__header,body .t-list__footer{background:0 0;padding:0}:is(body .t-input-adornment .t-input-adornment__prepend,body .t-input-adornment .t-input-adornment__append):has(>.t-button){border:1px solid var(--td-border-level-2-color);flex-shrink:0;overflow:hidden}:is(body .t-input-adornment .t-input-adornment__prepend,body .t-input-adornment .t-input-adornment__append):has(>.t-button) .t-button{border-radius:0;margin:-1px}:is(body .t-input-adornment .t-input-adornment__prepend,body .t-input-adornment .t-input-adornment__append):has(>.t-button.t-button--theme-primary){border:none}body .t-drawer .t-drawer__body:has(.no_drawer_body_padding){padding:0}body .t-drawer .t-drawer__content-wrapper:has(.no_drawer_content_shadow){box-shadow:none}body .t-popup.t-is-head-menu .t-menu__item{--td-comp-paddingLR-l:var(--td-size-4)}body .t-popup.t-is-head-menu .t-menu__item .t-menu__content{width:100%}body .t-popup__content{border:1px solid var(--td-border-level-2-color);box-shadow:var(--td-shadow-2)}body .t-empty{flex-direction:column;justify-content:center;display:flex}@media (width<=540px){.t-dialog .t-form__item[class*=col-span-]{grid-column:1/-1}}.chatbot_wrapper{--td-chat-item-gap:12px;--td-chat-item-left-avatar-margin:0 8px 0 4px;--td-chat-item-right-avatar-margin:0 4px 0 8px;--td-chat-item-content-padding:6px 0 0;--td-chat-font-size:var(--td-font-size-body-medium);--td-chat-item-text-padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s)}.chatbot_wrapper ::part(t-chat__input__content){border-radius:var(--td-radius-default)}.chatbot_wrapper ::part(t-chat__input__content):focus-within{box-shadow:0 0 0 1px var(--td-brand-color) inset}.chatbot_wrapper ::part(t-chat__text--user){background-color:var(--td-bg-color-container-active)}.chatbot_wrapper ::part(t-chat__input){padding:0 12px 12px}.chatbot_wrapper ::part(t-chat__list){padding:0 12px}.chatbot_wrapper ::part(t-chat__item__inner){margin-top:12px}body .el-popper__arrow{display:none}body .el-input__icon.clear-icon{font-size:16px}body .el-date-editor.is-focus .el-input__wrapper{box-shadow:0 0 0 2px var(--el-input-focus-border-color) inset}body .el-date-editor.t-is-success .el-input__wrapper{--el-input-border-color:var(--td-success-color);--el-input-hover-border-color:var(--td-success-color);--el-input-focus-border-color:var(--td-success-color)}body .el-date-editor.t-is-warning .el-input__wrapper{--el-input-border-color:var(--td-warning-color);--el-input-hover-border-color:var(--td-warning-color);--el-input-focus-border-color:var(--td-warning-color)}body .el-date-editor.t-is-error .el-input__wrapper{--el-input-border-color:var(--td-error-color);--el-input-hover-border-color:var(--td-error-color);--el-input-focus-border-color:var(--td-error-color)}body .el-range-editor.is-active{box-shadow:0 0 0 2px var(--el-input-focus-border-color) inset!important}body .el-input__wrapper.is-focus{box-shadow:0 0 0 2px var(--el-input-focus-border-color) inset}body .t-form__controls.t-is-error .el-input__wrapper{--el-input-border-color:var(--td-error-color);--el-input-hover-border-color:var(--td-error-color);--el-input-focus-border-color:var(--td-error-color)}body .t-form__controls .el-date-editor{--el-date-editor-width:100%;--el-date-editor-monthrange-width:100%;--el-date-editor-daterange-width:100%;--el-date-editor-datetimerange-width:100%}:root{--bprogress-color:var(--td-brand-color)!important}.full_screen{z-index:2000;width:100%;height:100%;position:fixed;top:0;left:0}img{-webkit-user-select:none;user-select:none}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
+@import './tailwindcss-entry.css';
+@import './tdesign-reset.css';
+@import './tdesign-chat-reset.css';
+@import './element-plus-reset.css';
+@import './other.css';

package/assets/css/other.css

@@ -0,0 +1,16 @@
+:root {
+  --bprogress-color: var(--td-brand-color) !important;
+}
+
+.full_screen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 2000;
+  width: 100%;
+  height: 100%;
+}
+
+img {
+  user-select: none;
+}

package/assets/css/tailwindcss-entry.css

@@ -0,0 +1,20 @@
+@import 'tailwindcss';
+
+@theme {
+  --font-sans: blinkmacsystemfont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif;
+
+  /* stylelint-disable-next-line custom-property-pattern */
+  --color-*: initial;
+
+  /* 自定义变量 */
+
+  /* --color-primary: var(--td-brand-color-active); */
+
+  /* 同tdesign 保持一致 */
+  --breakpoint-xs: 20rem;
+  --breakpoint-sm: 48rem;
+  --breakpoint-md: 62rem;
+  --breakpoint-lg: 75rem;
+  --breakpoint-xl: 87.5rem;
+  --breakpoint-2xl: 117.5rem;
+}

package/assets/css/tdesign-chat-reset.css

@@ -0,0 +1,33 @@
+/* stylelint-disable custom-property-pattern */
+.chatbot_wrapper {
+  --td-chat-item-gap: 12px;
+  --td-chat-item-left-avatar-margin: 0 8px 0 4px;
+  --td-chat-item-right-avatar-margin: 0 4px 0 8px;
+  --td-chat-item-content-padding: 6px 0 0;
+  --td-chat-font-size: var(--td-font-size-body-medium);
+  --td-chat-item-text-padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
+
+  ::part(t-chat__input__content) {
+    border-radius: var(--td-radius-default);
+
+    &:focus-within {
+      box-shadow: 0 0 0 1px var(--td-brand-color) inset;
+    }
+  }
+
+  ::part(t-chat__text--user) {
+    background-color: var(--td-bg-color-container-active);
+  }
+
+  ::part(t-chat__input) {
+    padding: 0 12px 12px;
+  }
+
+  ::part(t-chat__list) {
+    padding: 0 12px;
+  }
+
+  ::part(t-chat__item__inner) {
+    margin-top: 12px;
+  }
+}

package/assets/css/tdesign-reset.css

@@ -0,0 +1,355 @@
+/* stylelint-disable custom-property-pattern */
+
+:root {
+  --td-radius-default: 4px;
+  --td-radius-large: 8px;
+  --td-font-family: var(--font-sans);
+  --td-font-family-medium: var(--font-sans);
+}
+
+:root,
+:root[theme-mode='light'] {
+  --td-font-gray-1: rgb(0 0 0 / 70%);
+  --td-brand-color-1: #f2f3ff;
+  --td-brand-color-2: #cadffc;
+  --td-brand-color-3: #a1cbfa;
+  --td-brand-color-4: #79b7f7;
+  --td-brand-color-5: #51a2f4;
+  --td-brand-color-6: #288ef2;
+  --td-brand-color-7: #007aef;
+  --td-brand-color-8: #005fbb;
+  --td-brand-color-9: #004586;
+  --td-brand-color-10: #002a52;
+  --td-gray-color-1: #fafafa;
+  --td-bg-color-page: rgb(244 245 250);
+  --td-shadow-1:
+    0 2px 2px -1px rgb(58 53 65 / 8%), 0 1px 5px 1px rgb(58 53 65 / 12%),
+    0 1px 8px 1px rgb(58 53 65 / 4%);
+  --td-shadow-2:
+    0 4px 5px -2px rgb(58 53 65 / 8%), 0 2px 10px 1px rgb(58 53 65 / 12%),
+    0 2px 16px 1px rgb(58 53 65 / 4%);
+  --td-shadow-3:
+    0 5px 7px -3px rgb(58 53 65 / 8%), 0 3px 13px 1px rgb(58 53 65 / 12%),
+    0 3px 21px 1px rgb(58 53 65 / 4%);
+  --td-mask-active: rgb(58 53 65 / 32%);
+}
+
+body {
+  > .t-loading__overlay {
+    background-color: rgb(255 255 255 / 10%);
+  }
+
+  .t-list-item {
+    &:last-child {
+      &::after {
+        display: none;
+      }
+    }
+  }
+
+  .t-radio__input,
+  .t-checkbox__input {
+    width: 20px;
+    height: 20px;
+  }
+
+  .t-radio {
+    &.t-is-checked {
+      .t-radio__input {
+        border-width: 2px;
+      }
+    }
+  }
+
+  .t-checkbox {
+    &.t-is-checked {
+      .t-checkbox__input {
+        transition: none;
+
+        &::after {
+          top: 8px;
+          left: 3px;
+          width: 8px;
+          height: 14px;
+        }
+      }
+    }
+
+    &.t-is-indeterminate {
+      .t-checkbox__input {
+        transition: none;
+
+        &::after {
+          top: 7px;
+          left: -4px;
+          width: 26px;
+        }
+      }
+    }
+  }
+
+  /* 里层的状态干不过外层的状态 */
+  .t-input:not(.t-range-input .t-input), /* input select inputNumber tagInput treeSelect */
+  .t-range-input, /* rangeInput */
+  .t-textarea__inner /* textarea */ {
+    &.t-is-focused,
+    &.t-input--focused {
+      box-shadow: 0 0 0 1px var(--td-brand-color) inset;
+
+      &.t-is-success {
+        box-shadow: 0 0 0 1px var(--td-success-color) inset;
+      }
+
+      &.t-is-warning {
+        box-shadow: 0 0 0 1px var(--td-warning-color) inset;
+      }
+
+      &.t-is-error {
+        box-shadow: 0 0 0 1px var(--td-error-color) inset;
+      }
+    }
+  }
+
+  .t-is-error {
+    .t-form__controls-content {
+      .t-input:not(.t-range-input .t-input),
+      .t-range-input,
+      .t-textarea__inner {
+        &.t-is-focused,
+        &.t-input--focused {
+          box-shadow: 0 0 0 1px var(--td-error-color) inset;
+        }
+      }
+    }
+  }
+
+  .t-tabs {
+    overflow: visible;
+
+    .t-tabs__nav-item {
+      /* stylelint-disable-next-line selector-class-pattern */
+      .remove-btn {
+        position: relative;
+        right: 4px;
+        padding: 2px;
+        margin-left: 0;
+        font-size: 22px;
+      }
+
+      &:not(.t-is-disabled) {
+        /* stylelint-disable-next-line selector-class-pattern */
+        .remove-btn {
+          &:hover {
+            background-color: var(--td-bg-color-container-hover);
+          }
+        }
+
+        &:not(.t-is-active) {
+          &:hover {
+            .t-tabs__nav-item-wrapper {
+              background-color: inherit;
+            }
+          }
+
+          .t-tabs__nav-item-wrapper {
+            &:hover {
+              background-color: var(--td-bg-color-container-hover);
+            }
+          }
+        }
+      }
+    }
+
+    .t-tabs__operations--left,
+    .t-tabs__operations--right {
+      bottom: 0;
+    }
+
+    .t-tabs__content {
+      overflow: visible;
+    }
+  }
+
+  .t-dialog__ctx {
+    .t-dialog__mask {
+      background-color: rgb(58 53 65 / 32%);
+    }
+
+    .t-dialog {
+      min-width: 320px;
+      max-width: calc(100% - 20px);
+      border-radius: var(--td-radius-default);
+      box-shadow:
+        rgb(58 53 65 / 8%) 0 11px 15px -7px,
+        rgb(58 53 65 / 12%) 0 24px 38px 3px,
+        rgb(58 53 65 / 4%) 0 9px 46px 8px;
+
+      &.t-dialog--default {
+        padding: var(--td-size-7);
+      }
+
+      [class^='t-dialog__body'] {
+        &:is(:last-child),
+        &:has(> .t-form:is(:last-child)) {
+          padding-bottom: 0;
+        }
+
+        &:has(> .t-typography:is(:first-child)),
+        &:has(> div:is(:first-child) > .t-typography:is(:first-child)),
+        &:has(> div:is(:first-child) > div:is(:first-child) > .t-typography:is(:first-child)) {
+          padding-top: 0;
+        }
+
+        &:has(.no_dialog_pt) {
+          padding-top: 0;
+        }
+      }
+
+      .t-dialog__footer {
+        @apply pt-0;
+      }
+    }
+
+    .t-dialog--draggable {
+      .t-dialog__header-content {
+        cursor: move;
+      }
+    }
+  }
+
+  .t-link {
+    display: inline;
+
+    .t-link__prefix-icon {
+      display: inline;
+      margin-right: 0;
+    }
+
+    .t-link__suffix-icon {
+      display: inline;
+      margin-left: 0;
+    }
+  }
+
+  .t-tree__icon {
+    &:has(> .t-button) {
+      display: flex;
+      justify-content: center;
+      width: 32px;
+
+      .t-button {
+        left: 2px;
+      }
+    }
+
+    &:empty {
+      display: none;
+    }
+  }
+
+  .t-tree__item {
+    padding: 0 0 0 calc(32px * var(--level));
+  }
+
+  .t-tree__line {
+    --space: 32px;
+
+    &::before {
+      width: 20px;
+    }
+
+    left: calc(32px * var(--level) - 14px);
+  }
+
+  .t-input-adornment__append,
+  .t-input-adornment__prepend {
+    @apply flex items-center;
+  }
+
+  .t-list__load {
+    font-size: var(--td-font-size-body-small);
+    line-height: var(--td-line-height-body-small);
+    color: var(--td-text-color-placeholder);
+    background: transparent;
+
+    &:not(:empty) {
+      padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
+    }
+
+    &.t-list__load--load-more {
+      cursor: pointer;
+    }
+  }
+
+  .t-list__header,
+  .t-list__footer {
+    padding: 0;
+    background: transparent;
+  }
+
+  .t-input-adornment {
+    .t-input-adornment__prepend,
+    .t-input-adornment__append {
+      &:has(> .t-button) {
+        flex-shrink: 0;
+        overflow: hidden;
+        border: 1px solid var(--td-border-level-2-color);
+
+        .t-button {
+          margin: -1px;
+          border-radius: 0;
+        }
+      }
+
+      &:has(> .t-button.t-button--theme-primary) {
+        border: none;
+      }
+    }
+  }
+
+  .t-drawer {
+    .t-drawer__body {
+      &:has(.no_drawer_body_padding) {
+        padding: 0;
+      }
+    }
+
+    .t-drawer__content-wrapper {
+      &:has(.no_drawer_content_shadow) {
+        box-shadow: none;
+      }
+    }
+  }
+
+  .t-popup {
+    &.t-is-head-menu {
+      .t-menu__item {
+        --td-comp-paddingLR-l: var(--td-size-4);
+
+        .t-menu__content {
+          width: 100%;
+        }
+      }
+    }
+  }
+
+  .t-popup__content {
+    border: 1px solid var(--td-border-level-2-color);
+    box-shadow: var(--td-shadow-2);
+  }
+
+  .t-empty {
+    @apply flex flex-col justify-center;
+  }
+}
+
+@media (width <= 540px) {
+  .t-dialog {
+    .t-form__item {
+      /* stylelint-disable-next-line selector-class-pattern */
+      &[class*='col-span-'] {
+        @apply col-span-full;
+      }
+    }
+  }
+}

package/package.json

@@ -10,7 +10,7 @@
       "import": "./index.mjs",
       "types": "./index.d.ts"
     },
-    "./assets/*": "./assets/*",
+    "./assets/css/index.css": "./assets/css/index.css",
     "./const": {
       "import": "./const/index.mjs",
       "types": "./const/index.d.ts"
@@ -66,6 +66,6 @@
     "**/*.css"
   ],
   "type": "module",
-  "version": "1.19.0",
+  "version": "1.20.0",
   "scripts": {}
 }

package/prettier-config.mjs

@@ -11,8 +11,8 @@ import { fileURLToPath } from 'node:url'
 const here = dirname(fileURLToPath(import.meta.url))
 
 function resolveDefaultCssEntry() {
-  const distCss = resolve(here, 'assets/css/index.css')
-  const srcCss = resolve(here, 'src/assets/css/index.css')
+  const distCss = resolve(here, 'assets/css/tailwindcss-entry.css')
+  const srcCss = resolve(here, 'src/assets/css/tailwindcss-entry.css')
 
   return existsSync(distCss) ? distCss : srcCss
 }

package/vite-config.mjs

@@ -16,8 +16,8 @@ import tailwindAutoReference from 'vite-plugin-vue-tailwind-auto-reference'
 const here = dirname(fileURLToPath(import.meta.url))
 
 function resolveDefaultCssEntry() {
-  const distCss = resolve(here, 'assets/css/index.css')
-  const srcCss = resolve(here, 'src/assets/css/index.css')
+  const distCss = resolve(here, 'assets/css/tailwindcss-entry.css')
+  const srcCss = resolve(here, 'src/assets/css/tailwindcss-entry.css')
 
   return existsSync(distCss) ? distCss : srcCss
 }
@@ -34,6 +34,14 @@ export default (env, options) => {
   ]
 
   return {
-    plugins: [vue(), tailwindAutoReference(...tailwindAutoReferenceParameters), tailwindcss()],
+    plugins: [
+      vue({
+        // features: {
+        //   optionsAPI: false, // 不能删掉，tdesign 内部使用到了
+        // },
+      }),
+      tailwindAutoReference(...tailwindAutoReferenceParameters),
+      tailwindcss(),
+    ],
   }
 }