yc-pro-components 0.0.82 → 0.0.83

package/index.mjs

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.82 */
+/*! yc-pro-components v0.0.83 */
 import { unref, isRef, ref, inject, isReactive, watch, computed, shallowRef, provide, onMounted, nextTick, onBeforeUnmount, defineComponent, useAttrs, watchEffect, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString, createElementBlock, normalizeClass, createCommentVNode, reactive, Fragment, renderList, resolveDynamicComponent, normalizeProps, guardReactiveProps, h, withDirectives, isVNode, withKeys, withModifiers, TransitionGroup, toHandlers, getCurrentInstance, resolveComponent, pushScopeId, popScopeId, toRefs, useSlots, onUnmounted, resolveDirective, onBeforeMount, getCurrentScope, onScopeDispose, toRef, mergeModels, useModel, vShow, createStaticVNode, hasInjectionContext, markRaw, effectScope, toRaw } from 'vue';
 import { dayjs, localeContextKey, ElDialog, ElButton, ElPagination, ElRadioGroup, ElRadio, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon, ElTooltip, ElPopconfirm, ElLink, ElMessageBox, useFormDisabled, ElDatePicker, ClickOutside, ElTag, ElInput, ElAutocomplete, ElCascader, ElCheckboxGroup, ElCheckbox, ElColorPicker, ElInputNumber, ElRate, ElSelect, ElOption, ElSlider, ElSwitch, ElTimePicker, ElTimeSelect, ElTransfer, ElTreeSelect, ElSelectV2, ElText, ElDivider, ElFormItem, ElOptionGroup, ElRow, ElCol, ElForm, ElCard, ElMessage, ElImage, ElProgress, ElAvatar, ElPopover, ElTable, vLoading, ElDescriptions, ElDescriptionsItem, ElDrawer, TableV2FixedDir, ElAutoResizer, ElTableV2, ElSteps, ElStep, ElBreadcrumb, ElBreadcrumbItem, ElMenuItem, ElSubMenu, ElMenu, ElScrollbar, ElHeader, ElContainer, ElMain, ElBacktop, ElUpload } from 'element-plus';
 
@@ -19174,6 +19174,27 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
 
 var PlusTableTitleBar = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-d1506155"], ["__file", "table-title-bar.vue"]]);
 
+const TABLE_DENSITY_STORAGE_KEY = "yc-table-density";
+const VALID_TABLE_DENSITY = ["default", "large", "small"];
+const readStoredTableDensity = () => {
+  try {
+    const value = localStorage.getItem(TABLE_DENSITY_STORAGE_KEY);
+    if (value && VALID_TABLE_DENSITY.includes(value)) {
+      return value;
+    }
+  } catch (e) {
+  }
+  return null;
+};
+const sharedTableDensity = ref(readStoredTableDensity());
+const applyTableDensity = (nextSize) => {
+  sharedTableDensity.value = nextSize;
+  try {
+    localStorage.setItem(TABLE_DENSITY_STORAGE_KEY, nextSize);
+  } catch (e) {
+  }
+};
+
 const _hoisted_1$j = { class: "plus-table-expand-col" };
 var _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{
@@ -19219,7 +19240,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
   },
   emits: ["paginationChange", "clickAction", "clickActionConfirmCancel", "dragSortEnd", "formChange", "refresh", "edited", "cell-click", "cell-dblclick", "filterTableHeader", "radioChange"],
   setup(__props, { expose: __expose, emit: __emit }) {
-    var _a, _b;
+    var _a, _b, _c;
     const props = __props;
     const emit = __emit;
     const radioRow = ref();
@@ -19238,9 +19259,14 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
       subPageInfo: {
         ...((_a = props.pagination) == null ? void 0 : _a.modelValue) || DefaultPageInfo
       },
-      size: props.defaultSize
+      size: (_b = sharedTableDensity.value) != null ? _b : props.defaultSize
     });
     const cachedTableData = ref([]);
+    watch(sharedTableDensity, (val) => {
+      if (val) {
+        state.size = val;
+      }
+    });
     watchEffect(() => {
       var _a2;
       cachedTableData.value = ((_a2 = props.tableData) == null ? void 0 : _a2.length) ? props.tableData : props.data;
@@ -19297,7 +19323,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
       );
     };
     const handleClickDensity = (size2) => {
-      state.size = size2;
+      applyTableDensity(size2);
     };
     const handleDragSortEnd = (newIndex, oldIndex) => {
       emit("dragSortEnd", newIndex, oldIndex);
@@ -19380,7 +19406,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
     const debounceSetAdaptive = debounce(
       setAdaptive,
-      isPlainObject$1(props.adaptive) ? (_b = props.adaptive.timeout) != null ? _b : 60 : 60
+      isPlainObject$1(props.adaptive) ? (_c = props.adaptive.timeout) != null ? _c : 60 : 60
     );
     onMounted(() => {
       if (hasAdaptive.value) {
@@ -64710,7 +64736,7 @@ function createDictStore(config) {
   });
 }
 
-const version = "0.0.82";
+const version = "0.0.83";
 
 const install = installer.install;
 

package/lib/components/check-card/index.d.ts

@@ -4,18 +4,10 @@ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOpt
 export type { PlusCheckCardProps } from './src/index.vue';
 export declare const PlusCheckCard: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"" | "default" | "small" | "large">;
-            default: string;
-        };
         title: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
         };
-        modelValue: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
@@ -28,6 +20,14 @@ export declare const PlusCheckCard: {
             type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
             default: undefined;
         };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
         description: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
@@ -45,18 +45,10 @@ export declare const PlusCheckCard: {
         change: (checked: boolean) => void;
         extra: () => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"" | "default" | "small" | "large">;
-            default: string;
-        };
         title: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
         };
-        modelValue: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
@@ -69,6 +61,14 @@ export declare const PlusCheckCard: {
             type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
             default: undefined;
         };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
         description: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
@@ -82,12 +82,12 @@ export declare const PlusCheckCard: {
         "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
         onExtra?: (() => any) | undefined;
     }, {
-        size: "" | "default" | "small" | "large";
         title: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
-        modelValue: boolean;
         disabled: boolean;
         avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
         extra: (data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
+        size: "" | "default" | "small" | "large";
+        modelValue: boolean;
         description: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
         avatarProps: RecordType;
     }, true, {}, {}, {
@@ -98,18 +98,10 @@ export declare const PlusCheckCard: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"" | "default" | "small" | "large">;
-            default: string;
-        };
         title: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
         };
-        modelValue: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
@@ -122,6 +114,14 @@ export declare const PlusCheckCard: {
             type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
             default: undefined;
         };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
         description: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
@@ -135,12 +135,12 @@ export declare const PlusCheckCard: {
         "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
         onExtra?: (() => any) | undefined;
     }, {}, {}, {}, {}, {
-        size: "" | "default" | "small" | "large";
         title: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
-        modelValue: boolean;
         disabled: boolean;
         avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
         extra: (data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
+        size: "" | "default" | "small" | "large";
+        modelValue: boolean;
         description: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
         avatarProps: RecordType;
     }>;
@@ -148,18 +148,10 @@ export declare const PlusCheckCard: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    size: {
-        type: PropType<"" | "default" | "small" | "large">;
-        default: string;
-    };
     title: {
         type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
         default: undefined;
     };
-    modelValue: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
     disabled: {
         type: PropType<boolean>;
         default: boolean;
@@ -172,6 +164,14 @@ export declare const PlusCheckCard: {
         type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
         default: undefined;
     };
+    size: {
+        type: PropType<"" | "default" | "small" | "large">;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     description: {
         type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
         default: undefined;
@@ -189,12 +189,12 @@ export declare const PlusCheckCard: {
     change: (checked: boolean) => void;
     extra: () => void;
 }, string, {
-    size: "" | "default" | "small" | "large";
     title: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
-    modelValue: boolean;
     disabled: boolean;
     avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
     extra: (data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
+    size: "" | "default" | "small" | "large";
+    modelValue: boolean;
     description: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
     avatarProps: RecordType;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {

package/lib/components/check-card/src/index.vue.d.ts

@@ -47,12 +47,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
     onExtra?: (() => any) | undefined;
 }, {
-    size: "" | "default" | "small" | "large";
     title: string | ((data: Pick<PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
-    modelValue: boolean;
     disabled: boolean;
     avatar: string | ((data: Pick<PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
     extra: (data: Pick<PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
+    size: "" | "default" | "small" | "large";
+    modelValue: boolean;
     description: string | ((data: Pick<PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
     avatarProps: RecordType;
 }, {}>, {

package/lib/components/check-card-group/index.d.ts

@@ -1,28 +1,28 @@
 import { RenderTypes } from 'yc-pro-components';
-import { PlusCheckCardProps } from 'packages/yc-components';
 import { ValueType } from './src/index.vue';
+import { PlusCheckCardProps } from 'packages/yc-components';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
 export type { PlusCheckCardGroupProps } from './src/index.vue';
 export declare const PlusCheckCardGroup: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"" | "default" | "small" | "large">;
-            default: undefined;
-        };
-        modelValue: {
-            type: PropType<ValueType>;
-            default: () => never[];
-        };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
         };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: undefined;
+        };
         options: {
             type: PropType<( PlusCheckCardProps & {
                 value: string | number;
             })[]>;
             default: () => never[];
         };
+        modelValue: {
+            type: PropType<ValueType>;
+            default: () => never[];
+        };
         multiple: {
             type: PropType<boolean>;
             default: boolean;
@@ -40,24 +40,24 @@ export declare const PlusCheckCardGroup: {
             value: string | number;
         }) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"" | "default" | "small" | "large">;
-            default: undefined;
-        };
-        modelValue: {
-            type: PropType<ValueType>;
-            default: () => never[];
-        };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
         };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: undefined;
+        };
         options: {
             type: PropType<( PlusCheckCardProps & {
                 value: string | number;
             })[]>;
             default: () => never[];
         };
+        modelValue: {
+            type: PropType<ValueType>;
+            default: () => never[];
+        };
         multiple: {
             type: PropType<boolean>;
             default: boolean;
@@ -69,12 +69,12 @@ export declare const PlusCheckCardGroup: {
             value: string | number;
         }) => any) | undefined;
     }, {
-        size: "" | "default" | "small" | "large";
-        modelValue: ValueType;
         disabled: boolean;
+        size: "" | "default" | "small" | "large";
         options: ( PlusCheckCardProps & {
             value: string | number;
         })[];
+        modelValue: ValueType;
         multiple: boolean;
     }, true, {}, {}, {
         P: {};
@@ -84,24 +84,24 @@ export declare const PlusCheckCardGroup: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"" | "default" | "small" | "large">;
-            default: undefined;
-        };
-        modelValue: {
-            type: PropType<ValueType>;
-            default: () => never[];
-        };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
         };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: undefined;
+        };
         options: {
             type: PropType<( PlusCheckCardProps & {
                 value: string | number;
             })[]>;
             default: () => never[];
         };
+        modelValue: {
+            type: PropType<ValueType>;
+            default: () => never[];
+        };
         multiple: {
             type: PropType<boolean>;
             default: boolean;
@@ -113,36 +113,36 @@ export declare const PlusCheckCardGroup: {
             value: string | number;
         }) => any) | undefined;
     }, {}, {}, {}, {}, {
-        size: "" | "default" | "small" | "large";
-        modelValue: ValueType;
         disabled: boolean;
+        size: "" | "default" | "small" | "large";
         options: ( PlusCheckCardProps & {
             value: string | number;
         })[];
+        modelValue: ValueType;
         multiple: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    size: {
-        type: PropType<"" | "default" | "small" | "large">;
-        default: undefined;
-    };
-    modelValue: {
-        type: PropType<ValueType>;
-        default: () => never[];
-    };
     disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
+    size: {
+        type: PropType<"" | "default" | "small" | "large">;
+        default: undefined;
+    };
     options: {
         type: PropType<( PlusCheckCardProps & {
             value: string | number;
         })[]>;
         default: () => never[];
     };
+    modelValue: {
+        type: PropType<ValueType>;
+        default: () => never[];
+    };
     multiple: {
         type: PropType<boolean>;
         default: boolean;
@@ -160,12 +160,12 @@ export declare const PlusCheckCardGroup: {
         value: string | number;
     }) => void;
 }, string, {
-    size: "" | "default" | "small" | "large";
-    modelValue: ValueType;
     disabled: boolean;
+    size: "" | "default" | "small" | "large";
     options: ( PlusCheckCardProps & {
         value: string | number;
     })[];
+    modelValue: ValueType;
     multiple: boolean;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {

package/lib/components/check-card-group/src/index.vue.d.ts

@@ -51,12 +51,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         value: string | number;
     }) => any) | undefined;
 }, {
-    size: "" | "default" | "small" | "large";
-    modelValue: ValueType;
     disabled: boolean;
+    size: "" | "default" | "small" | "large";
     options: (PlusCheckCardProps & {
         value: string | number;
     })[];
+    modelValue: ValueType;
     multiple: boolean;
 }, {}>, Partial<Record<string, (_: {
     avatar: string | undefined;