dlzn-ui 1.17.0 → 1.19.0

package/assets/css/index.css

@@ -0,0 +1,2 @@
+/*! 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}

package/package.json

@@ -10,6 +10,7 @@
       "import": "./index.mjs",
       "types": "./index.d.ts"
     },
+    "./assets/*": "./assets/*",
     "./const": {
       "import": "./const/index.mjs",
       "types": "./const/index.d.ts"
@@ -20,6 +21,9 @@
     "./utils": {
       "import": "./utils/index.mjs",
       "types": "./utils/index.d.ts"
+    },
+    "./vite-config": {
+      "import": "./vite-config.mjs"
     }
   },
   "keywords": [],
@@ -62,6 +66,6 @@
     "**/*.css"
   ],
   "type": "module",
-  "version": "1.17.0",
+  "version": "1.19.0",
   "scripts": {}
 }

package/prettier-config.mjs

@@ -4,9 +4,20 @@
  */
 // @ts-check
 
-/** @typedef {import('prettier').Config} Config */
+import { existsSync } from 'node:fs'
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
 
-/** @type {Config} */
+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')
+
+  return existsSync(distCss) ? distCss : srcCss
+}
+
+/** @type {import('prettier').Config & import('prettier-plugin-tailwindcss').PluginOptions} */
 export default {
   $schema: 'https://json.schemastore.org/prettierrc',
   arrowParens: 'always', // 单参数箭头函数参数周围使用圆括号-eg: (x) => x
@@ -26,7 +37,7 @@ export default {
   singleAttributePerLine: false, // 会在 HTML、JSX、Vue 和 Angular 中格式化为每个属性单独占一行。
   singleQuote: true, // 使用单引号
   tabWidth: 2, // 缩进长度
-  tailwindStylesheet: './src/assets/css/tailwindcss-entry.css',
+  tailwindStylesheet: resolveDefaultCssEntry(),
   trailingComma: 'all',
   useTabs: false, // 使用空格代替tab缩进
   vueIndentScriptAndStyle: false, // 不对vue中的script及style标签缩进

package/vite-config.mjs

@@ -0,0 +1,39 @@
+import { existsSync } from 'node:fs'
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import tailwindcss from '@tailwindcss/vite'
+import vue from '@vitejs/plugin-vue'
+import tailwindAutoReference from 'vite-plugin-vue-tailwind-auto-reference'
+
+/**
+ * @typedef {import('vite').ConfigEnv} ConfigEnv
+ * @typedef {typeof import('vite-plugin-vue-tailwind-auto-reference').default} TailwindAutoReference
+ * @typedef {Parameters<TailwindAutoReference>} TailwindAutoReferenceParameters
+ * @typedef {{ tailwindAutoReferenceParameters?: TailwindAutoReferenceParameters }} DlznViteOptions
+ * @typedef {import('vite').UserConfig} UserConfig
+ */
+
+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')
+
+  return existsSync(distCss) ? distCss : srcCss
+}
+
+/**
+ * @param {ConfigEnv} env
+ * @param {DlznViteOptions} options
+ * @returns {UserConfig} Vite config
+ */
+export default (env, options) => {
+  const tailwindAutoReferenceParameters = [
+    options.tailwindAutoReferenceParameters?.[0] ?? resolveDefaultCssEntry(),
+    ...(options.tailwindAutoReferenceParameters?.slice(1) ?? []),
+  ]
+
+  return {
+    plugins: [vue(), tailwindAutoReference(...tailwindAutoReferenceParameters), tailwindcss()],
+  }
+}