@yh-ui/components 0.1.56 → 1.0.1

package/dist/cascader/src/cascader.vue

@@ -39,10 +39,15 @@ const emit = defineEmits(["update:modelValue", "change", "focus", "blur", "clear
 const ns = useNamespace("cascader");
 const { t } = useLocale();
 const inputId = useId();
-const { themeStyle } = useComponentTheme("cascader", computed(() => props.themeOverrides));
+const { themeStyle } = useComponentTheme(
+  "cascader",
+  computed(() => props.themeOverrides)
+);
 const { form, formItem, validate: triggerValidate } = useFormItem();
 const { globalSize } = useConfig();
-const cascaderSize = computed(() => props.size || formItem?.size || form?.size || globalSize.value || "default");
+const cascaderSize = computed(
+  () => props.size || formItem?.size || form?.size || globalSize.value || "default"
+);
 const config = computed(() => ({
   ...defaultCascaderConfig,
   ...props.props,
@@ -416,37 +421,57 @@ defineExpose({
   focus,
   blur,
   getCheckedNodes,
-  inputRef: inputRef.value
+  inputRef
 });
 </script>
 
 <template>
-  <div ref="wrapperRef" :class="wrapperClasses" :style="themeStyle" @mouseenter="handleMouseEnter"
-    @mouseleave="handleMouseLeave" @click="toggleDropdown">
+  <div
+    ref="wrapperRef"
+    :class="wrapperClasses"
+    :style="themeStyle"
+    @mouseenter="handleMouseEnter"
+    @mouseleave="handleMouseLeave"
+    @click="toggleDropdown"
+  >
     <!-- 输入区域 -->
     <div :class="ns.e('wrapper')">
       <!-- 多选标签 -->
       <template v-if="isMultiple">
-        <span v-for="tag in displayTags" :key="tag.path.join(',')"
-          :class="[ns.e('tag'), tagType ? `yh-tag--${tagType}` : '']">
+        <span
+          v-for="tag in displayTags"
+          :key="tag.path.join(',')"
+          :class="[ns.e('tag'), tagType ? `yh-tag--${tagType}` : '']"
+        >
           <span :class="ns.e('tag-text')">{{ tag.text }}</span>
           <span :class="ns.e('tag-close')" @click="handleRemoveTag(tag.path, $event)">
             <svg viewBox="0 0 1024 1024" width="1em" height="1em">
-              <path fill="currentColor"
-                d="M764.288 214.592L512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z" />
+              <path
+                fill="currentColor"
+                d="M764.288 214.592L512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
+              />
             </svg>
           </span>
         </span>
-        <span v-if="collapsedCount > 0" :class="ns.e('tag')">
-          +{{ collapsedCount }}
-        </span>
+        <span v-if="collapsedCount > 0" :class="ns.e('tag')"> +{{ collapsedCount }} </span>
       </template>
 
       <!-- 输入框 -->
-      <input ref="inputRef" :id="inputId" :class="ns.e('inner')" :value="filterable ? query : ''"
-        :placeholder="hasValue ? '' : placeholder || t('cascader.placeholder')" :disabled="disabled"
-        :readonly="!filterable" autocomplete="off" role="combobox" :aria-expanded="visible" @input="handleInput"
-        @focus="handleFocus" @blur="handleBlur" />
+      <input
+        ref="inputRef"
+        :id="inputId"
+        :class="ns.e('inner')"
+        :value="filterable ? query : ''"
+        :placeholder="hasValue ? '' : placeholder || t('cascader.placeholder')"
+        :disabled="disabled"
+        :readonly="!filterable"
+        autocomplete="off"
+        role="combobox"
+        :aria-expanded="visible"
+        @input="handleInput"
+        @focus="handleFocus"
+        @blur="handleBlur"
+      />
 
       <!-- 单选显示值 -->
       <span v-if="!isMultiple && hasValue && !query" :class="ns.e('selected-value')">
@@ -458,8 +483,10 @@ defineExpose({
         <!-- 清空按钮 -->
         <span v-if="showClear" :class="[ns.e('icon'), ns.e('clear')]" @click.stop="handleClear">
           <svg viewBox="0 0 1024 1024" width="1em" height="1em">
-            <path fill="currentColor"
-              d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z" />
+            <path
+              fill="currentColor"
+              d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"
+            />
           </svg>
         </span>
 
@@ -468,8 +495,10 @@ defineExpose({
   'is-reverse': visible
 }]">
           <svg viewBox="0 0 1024 1024" width="1em" height="1em">
-            <path fill="currentColor"
-              d="M831.872 340.864L512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z" />
+            <path
+              fill="currentColor"
+              d="M831.872 340.864L512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
+            />
           </svg>
         </span>
       </span>
@@ -478,27 +507,50 @@ defineExpose({
     <!-- 下拉框 -->
     <Teleport to="body" :disabled="!teleported">
       <Transition :name="ns.b('dropdown')">
-        <div v-show="visible" ref="dropdownRef" :class="[ns.e('dropdown'), popperClass]"
-          :style="teleported ? dropdownStyle : {}" @mousedown="handleDropdownMousedown"
-          @mouseup="handleDropdownMouseup">
+        <div
+          v-show="visible"
+          ref="dropdownRef"
+          :class="[ns.e('dropdown'), popperClass]"
+          :style="teleported ? dropdownStyle : {}"
+          @mousedown="handleDropdownMousedown"
+          @mouseup="handleDropdownMouseup"
+        >
           <!-- 过滤建议 -->
-          <div v-if="filterable && query && filteredSuggestions.length > 0" :class="ns.e('suggestions')">
-            <div v-for="suggestion in filteredSuggestions" :key="suggestion.path.join(',')"
+          <div
+            v-if="filterable && query && filteredSuggestions.length > 0"
+            :class="ns.e('suggestions')"
+          >
+            <div
+              v-for="suggestion in filteredSuggestions"
+              :key="suggestion.path.join(',')"
               :class="[ns.e('suggestion'), ns.is('checked', isChecked(suggestion.path))]"
-              @click.stop="handleSelectSuggestion(suggestion)">
+              @click.stop="handleSelectSuggestion(suggestion)"
+            >
               {{ suggestion.labels.join(separator) }}
             </div>
           </div>
 
           <!-- 无匹配数据 -->
-          <div v-else-if="filterable && query && filteredSuggestions.length === 0" :class="ns.e('empty')">
+          <div
+            v-else-if="filterable && query && filteredSuggestions.length === 0"
+            :class="ns.e('empty')"
+          >
             <slot name="empty">{{ t("cascader.noMatch") }}</slot>
           </div>
 
           <!-- 级联面板 -->
-          <CascaderPanel v-else :options="options" :expanded-path="expandedPath" :config="config"
-            :is-multiple="isMultiple" :virtual="virtual" :item-height="virtualItemHeight" @expand="handleExpand"
-            @check="handleCheck" :is-checked="isChecked">
+          <CascaderPanel
+            v-else
+            :options="options"
+            :expanded-path="expandedPath"
+            :config="config"
+            :is-multiple="isMultiple"
+            :virtual="virtual"
+            :item-height="virtualItemHeight"
+            @expand="handleExpand"
+            @check="handleCheck"
+            :is-checked="isChecked"
+          >
             <template #default="{ node, data }">
               <slot :node="node" :data="data"></slot>
             </template>

package/dist/cascader/src/cascader.vue.d.ts

@@ -17,7 +17,7 @@ declare const __VLS_component: import("vue").DefineComponent<CascaderProps, {
      * @description 从层级数据中选择一个或多个值，严格类型化
      */
     ?: boolean) => CascaderOption[];
-    inputRef: HTMLInputElement | undefined;
+    inputRef: import("vue").Ref<HTMLInputElement | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     clear: () => any;
     focus: (event: FocusEvent) => any;

package/dist/category-nav/index.d.ts

@@ -223,3 +223,7 @@ export * from './src/category-nav';
 export type CategoryNavInstance = InstanceType<typeof CategoryNav>;
 export type YhCategoryNavInstance = CategoryNavInstance;
 export type YhCategoryNavProps = import('./src/category-nav').CategoryNavProps;
+export type YhCategoryNavEmits = import('./src/category-nav').CategoryNavEmits;
+export type YhCategoryNavSlots = import('./src/category-nav').CategoryNavSlots;
+export type YhCategoryItem = import('./src/category-nav').CategoryItem;
+export type YhCategorySubItem = import('./src/category-nav').CategorySubItem;

package/dist/category-nav/src/category-nav.d.ts

@@ -84,3 +84,18 @@ export declare const categoryNavEmits: {
     subCategoryClick: (item: CategorySubItem, _parent: CategoryItem) => boolean;
 };
 export type CategoryNavEmits = typeof categoryNavEmits;
+export interface CategoryNavSlots {
+    'all-icon'?: () => unknown;
+    header?: () => unknown;
+    'section-header'?: (props: {
+        category: CategoryItem;
+    }) => unknown;
+    'sub-item'?: (props: {
+        sub: CategorySubItem;
+        parent: CategoryItem;
+    }) => unknown;
+    'section-footer'?: (props: {
+        category: CategoryItem;
+    }) => unknown;
+    footer?: () => unknown;
+}

package/dist/checkbox/index.d.ts

@@ -126,3 +126,13 @@ export default YhCheckbox;
 export * from './src/checkbox';
 export type CheckboxInstance = InstanceType<typeof Checkbox>;
 export type CheckboxGroupInstance = InstanceType<typeof CheckboxGroup>;
+export type YhCheckboxInstance = CheckboxInstance;
+export type YhCheckboxGroupInstance = CheckboxGroupInstance;
+export type YhCheckboxProps = import('./src/checkbox').CheckboxProps;
+export type YhCheckboxEmits = import('./src/checkbox').CheckboxEmits;
+export type YhCheckboxSlots = import('./src/checkbox').CheckboxSlots;
+export type YhCheckboxExpose = import('./src/checkbox').CheckboxExpose;
+export type YhCheckboxGroupProps = import('./src/checkbox').CheckboxGroupProps;
+export type YhCheckboxGroupEmits = import('./src/checkbox').CheckboxGroupEmits;
+export type YhCheckboxGroupOption = import('./src/checkbox').CheckboxGroupOption;
+export type YhCheckboxValueType = import('./src/checkbox').CheckboxValueType;

package/dist/col/index.d.ts

@@ -22,48 +22,23 @@ export declare const YhCol: import("@yh-ui/utils").SFCWithInstall<{
             readonly default: 0;
         };
         readonly xs: {
-            readonly type: import("vue").PropType<number | {
-                span?: number;
-                offset?: number;
-                push?: number;
-                pull?: number;
-            }>;
+            readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
             readonly default: () => {};
         };
         readonly sm: {
-            readonly type: import("vue").PropType<number | {
-                span?: number;
-                offset?: number;
-                push?: number;
-                pull?: number;
-            }>;
+            readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
             readonly default: () => {};
         };
         readonly md: {
-            readonly type: import("vue").PropType<number | {
-                span?: number;
-                offset?: number;
-                push?: number;
-                pull?: number;
-            }>;
+            readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
             readonly default: () => {};
         };
         readonly lg: {
-            readonly type: import("vue").PropType<number | {
-                span?: number;
-                offset?: number;
-                push?: number;
-                pull?: number;
-            }>;
+            readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
             readonly default: () => {};
         };
         readonly xl: {
-            readonly type: import("vue").PropType<number | {
-                span?: number;
-                offset?: number;
-                push?: number;
-                pull?: number;
-            }>;
+            readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
             readonly default: () => {};
         };
         readonly themeOverrides: {
@@ -74,36 +49,11 @@ export declare const YhCol: import("@yh-ui/utils").SFCWithInstall<{
         readonly span: number;
         readonly push: number;
         readonly tag: string;
-        readonly md: number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        };
-        readonly xs: number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        };
-        readonly sm: number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        };
-        readonly lg: number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        };
-        readonly xl: number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        };
+        readonly md: number | import("./index.js").ColResponsiveValue;
+        readonly xs: number | import("./index.js").ColResponsiveValue;
+        readonly sm: number | import("./index.js").ColResponsiveValue;
+        readonly lg: number | import("./index.js").ColResponsiveValue;
+        readonly xl: number | import("./index.js").ColResponsiveValue;
         readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
         readonly offset: number;
         readonly pull: number;
@@ -136,48 +86,23 @@ export declare const YhCol: import("@yh-ui/utils").SFCWithInstall<{
             readonly default: 0;
         };
         readonly xs: {
-            readonly type: import("vue").PropType<number | {
-                span?: number;
-                offset?: number;
-                push?: number;
-                pull?: number;
-            }>;
+            readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
             readonly default: () => {};
         };
         readonly sm: {
-            readonly type: import("vue").PropType<number | {
-                span?: number;
-                offset?: number;
-                push?: number;
-                pull?: number;
-            }>;
+            readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
             readonly default: () => {};
         };
         readonly md: {
-            readonly type: import("vue").PropType<number | {
-                span?: number;
-                offset?: number;
-                push?: number;
-                pull?: number;
-            }>;
+            readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
             readonly default: () => {};
         };
         readonly lg: {
-            readonly type: import("vue").PropType<number | {
-                span?: number;
-                offset?: number;
-                push?: number;
-                pull?: number;
-            }>;
+            readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
             readonly default: () => {};
         };
         readonly xl: {
-            readonly type: import("vue").PropType<number | {
-                span?: number;
-                offset?: number;
-                push?: number;
-                pull?: number;
-            }>;
+            readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
             readonly default: () => {};
         };
         readonly themeOverrides: {
@@ -188,36 +113,11 @@ export declare const YhCol: import("@yh-ui/utils").SFCWithInstall<{
         readonly span: number;
         readonly push: number;
         readonly tag: string;
-        readonly md: number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        };
-        readonly xs: number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        };
-        readonly sm: number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        };
-        readonly lg: number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        };
-        readonly xl: number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        };
+        readonly md: number | import("./index.js").ColResponsiveValue;
+        readonly xs: number | import("./index.js").ColResponsiveValue;
+        readonly sm: number | import("./index.js").ColResponsiveValue;
+        readonly lg: number | import("./index.js").ColResponsiveValue;
+        readonly xl: number | import("./index.js").ColResponsiveValue;
         readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
         readonly offset: number;
         readonly pull: number;
@@ -247,48 +147,23 @@ export declare const YhCol: import("@yh-ui/utils").SFCWithInstall<{
         readonly default: 0;
     };
     readonly xs: {
-        readonly type: import("vue").PropType<number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        }>;
+        readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
         readonly default: () => {};
     };
     readonly sm: {
-        readonly type: import("vue").PropType<number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        }>;
+        readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
         readonly default: () => {};
     };
     readonly md: {
-        readonly type: import("vue").PropType<number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        }>;
+        readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
         readonly default: () => {};
     };
     readonly lg: {
-        readonly type: import("vue").PropType<number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        }>;
+        readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
         readonly default: () => {};
     };
     readonly xl: {
-        readonly type: import("vue").PropType<number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        }>;
+        readonly type: import("vue").PropType<number | import("./index.js").ColResponsiveValue>;
         readonly default: () => {};
     };
     readonly themeOverrides: {
@@ -299,36 +174,11 @@ export declare const YhCol: import("@yh-ui/utils").SFCWithInstall<{
     readonly span: number;
     readonly push: number;
     readonly tag: string;
-    readonly md: number | {
-        span?: number;
-        offset?: number;
-        push?: number;
-        pull?: number;
-    };
-    readonly xs: number | {
-        span?: number;
-        offset?: number;
-        push?: number;
-        pull?: number;
-    };
-    readonly sm: number | {
-        span?: number;
-        offset?: number;
-        push?: number;
-        pull?: number;
-    };
-    readonly lg: number | {
-        span?: number;
-        offset?: number;
-        push?: number;
-        pull?: number;
-    };
-    readonly xl: number | {
-        span?: number;
-        offset?: number;
-        push?: number;
-        pull?: number;
-    };
+    readonly md: number | import("./index.js").ColResponsiveValue;
+    readonly xs: number | import("./index.js").ColResponsiveValue;
+    readonly sm: number | import("./index.js").ColResponsiveValue;
+    readonly lg: number | import("./index.js").ColResponsiveValue;
+    readonly xl: number | import("./index.js").ColResponsiveValue;
     readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
     readonly offset: number;
     readonly pull: number;
@@ -340,3 +190,7 @@ export declare const YhCol: import("@yh-ui/utils").SFCWithInstall<{
 export default YhCol;
 export * from './src/col';
 export type ColInstance = InstanceType<typeof Col>;
+export type YhColResponsiveValue = import('./src/col').ColResponsiveValue;
+export type YhColProps = import('./src/col').ColProps;
+export type YhColSlots = import('./src/col').ColSlots;
+export type YhColInstance = ColInstance;

package/dist/col/src/col.d.ts

@@ -1,4 +1,10 @@
 import type { ExtractPropTypes, PropType } from 'vue';
+export interface ColResponsiveValue {
+    span?: number;
+    offset?: number;
+    push?: number;
+    pull?: number;
+}
 export declare const colProps: {
     readonly tag: {
         readonly type: StringConstructor;
@@ -21,48 +27,23 @@ export declare const colProps: {
         readonly default: 0;
     };
     readonly xs: {
-        readonly type: PropType<number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        }>;
+        readonly type: PropType<number | ColResponsiveValue>;
         readonly default: () => {};
     };
     readonly sm: {
-        readonly type: PropType<number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        }>;
+        readonly type: PropType<number | ColResponsiveValue>;
         readonly default: () => {};
     };
     readonly md: {
-        readonly type: PropType<number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        }>;
+        readonly type: PropType<number | ColResponsiveValue>;
         readonly default: () => {};
     };
     readonly lg: {
-        readonly type: PropType<number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        }>;
+        readonly type: PropType<number | ColResponsiveValue>;
         readonly default: () => {};
     };
     readonly xl: {
-        readonly type: PropType<number | {
-            span?: number;
-            offset?: number;
-            push?: number;
-            pull?: number;
-        }>;
+        readonly type: PropType<number | ColResponsiveValue>;
         readonly default: () => {};
     };
     /** 主题覆盖变量 */
@@ -72,3 +53,6 @@ export declare const colProps: {
     };
 };
 export type ColProps = ExtractPropTypes<typeof colProps>;
+export interface ColSlots {
+    default?: () => unknown;
+}