sakura-ui-plus 1.0.3 → 1.0.5

package/dist/es/index.js

@@ -1,5 +1,5 @@
 import { unref, getCurrentInstance, ref, nextTick, reactive, defineComponent, mergeModels, computed, useModel, openBlock, createBlock, withCtx, createElementVNode, mergeProps, resolveDynamicComponent, createSlots, renderSlot, createElementBlock, Fragment, renderList, inject, normalizeClass, toDisplayString, createTextVNode, provide, toRef, createCommentVNode, createVNode, withKeys, useTemplateRef, onMounted, onUnmounted, normalizeStyle, withModifiers, render } from "vue";
-import { sleep, isEmpty, keysOf, isString, isArray, addUnit, extend, computedTextsSize, FILE_TYPE, isFunction, getFileType, extractSuffix, getMultipleFileDotSuffix } from "sakura-utils";
+import { sleep, isEmpty, keysOf, isString, isArray, addUnit, extend, computedTextsSize, FILE_TYPE, formatBytes, isFunction, getFileType, extractSuffix, getMultipleFileDotSuffix } from "sakura-utils";
 import { ElLoading, ElMessage, ElMessageBox, ElNotification, ElSelectV2, ElSelect, ElConfigProvider, ElOption, ElPagination, CHANGE_EVENT, ElInput, ElButton, ElTabs, ElTabPane, ElTooltip, ElDialog, ElIcon, ElScrollbar, ElDrawer, ElPopconfirm, ElSwitch } from "element-plus";
 import { TinyColor } from "@ctrl/tinycolor";
 import { useDebounceFn, useThrottleFn } from "@vueuse/core";
@@ -571,7 +571,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     loading: { type: Boolean },
     virtualized: { type: Boolean },
     emptyValues: { default: () => [void 0, null] },
-    stringEmpty: { type: Boolean, default: false },
+    stringEmpty: { type: Boolean, default: true },
     locale: { default: zhCn },
     maxLength: { default: 50 }
   }, {
@@ -649,10 +649,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               } : void 0,
               _ctx.$slots.default ? {
                 name: "default",
-                fn: withCtx(({ item }) => [
+                fn: withCtx((data) => [
                   isUseVirtualized.value ? renderSlot(_ctx.$slots, "default", {
                     key: 0,
-                    item
+                    item: data.item
                   }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.options, (v) => {
                     return openBlock(), createBlock(unref(ElOption), {
                       key: v.value,
@@ -700,6 +700,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   props: {
     labelWidth: {},
     background: {},
+    row: {},
     label: {},
     content: {}
   },
@@ -711,7 +712,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       const { labelWidth, background } = props;
       return ns.cssBlockVar("cell", {
         "label-width": addUnit(labelWidth || cellContext.labelWidth || 140),
-        "background": background || cellContext.background || "#F2FAFF"
+        "background": background || cellContext.background || "#F2FAFF",
+        "width": 100 / (cellContext.row ?? 1) + "%"
       });
     });
     return (_ctx, _cache) => {
@@ -740,18 +742,23 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "cell-group",
   props: {
     labelWidth: { default: 140 },
-    background: { default: "#F2FAFF" }
+    background: { default: "#F2FAFF" },
+    row: { default: 1 }
   },
   setup(__props) {
     const ns = useNamespace("cell-group");
     const props = __props;
     provide(CellContextKey, reactive({
       labelWidth: toRef(props, "labelWidth"),
-      background: toRef(props, "background")
+      background: toRef(props, "background"),
+      row: toRef(props, "row")
     }));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({
-        class: [unref(ns).b()]
+        class: [
+          unref(ns).b(),
+          unref(ns).is(__props.row > 1 ? "row" : "col")
+        ]
       }, _ctx.$attrs), [
         renderSlot(_ctx.$slots, "default")
       ], 16);
@@ -1231,7 +1238,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       if (formatFontSize) {
         return formatFontSize(fileSize);
       }
-      return Math.round(fileSize / 1024 / 1024 * 100) / 100 + "MB";
+      return formatBytes(fileSize);
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({
@@ -2129,7 +2136,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     validate: { type: Boolean, default: true },
     showMessage: { type: Boolean },
-    type: { default: "upload" }
+    type: { default: "upload" },
+    text: { type: Boolean, default: true }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -2148,7 +2156,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const message = useMessage();
     const onDrop = (e) => {
       var _a;
-      const { showMessage } = props;
+      const { showMessage, disabled } = props;
+      if (disabled) {
+        return;
+      }
       isDragging.value = false;
       const files = (_a = e.dataTransfer) == null ? void 0 : _a.files;
       const fileResult = getFileResult(files);
@@ -2203,11 +2214,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 1,
         class: normalizeClass([
           unref(ns).b(),
-          unref(ns).m(__props.type)
+          unref(ns).m(__props.type),
+          unref(ns).is("disabled", __props.disabled)
         ])
       }, [
         createVNode(unref(ElButton), {
-          text: "",
+          text: __props.text,
           icon: __props.buttonIcon,
           type: "primary"
         }, {
@@ -2215,7 +2227,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(__props.buttonTitle), 1)
           ]),
           _: 1
-        }, 8, ["icon"]),
+        }, 8, ["text", "icon"]),
         createElementVNode("input", {
           class: normalizeClass([unref(ns).e("file")]),
           type: "file",
@@ -2252,6 +2264,9 @@ const components = {
 };
 const ShowModalInstall = {
   install(vm) {
+    if (typeof document === "undefined") {
+      return;
+    }
     const vnode = createVNode(_sfc_main$3);
     checkElementIsExist("u-show-modal");
     render(vnode, document.querySelector("#u-show-modal"));
@@ -2277,7 +2292,20 @@ const SakuraUiPlus = {
   install
 };
 export {
+  _sfc_main$i as Cell,
+  _sfc_main$h as CellGroup,
+  _sfc_main$f as Container,
+  _sfc_main$6 as CountDown,
+  _sfc_main$5 as Dialog,
+  _sfc_main$4 as Drawer,
   EVENT_NAME,
+  _sfc_main$8 as FileItem,
+  _sfc_main$7 as FileList,
+  _sfc_main$b as FilterGroup,
+  _sfc_main$c as FilterItem,
+  _sfc_main$1 as PageContainer,
+  _sfc_main$e as Pagination,
+  _sfc_main$2 as PopconfirmSwitch,
   _sfc_main$i as SakuraCell,
   _sfc_main$h as SakuraCellGroup,
   _sfc_main$f as SakuraContainer,
@@ -2298,6 +2326,13 @@ export {
   _sfc_main$a as SakuraTabs,
   _sfc_main$9 as SakuraTooltipText,
   _sfc_main as SakuraUpload,
+  _sfc_main$d as SearchInput,
+  _sfc_main$j as Select,
+  _sfc_main$3 as ShowModal,
+  _sfc_main$g as Status,
+  _sfc_main$a as Tabs,
+  _sfc_main$9 as TooltipText,
+  _sfc_main as Upload,
   checkElementIsExist,
   createRules,
   SakuraUiPlus as default,

package/dist/lib/index.js

@@ -573,7 +573,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     loading: { type: Boolean },
     virtualized: { type: Boolean },
     emptyValues: { default: () => [void 0, null] },
-    stringEmpty: { type: Boolean, default: false },
+    stringEmpty: { type: Boolean, default: true },
     locale: { default: zhCn },
     maxLength: { default: 50 }
   }, {
@@ -651,10 +651,10 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
               } : void 0,
               _ctx.$slots.default ? {
                 name: "default",
-                fn: vue.withCtx(({ item }) => [
+                fn: vue.withCtx((data) => [
                   isUseVirtualized.value ? vue.renderSlot(_ctx.$slots, "default", {
                     key: 0,
-                    item
+                    item: data.item
                   }) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(__props.options, (v) => {
                     return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElOption), {
                       key: v.value,
@@ -702,6 +702,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   props: {
     labelWidth: {},
     background: {},
+    row: {},
     label: {},
     content: {}
   },
@@ -713,7 +714,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       const { labelWidth, background } = props;
       return ns.cssBlockVar("cell", {
         "label-width": sakuraUtils.addUnit(labelWidth || cellContext.labelWidth || 140),
-        "background": background || cellContext.background || "#F2FAFF"
+        "background": background || cellContext.background || "#F2FAFF",
+        "width": 100 / (cellContext.row ?? 1) + "%"
       });
     });
     return (_ctx, _cache) => {
@@ -742,18 +744,23 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "cell-group",
   props: {
     labelWidth: { default: 140 },
-    background: { default: "#F2FAFF" }
+    background: { default: "#F2FAFF" },
+    row: { default: 1 }
   },
   setup(__props) {
     const ns = useNamespace("cell-group");
     const props = __props;
     vue.provide(CellContextKey, vue.reactive({
       labelWidth: vue.toRef(props, "labelWidth"),
-      background: vue.toRef(props, "background")
+      background: vue.toRef(props, "background"),
+      row: vue.toRef(props, "row")
     }));
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        class: [vue.unref(ns).b()]
+        class: [
+          vue.unref(ns).b(),
+          vue.unref(ns).is(__props.row > 1 ? "row" : "col")
+        ]
       }, _ctx.$attrs), [
         vue.renderSlot(_ctx.$slots, "default")
       ], 16);
@@ -1233,7 +1240,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
       if (formatFontSize) {
         return formatFontSize(fileSize);
       }
-      return Math.round(fileSize / 1024 / 1024 * 100) / 100 + "MB";
+      return sakuraUtils.formatBytes(fileSize);
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
@@ -2131,7 +2138,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     disabled: { type: Boolean },
     validate: { type: Boolean, default: true },
     showMessage: { type: Boolean },
-    type: { default: "upload" }
+    type: { default: "upload" },
+    text: { type: Boolean, default: true }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -2150,7 +2158,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const message = useMessage();
     const onDrop = (e) => {
       var _a;
-      const { showMessage } = props;
+      const { showMessage, disabled } = props;
+      if (disabled) {
+        return;
+      }
       isDragging.value = false;
       const files = (_a = e.dataTransfer) == null ? void 0 : _a.files;
       const fileResult = getFileResult(files);
@@ -2205,11 +2216,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         key: 1,
         class: vue.normalizeClass([
           vue.unref(ns).b(),
-          vue.unref(ns).m(__props.type)
+          vue.unref(ns).m(__props.type),
+          vue.unref(ns).is("disabled", __props.disabled)
         ])
       }, [
         vue.createVNode(vue.unref(elementPlus.ElButton), {
-          text: "",
+          text: __props.text,
           icon: __props.buttonIcon,
           type: "primary"
         }, {
@@ -2217,7 +2229,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(vue.toDisplayString(__props.buttonTitle), 1)
           ]),
           _: 1
-        }, 8, ["icon"]),
+        }, 8, ["text", "icon"]),
         vue.createElementVNode("input", {
           class: vue.normalizeClass([vue.unref(ns).e("file")]),
           type: "file",
@@ -2254,6 +2266,9 @@ const components = {
 };
 const ShowModalInstall = {
   install(vm) {
+    if (typeof document === "undefined") {
+      return;
+    }
     const vnode = vue.createVNode(_sfc_main$3);
     checkElementIsExist("u-show-modal");
     vue.render(vnode, document.querySelector("#u-show-modal"));
@@ -2278,7 +2293,20 @@ const index = "";
 const SakuraUiPlus = {
   install
 };
+exports.Cell = _sfc_main$i;
+exports.CellGroup = _sfc_main$h;
+exports.Container = _sfc_main$f;
+exports.CountDown = _sfc_main$6;
+exports.Dialog = _sfc_main$5;
+exports.Drawer = _sfc_main$4;
 exports.EVENT_NAME = EVENT_NAME;
+exports.FileItem = _sfc_main$8;
+exports.FileList = _sfc_main$7;
+exports.FilterGroup = _sfc_main$b;
+exports.FilterItem = _sfc_main$c;
+exports.PageContainer = _sfc_main$1;
+exports.Pagination = _sfc_main$e;
+exports.PopconfirmSwitch = _sfc_main$2;
 exports.SakuraCell = _sfc_main$i;
 exports.SakuraCellGroup = _sfc_main$h;
 exports.SakuraContainer = _sfc_main$f;
@@ -2299,6 +2327,13 @@ exports.SakuraStatus = _sfc_main$g;
 exports.SakuraTabs = _sfc_main$a;
 exports.SakuraTooltipText = _sfc_main$9;
 exports.SakuraUpload = _sfc_main;
+exports.SearchInput = _sfc_main$d;
+exports.Select = _sfc_main$j;
+exports.ShowModal = _sfc_main$3;
+exports.Status = _sfc_main$g;
+exports.Tabs = _sfc_main$a;
+exports.TooltipText = _sfc_main$9;
+exports.Upload = _sfc_main;
 exports.checkElementIsExist = checkElementIsExist;
 exports.createRules = createRules;
 exports.default = SakuraUiPlus;

package/dist/style.css

@@ -2830,6 +2830,7 @@
 .sakura-cell {
   display: flex;
   flex-direction: row;
+  width: var(--sakura-cell-width);
   border-bottom: 1px solid var(--sakura-cell-border-color);
 }
 .sakura-cell:last-of-type {
@@ -2860,6 +2861,7 @@
   border-right: 1px solid var(--sakura-cell-border-color);
   color: var(--sakura-cell-label-color);
   font-size: var(--sakura-cell-label-font-size);
+  border-left: 1px solid var(--sakura-cell-border-color);
 }
 .sakura-cell {
   /**
@@ -2959,6 +2961,13 @@
   --sakura-cell-border-color: var(--sakura-border-color);
   --sakura-cell-padding: 15px 10px;
   border: 1px solid var(--sakura-cell-border-color);
+  border-left: 0;
+}
+.sakura-cell-group.is-row {
+  display: flex;
+  flex-wrap: wrap;
+}
+.sakura-cell-group.is-col {
   display: flex;
   flex-direction: column;
 }
@@ -3860,6 +3869,7 @@
   border: var(--sakura-file-item-border);
   border-radius: var(--sakura-file-item-border-radius);
   cursor: pointer;
+  position: relative;
 }
 .sakura-file-item + .sakura-file-item {
   margin-top: 20px;
@@ -4813,11 +4823,12 @@
   --sakura-upload-tips-color: var(--sakura-text-color-placeholder);
   cursor: pointer;
   position: relative;
+  overflow: hidden;
 }
 .sakura-upload.is-active {
   border-color: var(--sakura-color-primary);
 }
-.sakura-upload:hover {
+.sakura-upload:not(.sakura-upload.is-disabled):hover {
   border-color: var(--sakura-color-primary);
 }
 .sakura-upload {
@@ -4847,6 +4858,12 @@
   padding: var(--sakura-upload-padding);
   border: var(--sakura-upload-border);
 }
+.sakura-upload--button {
+  width: auto;
+}
+.sakura-upload--button .el-button {
+  width: 100%;
+}
 .sakura-upload {
   /**
   @at-root使用之后会将另起一行不在进行嵌套
@@ -4907,4 +4924,34 @@
   cursor: pointer;
   width: 200%;
   height: 200%;
+}
+.sakura-upload.is-disabled {
+  cursor: not-allowed;
+}
+.sakura-upload.is-disabled:after {
+  content: "";
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 9;
+  cursor: not-allowed;
+}
+.sakura-upload.is-disabled {
+  /**
+  @at-root使用之后会将另起一行不在进行嵌套
+  .demo {
+      @at-root .a{
+          color: red;
+      }
+  }
+  .demo{}
+  .a{
+      color: red;
+  }
+   */
+}
+.sakura-upload.is-disabled .sakura-upload__file {
+  display: none;
 }

package/dist/types/components/cell/cell-group.vue.d.ts

@@ -11,6 +11,7 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<CellGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CellGroupProps> & Readonly<{}>, {
     background: string;
     labelWidth: string | number;
+    row: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/types/components/cell/props.d.ts

@@ -1,6 +1,7 @@
 export type CellGroupProps = {
     labelWidth?: string | number;
     background?: string;
+    row?: number;
 };
 export type CellProps = CellGroupProps & {
     label: string;

package/dist/types/components/index.d.ts

@@ -1560,7 +1560,7 @@ declare const _default: {
                 item: any;
             }): any;
             default?(_: {
-                item: import('..').OptionsItem;
+                item: import('..').OptionsItem<any>;
             }): any;
             footer?(_: {}): any;
             tag?(_: {
@@ -1589,6 +1589,7 @@ declare const _default: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./cell/props').CellGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             background: string;
             labelWidth: string | number;
+            row: number;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1599,6 +1600,7 @@ declare const _default: {
         }, Readonly<import('./cell/props').CellGroupProps> & Readonly<{}>, {}, {}, {}, {}, {
             background: string;
             labelWidth: string | number;
+            row: number;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -1606,6 +1608,7 @@ declare const _default: {
     } & import('vue').ComponentOptionsBase<Readonly<import('./cell/props').CellGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         background: string;
         labelWidth: string | number;
+        row: number;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -2222,6 +2225,7 @@ declare const _default: {
         onChange?: ((fileInfoList: import('./upload/props').UploadResult<import('..').FileInfo[]>) => any) | undefined;
     }>, {
         title: string;
+        text: boolean;
         type: "upload" | "button";
         tips: string;
         validate: boolean;
@@ -2233,4 +2237,4 @@ declare const _default: {
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 };
 export default _default;
-export { Select as SakuraSelect, Cell as SakuraCell, CellGroup as SakuraCellGroup, Status as SakuraStatus, Container as SakuraContainer, Pagination as SakuraPagination, SearchInput as SakuraSearchInput, FilterItem as SakuraFilterItem, FilterGroup as SakuraFilterGroup, Tabs as SakuraTabs, TooltipText as SakuraTooltipText, FileItem as SakuraFileItem, FileList as SakuraFileList, CountDown as SakuraCountDown, Dialog as SakuraDialog, Drawer as SakuraDrawer, ShowModal as SakuraShowModal, PopconfirmSwitch as SakuraPopconfirmSwitch, PageContainer as SakuraPageContainer, Upload as SakuraUpload };
+export { Select as SakuraSelect, Cell as SakuraCell, CellGroup as SakuraCellGroup, Status as SakuraStatus, Container as SakuraContainer, Pagination as SakuraPagination, SearchInput as SakuraSearchInput, FilterItem as SakuraFilterItem, FilterGroup as SakuraFilterGroup, Tabs as SakuraTabs, TooltipText as SakuraTooltipText, FileItem as SakuraFileItem, FileList as SakuraFileList, CountDown as SakuraCountDown, Dialog as SakuraDialog, Drawer as SakuraDrawer, ShowModal as SakuraShowModal, PopconfirmSwitch as SakuraPopconfirmSwitch, PageContainer as SakuraPageContainer, Upload as SakuraUpload, Select, Cell, CellGroup, Status, Container, Pagination, SearchInput, FilterItem, FilterGroup, Tabs, TooltipText, FileItem, FileList, CountDown, Dialog, Drawer, ShowModal, PopconfirmSwitch, PageContainer, Upload };

package/dist/types/components/select/props.d.ts

@@ -6,7 +6,7 @@ export type SelectProps = {
     width?: string | number;
     margin?: Array<number | string> | string | number;
     size?: ComponentSize;
-    options: OptionsItem[];
+    options: OptionsItem<any>[];
     disabled?: boolean;
     placeholder?: string;
     clearable?: boolean;

package/dist/types/components/select/select.vue.d.ts

@@ -13,7 +13,7 @@ declare function __VLS_template(): {
             item: any;
         }): any;
         default?(_: {
-            item: import('../..').OptionsItem;
+            item: import('../..').OptionsItem<any>;
         }): any;
         footer?(_: {}): any;
         tag?(_: {

package/dist/types/components/upload/props.d.ts

@@ -16,6 +16,7 @@ export type UploadProps = {
     validate?: boolean;
     showMessage?: boolean;
     type?: 'upload' | 'button';
+    text?: boolean;
 };
 export type UploadEmits = {
     change: [fileInfoList: UploadResult<FileInfo[]>];

package/dist/types/components/upload/upload.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import('vue').DefineComponent<UploadProps, {}, {}, {}, {
     onChange?: ((fileInfoList: import('./props.ts').UploadResult<import('../../index.ts').FileInfo[]>) => any) | undefined;
 }>, {
     title: string;
+    text: boolean;
     type: "upload" | "button";
     tips: string;
     validate: boolean;

package/dist/types/types/index.d.ts

@@ -10,7 +10,7 @@ export type ComponentSize = 'small' | 'large' | 'default' | '';
 /**
  * 选项
  */
-export type OptionsItem<T = string, M = object> = {
+export type OptionsItem<T = any, M = object> = {
     label: string;
     value: T;
     disabled?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "sakura-ui-plus",
-    "version": "1.0.3",
+    "version": "1.0.5",
     "description": "开发常用组件",
     "type": "module",
     "sideEffects": [
@@ -48,16 +48,19 @@
         "test:ui": "vitest --ui",
         "test:coverage": "vitest run --coverage",
         "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
-        "prepublishOnly": "npm run build"
+        "prepublishOnly": "npm run build",
+        "docs:dev": "vitepress dev docs",
+        "docs:build": "vitepress build docs",
+        "docs:preview": "vitepress preview docs"
     },
     "peerDependencies": {
-        "element-plus": "^2.13.0",
-        "@vueuse/core": "^12.3.0",
-        "sakura-utils": "^1.0.7",
-        "vue": "^3.3.0",
         "@ctrl/tinycolor": "^3.6.0",
         "@element-plus/icons-vue": "^2.3.1",
-        "dompurify": "^3.2.6"
+        "@vueuse/core": "^12.3.0",
+        "dompurify": "^3.2.6",
+        "element-plus": "^2.13.0",
+        "sakura-utils": "^1.0.8",
+        "vue": "^3.3.0"
     },
     "devDependencies": {
         "@types/node": "^20.0.0",
@@ -72,8 +75,9 @@
         "unplugin-vue-components": "^0.28.0",
         "vite": "^4.0.0",
         "vite-plugin-dts": "^4.5.4",
+        "vitepress": "^1.6.4",
+        "vitepress-theme-demoblock": "^3.1.3",
         "vitest": "^0.34.0",
         "vue-tsc": "^3.2.1"
-    },
-    "dependencies": {}
-}
+    }
+}