@ditari/store 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/modules/Settings.cjs +1 -0
- package/dist/cjs/modules/Settings.cjs.map +1 -1
- package/dist/cjs/modules/Settings.d.ts +1 -1
- package/dist/esm/modules/Settings.d.ts +1 -1
- package/dist/esm/modules/Settings.mjs +1 -0
- package/dist/esm/modules/Settings.mjs.map +1 -1
- package/package.json +1 -1
- package/src/modules/Settings.ts +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Settings.cjs","sources":["../../../src/modules/Settings.ts"],"sourcesContent":["import { defineStore } from \"pinia\";\nimport { useMediaQuery } from \"@vueuse/core\";\nimport { SETTINGS_ID } from \"../types\";\n\nconst mediaMap = [\n {\n key: \"700\",\n value: \"(max-width: 700px)\",\n description: \"小于700设备\"\n },\n {\n key: \"700-960\",\n value: \"(min-width:700px) and (max-width: 960px)\",\n description: \"大于700小于960设备\"\n },\n {\n key: \"960-1200\",\n value: \"(min-width:960px) and (max-width: 1200px)\",\n description: \"大于960小于1024设备\"\n },\n {\n key: \"1200-1680\",\n value: \"(min-width:1200px) and (max-width: 1680px)\",\n description: \" 大于1200小于1680设备\"\n },\n {\n key: \"1680\",\n value: \"(min-width:1680px)\",\n description: \" 大于1680设备\"\n }\n];\n\nconst gridConfig = [\n {\n key: \"700\",\n value: \"repeat(1, 100%)\",\n col: 1,\n description: \"显示一列占100%\"\n },\n {\n key: \"700-960\",\n value: \"repeat(2, 50%)\",\n col: 2,\n description: \"显示两列每列占50%宽\"\n },\n {\n key: \"960-1200\",\n value: \"repeat(3, 33.33%)\",\n col: 3,\n description: \"显示三列每列占33.33%宽\"\n },\n {\n key: \"1200-1680\",\n value: \"repeat(4, 25%)\",\n col: 4,\n description: \"显示4列每列占25%宽\"\n },\n {\n key: \"1680\",\n value: \"repeat(5, 20%)\",\n col: 5,\n description: \" 显示5列每列占20%宽\"\n }\n];\n\nexport interface SettingState {\n refresh: boolean;\n collapsed: boolean;\n mediaRuleMap: any;\n gridConfig: any;\n gridValue: any;\n}\n\nexport const useSettingsStore = defineStore(SETTINGS_ID, {\n state: (): SettingState => ({\n // 刷新状态\n refresh: false as boolean,\n // 菜单收缩\n collapsed: false as boolean,\n // 屏幕设备匹配规则\n mediaRuleMap: mediaMap,\n // 网格配置 根据匹配匹配规则\n gridConfig: gridConfig,\n gridValue: {} as any\n }),\n getters: {\n getRefresh: (state) => state.refresh,\n getCollapsed: (state) => state.collapsed,\n getGrid: (state) => {\n return state.gridValue;\n }\n },\n actions: {\n /**\n * 切换刷新\n */\n switchRefreshStatus() {\n this.refresh = !this.refresh;\n },\n /**\n * 切换菜单收缩状态\n */\n switchCollapsed() {\n this.collapsed = !this.collapsed;\n },\n /**\n * 网格匹配\n */\n gridMatching() {\n const mediaResult = this.mediaRuleMap.filter(\n (item: any) => useMediaQuery(item.value).value\n )[0];\n const gridRs = this.gridConfig.filter(\n (item: any) => item.key === mediaResult.key\n )[0];\n this.gridValue = gridRs;\n }\n },\n persist: true\n});\n"],"names":["defineStore","SETTINGS_ID","useMediaQuery"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Settings.cjs","sources":["../../../src/modules/Settings.ts"],"sourcesContent":["import { defineStore } from \"pinia\";\nimport { useMediaQuery } from \"@vueuse/core\";\nimport { SETTINGS_ID } from \"../types\";\n\nconst mediaMap = [\n {\n key: \"700\",\n value: \"(max-width: 700px)\",\n description: \"小于700设备\"\n },\n {\n key: \"700-960\",\n value: \"(min-width:700px) and (max-width: 960px)\",\n description: \"大于700小于960设备\"\n },\n {\n key: \"960-1200\",\n value: \"(min-width:960px) and (max-width: 1200px)\",\n description: \"大于960小于1024设备\"\n },\n {\n key: \"1200-1680\",\n value: \"(min-width:1200px) and (max-width: 1680px)\",\n description: \" 大于1200小于1680设备\"\n },\n {\n key: \"1680\",\n value: \"(min-width:1680px)\",\n description: \" 大于1680设备\"\n }\n];\n\nconst gridConfig = [\n {\n key: \"700\",\n value: \"repeat(1, 100%)\",\n col: 1,\n description: \"显示一列占100%\"\n },\n {\n key: \"700-960\",\n value: \"repeat(2, 50%)\",\n col: 2,\n description: \"显示两列每列占50%宽\"\n },\n {\n key: \"960-1200\",\n value: \"repeat(3, 33.33%)\",\n col: 3,\n description: \"显示三列每列占33.33%宽\"\n },\n {\n key: \"1200-1680\",\n value: \"repeat(4, 25%)\",\n col: 4,\n description: \"显示4列每列占25%宽\"\n },\n {\n key: \"1680\",\n value: \"repeat(5, 20%)\",\n col: 5,\n description: \" 显示5列每列占20%宽\"\n }\n];\n\nexport interface SettingState {\n refresh: boolean;\n collapsed: boolean;\n mediaRuleMap: any;\n gridConfig: any;\n gridValue: any;\n}\n\nexport const useSettingsStore = defineStore(SETTINGS_ID, {\n state: (): SettingState => ({\n // 刷新状态\n refresh: false as boolean,\n // 菜单收缩\n collapsed: false as boolean,\n // 屏幕设备匹配规则\n mediaRuleMap: mediaMap,\n // 网格配置 根据匹配匹配规则\n gridConfig: gridConfig,\n gridValue: {} as any\n }),\n getters: {\n getRefresh: (state) => state.refresh,\n getCollapsed: (state) => state.collapsed,\n getGrid: (state) => {\n return state.gridValue;\n }\n },\n actions: {\n /**\n * 切换刷新\n */\n switchRefreshStatus() {\n this.refresh = !this.refresh;\n },\n /**\n * 切换菜单收缩状态\n */\n switchCollapsed() {\n this.collapsed = !this.collapsed;\n },\n /**\n * 网格匹配\n */\n gridMatching() {\n const mediaResult = this.mediaRuleMap.filter(\n (item: any) => useMediaQuery(item.value).value\n )[0];\n const gridRs = this.gridConfig.filter(\n (item: any) => item.key === mediaResult.key\n )[0];\n this.gridValue = gridRs;\n return gridRs;\n }\n },\n persist: true\n});\n"],"names":["defineStore","SETTINGS_ID","useMediaQuery"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Settings.mjs","sources":["../../../src/modules/Settings.ts"],"sourcesContent":["import { defineStore } from \"pinia\";\nimport { useMediaQuery } from \"@vueuse/core\";\nimport { SETTINGS_ID } from \"../types\";\n\nconst mediaMap = [\n {\n key: \"700\",\n value: \"(max-width: 700px)\",\n description: \"小于700设备\"\n },\n {\n key: \"700-960\",\n value: \"(min-width:700px) and (max-width: 960px)\",\n description: \"大于700小于960设备\"\n },\n {\n key: \"960-1200\",\n value: \"(min-width:960px) and (max-width: 1200px)\",\n description: \"大于960小于1024设备\"\n },\n {\n key: \"1200-1680\",\n value: \"(min-width:1200px) and (max-width: 1680px)\",\n description: \" 大于1200小于1680设备\"\n },\n {\n key: \"1680\",\n value: \"(min-width:1680px)\",\n description: \" 大于1680设备\"\n }\n];\n\nconst gridConfig = [\n {\n key: \"700\",\n value: \"repeat(1, 100%)\",\n col: 1,\n description: \"显示一列占100%\"\n },\n {\n key: \"700-960\",\n value: \"repeat(2, 50%)\",\n col: 2,\n description: \"显示两列每列占50%宽\"\n },\n {\n key: \"960-1200\",\n value: \"repeat(3, 33.33%)\",\n col: 3,\n description: \"显示三列每列占33.33%宽\"\n },\n {\n key: \"1200-1680\",\n value: \"repeat(4, 25%)\",\n col: 4,\n description: \"显示4列每列占25%宽\"\n },\n {\n key: \"1680\",\n value: \"repeat(5, 20%)\",\n col: 5,\n description: \" 显示5列每列占20%宽\"\n }\n];\n\nexport interface SettingState {\n refresh: boolean;\n collapsed: boolean;\n mediaRuleMap: any;\n gridConfig: any;\n gridValue: any;\n}\n\nexport const useSettingsStore = defineStore(SETTINGS_ID, {\n state: (): SettingState => ({\n // 刷新状态\n refresh: false as boolean,\n // 菜单收缩\n collapsed: false as boolean,\n // 屏幕设备匹配规则\n mediaRuleMap: mediaMap,\n // 网格配置 根据匹配匹配规则\n gridConfig: gridConfig,\n gridValue: {} as any\n }),\n getters: {\n getRefresh: (state) => state.refresh,\n getCollapsed: (state) => state.collapsed,\n getGrid: (state) => {\n return state.gridValue;\n }\n },\n actions: {\n /**\n * 切换刷新\n */\n switchRefreshStatus() {\n this.refresh = !this.refresh;\n },\n /**\n * 切换菜单收缩状态\n */\n switchCollapsed() {\n this.collapsed = !this.collapsed;\n },\n /**\n * 网格匹配\n */\n gridMatching() {\n const mediaResult = this.mediaRuleMap.filter(\n (item: any) => useMediaQuery(item.value).value\n )[0];\n const gridRs = this.gridConfig.filter(\n (item: any) => item.key === mediaResult.key\n )[0];\n this.gridValue = gridRs;\n }\n },\n persist: true\n});\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Settings.mjs","sources":["../../../src/modules/Settings.ts"],"sourcesContent":["import { defineStore } from \"pinia\";\nimport { useMediaQuery } from \"@vueuse/core\";\nimport { SETTINGS_ID } from \"../types\";\n\nconst mediaMap = [\n {\n key: \"700\",\n value: \"(max-width: 700px)\",\n description: \"小于700设备\"\n },\n {\n key: \"700-960\",\n value: \"(min-width:700px) and (max-width: 960px)\",\n description: \"大于700小于960设备\"\n },\n {\n key: \"960-1200\",\n value: \"(min-width:960px) and (max-width: 1200px)\",\n description: \"大于960小于1024设备\"\n },\n {\n key: \"1200-1680\",\n value: \"(min-width:1200px) and (max-width: 1680px)\",\n description: \" 大于1200小于1680设备\"\n },\n {\n key: \"1680\",\n value: \"(min-width:1680px)\",\n description: \" 大于1680设备\"\n }\n];\n\nconst gridConfig = [\n {\n key: \"700\",\n value: \"repeat(1, 100%)\",\n col: 1,\n description: \"显示一列占100%\"\n },\n {\n key: \"700-960\",\n value: \"repeat(2, 50%)\",\n col: 2,\n description: \"显示两列每列占50%宽\"\n },\n {\n key: \"960-1200\",\n value: \"repeat(3, 33.33%)\",\n col: 3,\n description: \"显示三列每列占33.33%宽\"\n },\n {\n key: \"1200-1680\",\n value: \"repeat(4, 25%)\",\n col: 4,\n description: \"显示4列每列占25%宽\"\n },\n {\n key: \"1680\",\n value: \"repeat(5, 20%)\",\n col: 5,\n description: \" 显示5列每列占20%宽\"\n }\n];\n\nexport interface SettingState {\n refresh: boolean;\n collapsed: boolean;\n mediaRuleMap: any;\n gridConfig: any;\n gridValue: any;\n}\n\nexport const useSettingsStore = defineStore(SETTINGS_ID, {\n state: (): SettingState => ({\n // 刷新状态\n refresh: false as boolean,\n // 菜单收缩\n collapsed: false as boolean,\n // 屏幕设备匹配规则\n mediaRuleMap: mediaMap,\n // 网格配置 根据匹配匹配规则\n gridConfig: gridConfig,\n gridValue: {} as any\n }),\n getters: {\n getRefresh: (state) => state.refresh,\n getCollapsed: (state) => state.collapsed,\n getGrid: (state) => {\n return state.gridValue;\n }\n },\n actions: {\n /**\n * 切换刷新\n */\n switchRefreshStatus() {\n this.refresh = !this.refresh;\n },\n /**\n * 切换菜单收缩状态\n */\n switchCollapsed() {\n this.collapsed = !this.collapsed;\n },\n /**\n * 网格匹配\n */\n gridMatching() {\n const mediaResult = this.mediaRuleMap.filter(\n (item: any) => useMediaQuery(item.value).value\n )[0];\n const gridRs = this.gridConfig.filter(\n (item: any) => item.key === mediaResult.key\n )[0];\n this.gridValue = gridRs;\n return gridRs;\n }\n },\n persist: true\n});\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED