@ditari/bsui 1.1.5 → 1.1.7

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @ditari/bsui
 
+## 1.1.7
+
+### Patch Changes
+
+- update
+
+## 1.1.6
+
+### Patch Changes
+
+- 调整包结构
+- Updated dependencies
+  - @ditari/hooks@1.0.3
+  - @ditari/store@1.0.3
+
+## 1.1.6
+
+### Patch Changes
+
+- pakcage.json 添加.d.ts 声明
+
 ## 1.1.5
 
 ### Patch Changes

package/dist/cjs/grid/Grid.cjs

@@ -41,7 +41,7 @@ var Grid = /* @__PURE__ */ vue.defineComponent({
     } = pinia.storeToRefs(store$1);
     const length = ((_a = slots == null ? void 0 : slots.default()[0]) == null ? void 0 : _a.children.length) || (slots == null ? void 0 : slots.default().length);
     const fillGridItems = vue.ref([]);
-    gridValue.value.value = props.grid !== "" ? props.grid : gridValue.value.value;
+    gridValue.value.value = props.grid || gridValue.value.value;
     const baseStyle = vue.ref({
       "grid-template-columns": (_c = (_b = gridValue.value) == null ? void 0 : _b.value) != null ? _c : ""
     });

package/dist/cjs/grid/Grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.cjs","sources":["../../../src/grid/Grid.tsx"],"sourcesContent":["import { ref, defineComponent } from \"vue\";\nimport { useResizeObserver } from \"@vueuse/core\";\nimport { storeToRefs } from \"pinia\";\n\nimport { useSettingsStore } from \"@ditari/store\";\nimport { prefixName } from \"../theme\";\n\nimport GridItem from \"./GridItem\";\n\n//class名称\nconst baseClassName = `${prefixName}-grid`;\n\nexport default defineComponent({\n  name: \"DGrid\",\n  props: {\n    // css class\n    className: {\n      type: String,\n      default: \"\"\n    },\n    // 是否补全空白单元格\n    fill: {\n      type: Boolean,\n      default: true\n    },\n    grid: {\n      type: String,\n      default: \"\"\n    }\n  },\n  setup(props, { slots }: any) {\n    if (!slots.default) {\n      return () => <>ok</>;\n    }\n    // 从store获取网格配置信息\n    const store = useSettingsStore();\n    // 转换成响应式对象 不使用storeToRefs的对象被解构后失去”响应式“\n    const { gridValue } = storeToRefs(store);\n\n    // 获取单元格个数\n    const length =\n      slots?.default()[0]?.children.length || slots?.default().length;\n\n    // 要填充空白的网格数\n    const fillGridItems = ref<number[]>([]);\n\n    gridValue.value.value =\n      props.grid !== \"\" ? props.grid : gridValue.value.value;\n\n    // 网格列\n    const baseStyle = ref<any>({\n      \"grid-template-columns\": gridValue.value?.value ?? \"\"\n    });\n\n    //监听屏幕尺寸变化，一般只有人工拉大屏幕尺寸才会触发（默认执行一次）\n    useResizeObserver(document.body, () => {\n      //TODO 检测浏览器是否被缩放\n      // TODO 使用store 会存在所有的配置均有一个对象bug\n      if (props.grid === \"\") {\n        store.gridMatching();\n      }\n      baseStyle.value[\"grid-template-columns\"] = gridValue.value?.value ?? \"\";\n      // 获取当前设备匹配到显示的列数配置\n      const colCount = gridValue.value?.col;\n      // 根据总单元格和显示的列数 计算出总行数\n      const rowCount = Math.ceil(length / colCount);\n      // 总行数乘以显示的列数减去传入的子标签个数 等于要填充的空白单元格数\n      const number = props.fill ? rowCount * colCount - length : 0;\n      // 生成一个要填充空白单元格的数组 用于循环空白的单元格\n      fillGridItems.value = Array.from({ length: number }, (_, i) => i + 1);\n    });\n\n    return () => (\n      <>\n        <div class={[baseClassName, props.className]} style={baseStyle.value}>\n          {slots.default && slots.default(fillGridItems.value)}\n          {fillGridItems.value.map((number) => (\n            <GridItem key={number}></GridItem>\n          ))}\n        </div>\n      </>\n    );\n  }\n});\n"],"names":["baseClassName","prefixName","defineComponent","name","props","className","type","String","default","fill","Boolean","grid","setup","slots","_createVNode","_Fragment","_createTextVNode","store","useSettingsStore","gridValue","storeToRefs","length","children","fillGridItems","ref","value","baseStyle","useResizeObserver","document","body","gridMatching","colCount","col","rowCount","Math","ceil","number","Array","from","_","i","map","GridItem"],"mappings":"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"}
+{"version":3,"file":"Grid.cjs","sources":["../../../src/grid/Grid.tsx"],"sourcesContent":["import { ref, defineComponent } from \"vue\";\nimport { useResizeObserver } from \"@vueuse/core\";\nimport { storeToRefs } from \"pinia\";\n\nimport { useSettingsStore } from \"@ditari/store\";\nimport { prefixName } from \"../theme\";\n\nimport GridItem from \"./GridItem\";\n\n//class名称\nconst baseClassName = `${prefixName}-grid`;\n\nexport default defineComponent({\n  name: \"DGrid\",\n  props: {\n    // css class\n    className: {\n      type: String,\n      default: \"\"\n    },\n    // 是否补全空白单元格\n    fill: {\n      type: Boolean,\n      default: true\n    },\n    grid: {\n      type: String,\n      default: \"\"\n    }\n  },\n  setup(props, { slots }: any) {\n    if (!slots.default) {\n      return () => <>ok</>;\n    }\n    // 从store获取网格配置信息\n    const store = useSettingsStore();\n    // 转换成响应式对象 不使用storeToRefs的对象被解构后失去”响应式“\n    const { gridValue } = storeToRefs(store);\n\n    // 获取单元格个数\n    const length =\n      slots?.default()[0]?.children.length || slots?.default().length;\n\n    // 要填充空白的网格数\n    const fillGridItems = ref<number[]>([]);\n\n    gridValue.value.value = props.grid || gridValue.value.value;\n\n    // 网格列\n    const baseStyle = ref<any>({\n      \"grid-template-columns\": gridValue.value?.value ?? \"\"\n    });\n\n    //监听屏幕尺寸变化，一般只有人工拉大屏幕尺寸才会触发（默认执行一次）\n    useResizeObserver(document.body, () => {\n      //TODO 检测浏览器是否被缩放\n      // TODO 使用store 会存在所有的配置均有一个对象bug\n      if (props.grid === \"\") {\n        store.gridMatching();\n      }\n      baseStyle.value[\"grid-template-columns\"] = gridValue.value?.value ?? \"\";\n      // 获取当前设备匹配到显示的列数配置\n      const colCount = gridValue.value?.col;\n      // 根据总单元格和显示的列数 计算出总行数\n      const rowCount = Math.ceil(length / colCount);\n      // 总行数乘以显示的列数减去传入的子标签个数 等于要填充的空白单元格数\n      const number = props.fill ? rowCount * colCount - length : 0;\n      // 生成一个要填充空白单元格的数组 用于循环空白的单元格\n      fillGridItems.value = Array.from({ length: number }, (_, i) => i + 1);\n    });\n\n    return () => (\n      <>\n        <div class={[baseClassName, props.className]} style={baseStyle.value}>\n          {slots.default && slots.default(fillGridItems.value)}\n          {fillGridItems.value.map((number) => (\n            <GridItem key={number}></GridItem>\n          ))}\n        </div>\n      </>\n    );\n  }\n});\n"],"names":["baseClassName","prefixName","defineComponent","name","props","className","type","String","default","fill","Boolean","grid","setup","slots","_createVNode","_Fragment","_createTextVNode","store","useSettingsStore","gridValue","storeToRefs","length","children","fillGridItems","ref","value","baseStyle","useResizeObserver","document","body","gridMatching","colCount","col","rowCount","Math","ceil","number","Array","from","_","i","map","GridItem"],"mappings":"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"}

package/dist/cjs/layout/FuckMain.vue.d.ts

@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         switchRefreshStatus(): void;
         switchCollapsed(): void;
-        gridMatching(): void;
+        gridMatching(): any;
     }>;
     switchCollapsed: () => void;
     collapsedStatus: import("vue").ComputedRef<boolean>;

package/dist/cjs/layout/List.vue.d.ts

@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     }, {
         switchRefreshStatus(): void;
         switchCollapsed(): void;
-        gridMatching(): void;
+        gridMatching(): any;
     }>;
     route: import("vue-router").RouteLocationNormalizedLoaded;
     configProvider: any;

package/dist/cjs/layout/Main.vue.d.ts

@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         switchRefreshStatus(): void;
         switchCollapsed(): void;
-        gridMatching(): void;
+        gridMatching(): any;
     }>;
     switchCollapsed: () => void;
     collapsedStatus: import("vue").ComputedRef<boolean>;

package/dist/cjs/layout/Show.vue.d.ts

@@ -79,7 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         switchRefreshStatus(): void;
         switchCollapsed(): void;
-        gridMatching(): void;
+        gridMatching(): any;
     }>;
     showConfig: any;
     btnRender: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/dist/esm/grid/Grid.mjs

@@ -37,7 +37,7 @@ var Grid = /* @__PURE__ */ defineComponent({
     } = storeToRefs(store);
     const length = ((_a = slots == null ? void 0 : slots.default()[0]) == null ? void 0 : _a.children.length) || (slots == null ? void 0 : slots.default().length);
     const fillGridItems = ref([]);
-    gridValue.value.value = props.grid !== "" ? props.grid : gridValue.value.value;
+    gridValue.value.value = props.grid || gridValue.value.value;
     const baseStyle = ref({
       "grid-template-columns": (_c = (_b = gridValue.value) == null ? void 0 : _b.value) != null ? _c : ""
     });

package/dist/esm/grid/Grid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.mjs","sources":["../../../src/grid/Grid.tsx"],"sourcesContent":["import { ref, defineComponent } from \"vue\";\nimport { useResizeObserver } from \"@vueuse/core\";\nimport { storeToRefs } from \"pinia\";\n\nimport { useSettingsStore } from \"@ditari/store\";\nimport { prefixName } from \"../theme\";\n\nimport GridItem from \"./GridItem\";\n\n//class名称\nconst baseClassName = `${prefixName}-grid`;\n\nexport default defineComponent({\n  name: \"DGrid\",\n  props: {\n    // css class\n    className: {\n      type: String,\n      default: \"\"\n    },\n    // 是否补全空白单元格\n    fill: {\n      type: Boolean,\n      default: true\n    },\n    grid: {\n      type: String,\n      default: \"\"\n    }\n  },\n  setup(props, { slots }: any) {\n    if (!slots.default) {\n      return () => <>ok</>;\n    }\n    // 从store获取网格配置信息\n    const store = useSettingsStore();\n    // 转换成响应式对象 不使用storeToRefs的对象被解构后失去”响应式“\n    const { gridValue } = storeToRefs(store);\n\n    // 获取单元格个数\n    const length =\n      slots?.default()[0]?.children.length || slots?.default().length;\n\n    // 要填充空白的网格数\n    const fillGridItems = ref<number[]>([]);\n\n    gridValue.value.value =\n      props.grid !== \"\" ? props.grid : gridValue.value.value;\n\n    // 网格列\n    const baseStyle = ref<any>({\n      \"grid-template-columns\": gridValue.value?.value ?? \"\"\n    });\n\n    //监听屏幕尺寸变化，一般只有人工拉大屏幕尺寸才会触发（默认执行一次）\n    useResizeObserver(document.body, () => {\n      //TODO 检测浏览器是否被缩放\n      // TODO 使用store 会存在所有的配置均有一个对象bug\n      if (props.grid === \"\") {\n        store.gridMatching();\n      }\n      baseStyle.value[\"grid-template-columns\"] = gridValue.value?.value ?? \"\";\n      // 获取当前设备匹配到显示的列数配置\n      const colCount = gridValue.value?.col;\n      // 根据总单元格和显示的列数 计算出总行数\n      const rowCount = Math.ceil(length / colCount);\n      // 总行数乘以显示的列数减去传入的子标签个数 等于要填充的空白单元格数\n      const number = props.fill ? rowCount * colCount - length : 0;\n      // 生成一个要填充空白单元格的数组 用于循环空白的单元格\n      fillGridItems.value = Array.from({ length: number }, (_, i) => i + 1);\n    });\n\n    return () => (\n      <>\n        <div class={[baseClassName, props.className]} style={baseStyle.value}>\n          {slots.default && slots.default(fillGridItems.value)}\n          {fillGridItems.value.map((number) => (\n            <GridItem key={number}></GridItem>\n          ))}\n        </div>\n      </>\n    );\n  }\n});\n"],"names":["baseClassName","prefixName","name","props","className","type","String","default","fill","Boolean","grid","setup","slots","_createVNode","_Fragment","_createTextVNode","store","useSettingsStore","gridValue","storeToRefs","length","children","fillGridItems","ref","value","baseStyle","useResizeObserver","document","body","gridMatching","colCount","col","rowCount","Math","ceil","number","Array","from","_","i","map","GridItem"],"mappings":"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"}
+{"version":3,"file":"Grid.mjs","sources":["../../../src/grid/Grid.tsx"],"sourcesContent":["import { ref, defineComponent } from \"vue\";\nimport { useResizeObserver } from \"@vueuse/core\";\nimport { storeToRefs } from \"pinia\";\n\nimport { useSettingsStore } from \"@ditari/store\";\nimport { prefixName } from \"../theme\";\n\nimport GridItem from \"./GridItem\";\n\n//class名称\nconst baseClassName = `${prefixName}-grid`;\n\nexport default defineComponent({\n  name: \"DGrid\",\n  props: {\n    // css class\n    className: {\n      type: String,\n      default: \"\"\n    },\n    // 是否补全空白单元格\n    fill: {\n      type: Boolean,\n      default: true\n    },\n    grid: {\n      type: String,\n      default: \"\"\n    }\n  },\n  setup(props, { slots }: any) {\n    if (!slots.default) {\n      return () => <>ok</>;\n    }\n    // 从store获取网格配置信息\n    const store = useSettingsStore();\n    // 转换成响应式对象 不使用storeToRefs的对象被解构后失去”响应式“\n    const { gridValue } = storeToRefs(store);\n\n    // 获取单元格个数\n    const length =\n      slots?.default()[0]?.children.length || slots?.default().length;\n\n    // 要填充空白的网格数\n    const fillGridItems = ref<number[]>([]);\n\n    gridValue.value.value = props.grid || gridValue.value.value;\n\n    // 网格列\n    const baseStyle = ref<any>({\n      \"grid-template-columns\": gridValue.value?.value ?? \"\"\n    });\n\n    //监听屏幕尺寸变化，一般只有人工拉大屏幕尺寸才会触发（默认执行一次）\n    useResizeObserver(document.body, () => {\n      //TODO 检测浏览器是否被缩放\n      // TODO 使用store 会存在所有的配置均有一个对象bug\n      if (props.grid === \"\") {\n        store.gridMatching();\n      }\n      baseStyle.value[\"grid-template-columns\"] = gridValue.value?.value ?? \"\";\n      // 获取当前设备匹配到显示的列数配置\n      const colCount = gridValue.value?.col;\n      // 根据总单元格和显示的列数 计算出总行数\n      const rowCount = Math.ceil(length / colCount);\n      // 总行数乘以显示的列数减去传入的子标签个数 等于要填充的空白单元格数\n      const number = props.fill ? rowCount * colCount - length : 0;\n      // 生成一个要填充空白单元格的数组 用于循环空白的单元格\n      fillGridItems.value = Array.from({ length: number }, (_, i) => i + 1);\n    });\n\n    return () => (\n      <>\n        <div class={[baseClassName, props.className]} style={baseStyle.value}>\n          {slots.default && slots.default(fillGridItems.value)}\n          {fillGridItems.value.map((number) => (\n            <GridItem key={number}></GridItem>\n          ))}\n        </div>\n      </>\n    );\n  }\n});\n"],"names":["baseClassName","prefixName","name","props","className","type","String","default","fill","Boolean","grid","setup","slots","_createVNode","_Fragment","_createTextVNode","store","useSettingsStore","gridValue","storeToRefs","length","children","fillGridItems","ref","value","baseStyle","useResizeObserver","document","body","gridMatching","colCount","col","rowCount","Math","ceil","number","Array","from","_","i","map","GridItem"],"mappings":"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"}

package/dist/esm/layout/FuckMain.vue.d.ts

@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         switchRefreshStatus(): void;
         switchCollapsed(): void;
-        gridMatching(): void;
+        gridMatching(): any;
     }>;
     switchCollapsed: () => void;
     collapsedStatus: import("vue").ComputedRef<boolean>;

package/dist/esm/layout/List.vue.d.ts

@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     }, {
         switchRefreshStatus(): void;
         switchCollapsed(): void;
-        gridMatching(): void;
+        gridMatching(): any;
     }>;
     route: import("vue-router").RouteLocationNormalizedLoaded;
     configProvider: any;

package/dist/esm/layout/Main.vue.d.ts

@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         switchRefreshStatus(): void;
         switchCollapsed(): void;
-        gridMatching(): void;
+        gridMatching(): any;
     }>;
     switchCollapsed: () => void;
     collapsedStatus: import("vue").ComputedRef<boolean>;

package/dist/esm/layout/Show.vue.d.ts

@@ -79,7 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         switchRefreshStatus(): void;
         switchCollapsed(): void;
-        gridMatching(): void;
+        gridMatching(): any;
     }>;
     showConfig: any;
     btnRender: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/example/node_modules/.vite/deps/@vueuse_core.js

@@ -3,7 +3,7 @@ import {
   isVue2,
   isVue3,
   set
-} from "./chunk-F4OABEWB.js";
+} from "./chunk-SHNKM4NZ.js";
 import {
   computed,
   customRef,
@@ -37,7 +37,7 @@ import {
 } from "./chunk-GK7Q6YQN.js";
 import "./chunk-5WWUZCGV.js";
 
-// ../../../node_modules/.pnpm/@vueuse+shared@9.13.0_vue@3.3.4/node_modules/@vueuse/shared/index.mjs
+// ../../../node_modules/.pnpm/@vueuse+shared@9.13.0_@vue+composition-api@1.7.1_vue@3.3.4/node_modules/@vueuse/shared/index.mjs
 var __defProp$9 = Object.defineProperty;
 var __defProps$6 = Object.defineProperties;
 var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
@@ -1536,7 +1536,7 @@ function whenever(source, cb, options) {
   }, options);
 }
 
-// ../../../node_modules/.pnpm/@vueuse+core@9.13.0_vue@3.3.4/node_modules/@vueuse/core/index.mjs
+// ../../../node_modules/.pnpm/@vueuse+core@9.13.0_@vue+composition-api@1.7.1_vue@3.3.4/node_modules/@vueuse/core/index.mjs
 function computedAsync(evaluationCallback, initialState, optionsOrRef) {
   let options;
   if (isRef(optionsOrRef)) {