@dao-style/core 0.1.3 → 0.1.4

package/dist/components/expansion/expansion-item.vue.d.ts

@@ -10,6 +10,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     onItemClick: () => void;
     isExpanded: import("vue").ComputedRef<boolean>;
+    expansionType: import("vue").ComputedRef<"line" | "box" | undefined>;
+    expansionMode: import("vue").ComputedRef<"manual" | "auto" | undefined>;
     onBeforeEnter: (el: Element) => void;
     onEnter: (el: Element) => void;
     onAfterEnter: (el: Element) => void;

package/dist/components/expansion/expansion.vue.d.ts

@@ -21,6 +21,8 @@ declare const _default: import("vue").DefineComponent<{
     state: {
         expansionRecord: ExpansionName | ExpansionName[] | undefined;
         accordion: boolean;
+        type?: "line" | "box" | undefined;
+        mode?: "manual" | "auto" | undefined;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;

package/dist/components/expansion/props.d.ts

@@ -1,5 +1,7 @@
 import type { PropType, ExtractPropTypes } from 'vue';
 export declare type ExpansionName = symbol | string | number;
+declare const expansionType: readonly ["line", "box"];
+declare type TypeExpansionType = typeof expansionType[number];
 export declare const expansionProps: {
     modelValue: {
         type: PropType<ExpansionName | ExpansionName[]>;
@@ -31,4 +33,7 @@ export declare type ExpansionPropsType = ExtractPropTypes<typeof expansionProps>
 export interface ExpansionState {
     expansionRecord: ExpansionPropsType['modelValue'];
     accordion: boolean;
+    type?: TypeExpansionType;
+    mode?: 'auto' | 'manual';
 }
+export {};

package/dist/dao-style.es.js

@@ -3303,7 +3303,9 @@ const _sfc_main$x = defineComponent({
     ]);
     const state = reactive({
       expansionRecord: modelValue.value,
-      accordion: accordion.value
+      accordion: accordion.value,
+      type: type.value,
+      mode: props.manual ? "manual" : "auto"
     });
     function toggleItem(itemName) {
       if (manual.value) {
@@ -3359,6 +3361,12 @@ const _sfc_main$x = defineComponent({
       }
       state.accordion = newA;
     });
+    watch(() => type.value, (newV) => {
+      state.type = newV;
+    });
+    watch(() => props.manual, (newV) => {
+      state.mode = newV ? "manual" : "auto";
+    });
     provide(ToggleItemKey, toggleItem);
     provide(ExpansionStateKey, state);
     return {
@@ -3582,6 +3590,8 @@ const _sfc_main$t = defineComponent({
       }
       return false;
     });
+    const expansionType = computed(() => parentState == null ? void 0 : parentState.type);
+    const expansionMode = computed(() => parentState == null ? void 0 : parentState.mode);
     function onBeforeEnter(el) {
       if (el instanceof HTMLElement) {
         const { style } = el;
@@ -3623,6 +3633,8 @@ const _sfc_main$t = defineComponent({
     return {
       onItemClick,
       isExpanded,
+      expansionType,
+      expansionMode,
       onBeforeEnter,
       onEnter,
       onAfterEnter,
@@ -3659,9 +3671,11 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
   const _component_dao_ellipsis = resolveComponent("dao-ellipsis");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["dao-expansion-item", {
-      "dao-expansion-item--expanded": _ctx.isExpanded
-    }])
+    class: normalizeClass(["dao-expansion-item", [
+      `dao-expansion-item--${_ctx.expansionType}`,
+      `dao-expansion-item--${_ctx.expansionMode}`,
+      _ctx.isExpanded && "dao-expansion-item--expanded"
+    ]])
   }, [
     createElementVNode("div", {
       class: "dao-expansion-item-header",