yc-design-vue 2.2.1 → 2.2.3

package/es/Alert/index.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, useSlots, ref, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeClass, createElementVNode, renderSlot, resolveDynamicComponent, unref, createTextVNode, toDisplayString, createVNode } from "vue";
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
@@ -12,7 +12,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                                */
+/* empty css                                               */
 /* empty css                                   */
 const _hoisted_1 = {
   key: 0,

package/es/Anchor/hooks/useContext.d.ts

@@ -11,11 +11,11 @@ type AnchorContext = {
 export default function useAnchorContext(): {
     provide: (props: RecordType, listRef: Ref<HTMLDivElement | undefined>) => {
         hrefs: import('vue').ComputedRef<any[]>;
-        curHref: Ref<string, string>;
         changeHash: Ref<boolean, boolean>;
         smooth: Ref<boolean, boolean>;
         boundary: Ref<number | "center" | "end" | "start" | "nearest", number | "center" | "end" | "start" | "nearest">;
         lineLess: Ref<boolean, boolean>;
+        curHref: Ref<string, string>;
         scrollContainer: import('vue').ComputedRef<HTMLElement | undefined>;
     };
     inject: () => AnchorContext;

package/es/Anchor/hooks/useContext.js

@@ -39,22 +39,18 @@ function useAnchorContext() {
     const scrollContainer = computed(() => {
       return isUndefined(_scrollContainer.value) ? findFirstScrollableParent(listRef.value) : getElement(_scrollContainer.value);
     });
-    provide(ANCHOR_CONTEXT_KEY, {
+    const context = {
       changeHash,
       smooth,
       boundary,
       lineLess,
       curHref,
       scrollContainer
-    });
+    };
+    provide(ANCHOR_CONTEXT_KEY, context);
     return {
-      hrefs,
-      curHref,
-      changeHash,
-      smooth,
-      boundary,
-      lineLess,
-      scrollContainer
+      ...context,
+      hrefs
     };
   };
   const inject$1 = () => {

package/es/Avatar/Avatar.vue.js

@@ -10,8 +10,8 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
-/* empty css                                                */
+/* empty css                                          */
+/* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconImageClose.vue.js";
 import useAvatarContext from "./hooks/useContext.js";

package/es/BackTop/index.vue.js

@@ -11,8 +11,8 @@ import { findFirstScrollableParent, getElement } from "../_shared/utils/dom.js";
 import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
-/* empty css                                                */
+/* empty css                                          */
+/* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconToTop.vue.js";
 import Button from "../Button/index.js";

package/es/Breadcrumb/BreadcrumbItem.vue.js

@@ -10,8 +10,8 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
-/* empty css                                                */
+/* empty css                                          */
+/* empty css                                               */
 /* empty css                                   */
 import Dropdown from "../Dropdown/index.js";
 import _sfc_main$2 from "../Dropdown/Doption.vue.js";

package/es/Breadcrumb/BreadcrumbMore.vue.js

@@ -9,8 +9,8 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
-/* empty css                                                */
+/* empty css                                          */
+/* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconMore.vue.js";
 import _sfc_main$1 from "./BreadcrumbItem.vue.js";

package/es/Breadcrumb/BreadcrumbSeparator.vue.js

@@ -10,8 +10,8 @@ import "../_shared/utils/dom.js";
 import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
-/* empty css                                                */
+/* empty css                                          */
+/* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconSeparator.vue2.js";
 const _hoisted_1 = { class: "yc-breadcrumb-item-separator" };

package/es/Calendar/Calendar.vue.js

@@ -10,9 +10,9 @@ import "../_shared/utils/dom.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
-/* empty css                                                */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
+/* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
 import Button from "../Button/index.js";

package/es/Carousel/CarouselArrow.vue.js

@@ -9,8 +9,8 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
-/* empty css                                                */
+/* empty css                                          */
+/* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import useCarouselContext from "./hooks/useContext.js";

package/es/Carousel/hooks/useContext.d.ts

@@ -18,10 +18,19 @@ type MoveType = 'positive' | 'negative';
 export default function useCarouselContext(): {
     provide: (props: RecordType, emits: CarouselEmits) => {
         carouselItems: import('vue').ComputedRef<RecordType[]>;
-        computedCurrent: import('vue').WritableComputedRef<number, number>;
-        length: import('vue').ComputedRef<number>;
         autoPlay: Ref<import('..').AutoPlay, import('..').AutoPlay>;
         slideTo: (targetIndex: number) => Promise<void>;
+        length: import('vue').ComputedRef<number>;
+        computedCurrent: import('vue').WritableComputedRef<number, number>;
+        transitionTimingFunction: Ref<string, string>;
+        animationName: Ref<AnimationName, AnimationName>;
+        moveSpeed: Ref<number, number>;
+        direction: Ref<Direction, Direction>;
+        showArrow: Ref<ShowArrow, ShowArrow>;
+        arrowClass: Ref<ClassName, ClassName>;
+        moveType: Ref<MoveType, MoveType>;
+        preIndex: Ref<number, number>;
+        getValidIndex: (val: number) => number;
     };
     inject: () => CarouselContext;
 };

package/es/Carousel/hooks/useContext.js

@@ -66,7 +66,7 @@ function useCarouselContext() {
       await sleep(moveSpeed.value);
       flag = false;
     };
-    provide(CAROUSEL_CONTEXT_KEY, {
+    const context = {
       length,
       computedCurrent,
       transitionTimingFunction,
@@ -78,11 +78,11 @@ function useCarouselContext() {
       moveType,
       preIndex,
       getValidIndex
-    });
+    };
+    provide(CAROUSEL_CONTEXT_KEY, context);
     return {
+      ...context,
       carouselItems,
-      computedCurrent,
-      length,
       autoPlay,
       slideTo
     };

package/es/Cascader/Cascader.vue.d.ts

@@ -196,11 +196,12 @@ declare const __VLS_component: import('vue').DefineComponent<CascaderProps, {},
     triggerProps: import('../Trigger').TriggerProps;
     searchDelay: number;
     tagNowrap: boolean;
+    hideTrigger: boolean;
     pathMode: boolean;
     expandTrigger: import('..').EventTrigger;
+    loadMore: import('./type').LoadMore;
     expandChild: boolean;
     searchOptionOnlyLabel: boolean;
-    loadMore: import('./type').LoadMore;
     fallback: boolean | import('..').FallBack<CascaderOptionValue | CascaderOptionValue[], string>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: ({

package/es/Cascader/Cascader.vue.js

@@ -63,7 +63,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     valueKey: { default: "value" },
     fallback: { type: [Boolean, Function], default: true },
     expandChild: { type: Boolean, default: false },
-    tagNowrap: { type: Boolean, default: false }
+    tagNowrap: { type: Boolean, default: false },
+    hideTrigger: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "update:inputValue", "update:popupVisible", "change", "input-value-change", "clear", "search", "popup-visible-change", "focus", "blur"],
   setup(__props, { emit: __emit }) {
@@ -156,7 +157,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Trigger), mergeProps({
+      return !_ctx.hideTrigger ? (openBlock(), createBlock(unref(Trigger), mergeProps({
+        key: 0,
         "popup-visible": unref(computedVisible),
         "onUpdate:popupVisible": _cache[11] || (_cache[11] = ($event) => isRef(computedVisible) ? computedVisible.value = $event : null),
         "popup-offset": 4,
@@ -286,7 +288,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ];
         }),
         _: 3
-      }, 16, ["popup-visible", "popup-container", "disabled"]);
+      }, 16, ["popup-visible", "popup-container", "disabled"])) : (openBlock(), createBlock(_sfc_main$3, { key: 1 }));
     };
   }
 });

package/es/Cascader/CascaderDataPanel.vue.d.ts

@@ -0,0 +1,33 @@
+import { CascaderPanelProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CascaderPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: import('./type').CascaderValue) => any;
+    "update:modelValue": (value: import('./type').CascaderValue) => any;
+}, string, import('vue').PublicProps, Readonly<CascaderPanelProps> & Readonly<{
+    onChange?: ((value: import('./type').CascaderValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('./type').CascaderValue) => any) | undefined;
+}>, {
+    multiple: boolean;
+    modelValue: import('./type').CascaderValue;
+    defaultValue: import('./type').CascaderValue;
+    options: import('./type').CascaderOption[];
+    fieldNames: Record<string, string>;
+    valueKey: string;
+    pathMode: boolean;
+    expandTrigger: import('..').EventTrigger;
+    loadMore: import('./type').LoadMore;
+    expandChild: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/Cascader/CascaderDataPanel.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent, useSlots, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot } from "vue";
+import _sfc_main$1 from "./Cascader.vue.js";
+/* empty css              */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CascaderPanel"
+  },
+  __name: "CascaderDataPanel",
+  props: {
+    pathMode: { type: Boolean, default: false },
+    multiple: { type: Boolean, default: false },
+    modelValue: { default: void 0 },
+    defaultValue: { default: (props) => {
+      return props.multiple ? [] : "";
+    } },
+    options: { default: () => [] },
+    expandTrigger: { default: "click" },
+    loadMore: { type: Function, default: void 0 },
+    fieldNames: { default: () => {
+      return {};
+    } },
+    valueKey: { default: "value" },
+    expandChild: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props) {
+    const $slots = useSlots();
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps(props, {
+        "hide-trigger": "",
+        onChange: _cache[0] || (_cache[0] = (v) => _ctx.$emit("change", v)),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = (v) => _ctx.$emit("update:modelValue", v))
+      }), createSlots({ _: 2 }, [
+        $slots.empty ? {
+          name: "empty",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "empty")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/Cascader/CascaderDataPanel.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./CascaderDataPanel.vue.js";
+export {
+  _sfc_main as default
+};

package/es/Cascader/CascaderIcon.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent, resolveComponent, createBlock, createElementBlock, openBlock, unref, createSlots, withCtx, resolveDynamicComponent, Fragment, createElementVNode, createCommentVNode, withModifiers } from "vue";
 import useCascaderContext from "./hooks/useContext.js";
 import _sfc_main$1 from "../_shared/icons/IconArrowDown.vue.js";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
@@ -13,7 +13,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                                */
+/* empty css                                               */
 /* empty css                                   */
 import Spin from "../Spin/index.js";
 const _hoisted_1 = { class: "yc-cascader-suffix-icon" };

package/es/Cascader/CascaderOption.vue.js

@@ -10,8 +10,8 @@ import { sleep } from "../_shared/utils/dom.js";
 import { isFunction } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
-/* empty css                                                */
+/* empty css                                          */
+/* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconLoading.vue.js";

package/es/Cascader/CascaderPanel.vue.js

@@ -6,6 +6,10 @@ import Scrollbar from "../Scrollbar/index.js";
 import Spin from "../Spin/index.js";
 import Empty from "../Empty/index.js";
 const _hoisted_1 = {
+  key: 1,
+  class: "yc-cascader-empty"
+};
+const _hoisted_2 = {
   role: "menu",
   class: "yc-cascader-list"
 };
@@ -23,7 +27,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           unref(loading) ? (openBlock(), createBlock(unref(Spin), {
             key: 0,
             loading: unref(loading)
-          }, null, 8, ["loading"])) : !unref(options).length ? (openBlock(), createBlock(resolveDynamicComponent(unref(slots).empty || unref(Empty)), { key: 1 })) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(unref(maxLevel), (i) => {
+          }, null, 8, ["loading"])) : !unref(options).length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            (openBlock(), createBlock(resolveDynamicComponent(unref(slots).empty || unref(Empty))))
+          ])) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(unref(maxLevel), (i) => {
             return withDirectives((openBlock(), createElementBlock("div", {
               key: i,
               style: normalizeStyle({
@@ -33,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               createVNode(unref(Scrollbar), { class: "yc-cascader-column-content" }, {
                 default: withCtx(() => [
-                  createElementVNode("ul", _hoisted_1, [
+                  createElementVNode("ul", _hoisted_2, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(unref(findOptions)(
                       unref(options),
                       i,

package/es/Cascader/hooks/useContext.d.ts

@@ -29,24 +29,85 @@ export declare function findOptionByValueAndLevel(options: CascaderOption[], val
 export declare const getLeafNodes: (nodes: CascaderOptionProps[]) => CascaderOptionProps[];
 export default function useCascaderContext(): {
     provide: (props: RecordType, emits: CascaderEmits, inputRef: Ref<InputInstance | undefined>) => {
-        computedValue: import('vue').WritableComputedRef<CascaderValue, CascaderValue>;
-        computedInputValue: import('vue').WritableComputedRef<string, string>;
         computedVisible: import('vue').WritableComputedRef<boolean, boolean>;
-        options: import('vue').ComputedRef<CascaderOptionProps[]>;
         optionMap: import('vue').ComputedRef<any>;
         selectOptions: import('vue').ComputedRef<RecordType[]>;
-        curLevel: Ref<number, number>;
-        curPath: Ref<number[], number[]>;
-        multiple: Ref<boolean, boolean>;
-        pathMode: Ref<boolean, boolean>;
         disabled: Ref<boolean, boolean>;
         allowClear: Ref<boolean, boolean>;
         allowSearch: Ref<boolean, boolean>;
         searchDelay: Ref<number, number>;
-        loading: Ref<boolean, boolean>;
         getValue: (value: CascaderOptionValue) => unknown;
+        computedValue: import('vue').WritableComputedRef<CascaderValue, CascaderValue>;
+        computedInputValue: import('vue').WritableComputedRef<string, string>;
+        options: import('vue').ComputedRef<CascaderOptionProps[]>;
+        totalOptions: Ref<{
+            label?: string | undefined;
+            value?: CascaderOptionValue | undefined;
+            render?: import('vue').RenderFunction | undefined;
+            disabled?: boolean | undefined;
+            tagProps?: {
+                color?: string | undefined;
+                size?: Exclude<import('../../_shared/type').Size, "mini"> | undefined;
+                bordered?: boolean | undefined;
+                visible?: boolean | undefined;
+                defaultVisible?: boolean | undefined;
+                loading?: boolean | undefined;
+                closable?: boolean | undefined;
+                checkable?: boolean | undefined;
+                checked?: boolean | undefined;
+                defaultChecked?: boolean | undefined;
+                nowrap?: boolean | undefined;
+            } | undefined;
+            children?: /*elided*/ any[] | undefined;
+            isLeaf?: boolean | undefined;
+        }[], CascaderOption[] | {
+            label?: string | undefined;
+            value?: CascaderOptionValue | undefined;
+            render?: import('vue').RenderFunction | undefined;
+            disabled?: boolean | undefined;
+            tagProps?: {
+                color?: string | undefined;
+                size?: Exclude<import('../../_shared/type').Size, "mini"> | undefined;
+                bordered?: boolean | undefined;
+                visible?: boolean | undefined;
+                defaultVisible?: boolean | undefined;
+                loading?: boolean | undefined;
+                closable?: boolean | undefined;
+                checkable?: boolean | undefined;
+                checked?: boolean | undefined;
+                defaultChecked?: boolean | undefined;
+                nowrap?: boolean | undefined;
+            } | undefined;
+            children?: /*elided*/ any[] | undefined;
+            isLeaf?: boolean | undefined;
+        }[]>;
+        searchOptions: import('vue').ComputedRef<{
+            label: string | undefined;
+            level?: number;
+            index?: number;
+            nodePath?: CascaderOptionProps[];
+            value?: CascaderOptionValue;
+            render?: import('vue').RenderFunction;
+            disabled?: boolean;
+            tagProps?: import('../..').TagProps;
+            children?: CascaderOption[];
+            isLeaf?: boolean;
+        }[]>;
+        curLevel: Ref<number, number>;
+        maxLevel: import('vue').ComputedRef<number>;
+        curPath: Ref<number[], number[]>;
+        expandTrigger: Ref<EventTrigger, EventTrigger>;
+        expandChild: Ref<boolean, boolean>;
+        pathMode: Ref<boolean, boolean>;
+        multiple: Ref<boolean, boolean>;
+        loading: Ref<boolean, boolean>;
+        slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        blur: () => void;
         getValueKey: (value: CascaderOptionValue | CascaderOptionValue[]) => string;
         getOption: (value: CascaderOptionValue | CascaderOptionValue[]) => CascaderOptionProps;
+        loadMore: LoadMore;
     };
     inject: () => CascaderContext;
 };

package/es/Cascader/hooks/useContext.js

@@ -259,7 +259,7 @@ function useCascaderContext() {
         deep: true
       }
     );
-    provide(CASCADER_CONTEXT_KEY, {
+    const context = {
       computedValue,
       computedInputValue,
       options,
@@ -278,26 +278,18 @@ function useCascaderContext() {
       getValueKey,
       getOption,
       loadMore
-    });
+    };
+    provide(CASCADER_CONTEXT_KEY, context);
     return {
-      computedValue,
-      computedInputValue,
+      ...context,
       computedVisible,
-      options,
       optionMap,
       selectOptions,
-      curLevel,
-      curPath,
-      multiple,
-      pathMode,
       disabled,
       allowClear,
       allowSearch,
       searchDelay,
-      loading,
-      getValue,
-      getValueKey,
-      getOption
+      getValue
     };
   };
   const inject$1 = () => {

package/es/Cascader/index.css

@@ -1 +1 @@
-.yc-cascader-panel{overflow:hidden;height:200px;background-color:var(--color-bg-popup);border-radius:var(--border-radius-medium);border:1px solid var(--color-fill-3);box-shadow:0 4px 10px rgba(0,0,0,0.1);display:inline-flex}.yc-cascader-panel .yc-cascader-panel-column{position:relative;min-width:120px;border-right:1px solid transparent;background-color:var(--color-bg-popup);display:inline-flex;flex-direction:column}.yc-cascader-panel .yc-cascader-panel-column:not(:last-child){border-right-color:var(--color-fill-3)}.yc-cascader-panel .yc-scrollbar .yc-scrollbar-container{max-height:200px;overflow-y:auto}.yc-cascader-panel .yc-spin{height:100%;min-width:120px;display:flex;justify-content:center;align-items:center}.yc-cascader-panel .yc-empty{min-width:120px}.yc-cascader-search-panel{position:relative;width:100%}.yc-cascader-search-panel .yc-scrollbar{width:100%}.yc-cascader-search-panel .yc-cascader-empty{position:absolute;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.yc-cascader-option{cursor:pointer;position:relative;height:36px;padding-left:12px;min-width:100px;background-color:transparent;color:var(--color-text-1);font-size:14px;line-height:36px;transition:all .2s cubic-bezier(0, 0, 1, 1);display:flex;align-items:center;gap:8px}.yc-cascader-option:not(.yc-cascader-option-disabled):hover{background-color:var(--color-fill-2)}.yc-cascader-option .yc-checkbox{padding-left:0}.yc-cascader-option .yc-cascader-option-label{flex:1;padding-right:34px}.yc-cascader-option .yc-cascader-option-label .yc-icon{position:absolute;top:calc((100% - 12px) / 2);right:10px;color:var(--color-text-2);font-size:12px}.yc-cascader-option-selected{background-color:var(--color-fill-2)}.yc-cascader-option-disabled{color:var(--color-text-4);background-color:transparent;cursor:not-allowed}.yc-cascader{width:100%;display:inline-flex;align-items:center}.yc-cascader .yc-input-outer .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-1)}.yc-cascader .yc-input-placeholder{color:var(--color-text-3)}.yc-cascader .yc-cascader-suffix-icon,.yc-cascader .yc-cascader-search-icon,.yc-cascader .yc-cascader-clear-icon,.yc-cascader .yc-spin{font-size:12px;color:inherit;flex-shrink:0}.yc-cascader-allow-search .yc-cascader-search-icon{display:none}.yc-cascader-allow-search:focus-within .yc-cascader-clear-icon,.yc-cascader-allow-search:focus-within .yc-cascader-suffix-icon{display:none}.yc-cascader-allow-search:focus-within .yc-cascader-search-icon{display:block}.yc-cascader-allow-search .yc-input-outer .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-cascader-allow-clear .yc-cascader-clear-icon{display:none}.yc-cascader-allow-clear:hover .yc-cascader-search-icon,.yc-cascader-allow-clear:hover .yc-cascader-suffix-icon{display:none}.yc-cascader-allow-clear:hover .yc-cascader-clear-icon{display:flex}
+.yc-cascader-panel{overflow:hidden;height:200px;background-color:var(--color-bg-popup);border-radius:var(--border-radius-medium);border:1px solid var(--color-fill-3);box-shadow:0 4px 10px rgba(0,0,0,0.1);display:inline-flex}.yc-cascader-panel .yc-cascader-panel-column{position:relative;min-width:120px;border-right:1px solid transparent;background-color:var(--color-bg-popup);display:inline-flex;flex-direction:column}.yc-cascader-panel .yc-cascader-panel-column:not(:last-child){border-right-color:var(--color-fill-3)}.yc-cascader-panel .yc-scrollbar .yc-scrollbar-container{max-height:200px;overflow-y:auto}.yc-cascader-panel .yc-spin{height:100%;min-width:120px;display:flex;justify-content:center;align-items:center}.yc-cascader-panel .yc-cascader-empty .yc-empty{min-width:120px}.yc-cascader-search-panel{position:relative;width:100%}.yc-cascader-search-panel .yc-scrollbar{width:100%}.yc-cascader-search-panel .yc-cascader-empty{position:absolute;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.yc-cascader-option{cursor:pointer;position:relative;height:36px;padding-left:12px;min-width:100px;max-width:100%;background-color:transparent;color:var(--color-text-1);font-size:14px;line-height:36px;transition:all .2s cubic-bezier(0, 0, 1, 1);display:flex;align-items:center;gap:8px}.yc-cascader-option:not(.yc-cascader-option-disabled):hover{background-color:var(--color-fill-2)}.yc-cascader-option .yc-checkbox{padding-left:0}.yc-cascader-option .yc-cascader-option-label{flex:1;padding-right:34px}.yc-cascader-option .yc-cascader-option-label .yc-icon{position:absolute;top:calc((100% - 12px) / 2);right:10px;color:var(--color-text-2);font-size:12px}.yc-cascader-option-selected{background-color:var(--color-fill-2)}.yc-cascader-option-disabled{color:var(--color-text-4);background-color:transparent;cursor:not-allowed}.yc-cascader{width:100%;display:inline-flex;align-items:center}.yc-cascader .yc-input-outer .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-1)}.yc-cascader .yc-input-placeholder{color:var(--color-text-3)}.yc-cascader .yc-cascader-suffix-icon,.yc-cascader .yc-cascader-search-icon,.yc-cascader .yc-cascader-clear-icon,.yc-cascader .yc-spin{font-size:12px;color:inherit;flex-shrink:0}.yc-cascader-allow-search .yc-cascader-search-icon{display:none}.yc-cascader-allow-search:focus-within .yc-cascader-clear-icon,.yc-cascader-allow-search:focus-within .yc-cascader-suffix-icon{display:none}.yc-cascader-allow-search:focus-within .yc-cascader-search-icon{display:block}.yc-cascader-allow-search .yc-input-outer .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-cascader-allow-clear .yc-cascader-clear-icon{display:none}.yc-cascader-allow-clear:hover .yc-cascader-search-icon,.yc-cascader-allow-clear:hover .yc-cascader-suffix-icon{display:none}.yc-cascader-allow-clear:hover .yc-cascader-clear-icon{display:flex}

package/es/Cascader/index.d.ts

@@ -1,5 +1,6 @@
 import { App } from 'vue';
 import { default as _Cascader } from './Cascader.vue';
+import { default as _CascaderPanel } from './CascaderDataPanel.vue';
 export type CascaderInstance = InstanceType<typeof _Cascader>;
 export * from './type';
 declare const Cascader: {
@@ -50,11 +51,12 @@ declare const Cascader: {
         triggerProps: import('..').TriggerProps;
         searchDelay: number;
         tagNowrap: boolean;
+        hideTrigger: boolean;
         pathMode: boolean;
         expandTrigger: import('..').EventTrigger;
+        loadMore: import('./type').LoadMore;
         expandChild: boolean;
         searchOptionOnlyLabel: boolean;
-        loadMore: import('./type').LoadMore;
         fallback: boolean | import('..').FallBack<import('./type').CascaderOptionValue | import('./type').CascaderOptionValue[], string>;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         inputRef: ({
@@ -235,11 +237,12 @@ declare const Cascader: {
         triggerProps: import('..').TriggerProps;
         searchDelay: number;
         tagNowrap: boolean;
+        hideTrigger: boolean;
         pathMode: boolean;
         expandTrigger: import('..').EventTrigger;
+        loadMore: import('./type').LoadMore;
         expandChild: boolean;
         searchOptionOnlyLabel: boolean;
-        loadMore: import('./type').LoadMore;
         fallback: boolean | import('..').FallBack<import('./type').CascaderOptionValue | import('./type').CascaderOptionValue[], string>;
     }>;
     __isFragment?: never;
@@ -292,11 +295,12 @@ declare const Cascader: {
     triggerProps: import('..').TriggerProps;
     searchDelay: number;
     tagNowrap: boolean;
+    hideTrigger: boolean;
     pathMode: boolean;
     expandTrigger: import('..').EventTrigger;
+    loadMore: import('./type').LoadMore;
     expandChild: boolean;
     searchOptionOnlyLabel: boolean;
-    loadMore: import('./type').LoadMore;
     fallback: boolean | import('..').FallBack<import('./type').CascaderOptionValue | import('./type').CascaderOptionValue[], string>;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
@@ -310,9 +314,11 @@ declare const Cascader: {
 }) & {
     install: (app: App) => void;
 };
+export { _CascaderPanel as CascaderPanel };
 declare module 'vue' {
     interface GlobalComponents {
         YcCascader: typeof Cascader;
+        YcCascaderPanel: typeof _CascaderPanel;
     }
 }
 export default Cascader;

package/es/Cascader/index.js

@@ -1,10 +1,13 @@
 import _sfc_main from "./Cascader.vue.js";
 /* empty css              */
+import _sfc_main$1 from "./CascaderDataPanel.vue.js";
 const Cascader = Object.assign(_sfc_main, {
   install: (app) => {
     app.component("Yc" + _sfc_main.name, _sfc_main);
+    app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
   }
 });
 export {
+  _sfc_main$1 as CascaderPanel,
   Cascader as default
 };

package/es/Cascader/type.d.ts

@@ -33,6 +33,7 @@ export interface CascaderProps {
     fallback?: boolean | FallBack<CascaderOptionValue | CascaderOptionValue[], string>;
     expandChild?: boolean;
     tagNowrap?: boolean;
+    hideTrigger?: boolean;
 }
 export interface CascaderEmits {
     (e: 'update:modelValue', value: CascaderValue): void;
@@ -59,6 +60,14 @@ export interface CascaderSlots {
         data: CascaderOption;
     }) => VNode[];
 }
+export type CascaderPanelProps = Pick<CascaderProps, 'pathMode' | 'multiple' | 'modelValue' | 'defaultValue' | 'options' | 'expandTrigger' | 'loadMore' | 'fieldNames' | 'valueKey' | 'expandChild'>;
+export type CascaderPanelEmits = {
+    (e: 'update:modelValue', value: CascaderValue): void;
+    (e: 'change', value: CascaderValue): void;
+};
+export type CascaderPanelSlots = {
+    empty?: () => VNode[];
+};
 export type CascaderValue = CascaderOptionValue | CascaderOptionValue[] | CascaderOptionValue[][];
 export type CascaderOptionValue = string | number | Record<string, any>;
 export type CascaderOption = {