@ditari/bsui 5.1.11 → 5.1.13

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.
Files changed (63) hide show
  1. package/dist/cjs/components/dic/DicReplace.cjs.map +1 -1
  2. package/dist/cjs/components/index.cjs +2 -0
  3. package/dist/cjs/components/index.cjs.map +1 -1
  4. package/dist/cjs/components/layout/AppLayout.cjs +55 -0
  5. package/dist/cjs/components/layout/AppLayout.cjs.map +1 -0
  6. package/dist/cjs/components/layout/List.cjs +20 -1
  7. package/dist/cjs/components/layout/List.cjs.map +1 -1
  8. package/dist/cjs/components/layout/components/mobile/MobileList.cjs +64 -0
  9. package/dist/cjs/components/layout/components/mobile/MobileList.cjs.map +1 -0
  10. package/dist/cjs/components/layout/index.cjs +8 -0
  11. package/dist/cjs/components/layout/index.cjs.map +1 -1
  12. package/dist/cjs/components/layout/style.cjs +19 -0
  13. package/dist/cjs/components/layout/style.cjs.map +1 -0
  14. package/dist/cjs/components/select/Select.vue2.cjs.map +1 -1
  15. package/dist/cjs/components/table/Table.cjs +1 -1
  16. package/dist/cjs/components/table/Table.cjs.map +1 -1
  17. package/dist/cjs/components/table-form/TableForm.cjs +6 -2
  18. package/dist/cjs/components/table-form/TableForm.cjs.map +1 -1
  19. package/dist/cjs/components/table-form/TableFormItem.cjs +2 -1
  20. package/dist/cjs/components/table-form/TableFormItem.cjs.map +1 -1
  21. package/dist/cjs/components/table-form/interface.cjs +5 -1
  22. package/dist/cjs/components/table-form/interface.cjs.map +1 -1
  23. package/dist/cjs/index.cjs +2 -0
  24. package/dist/cjs/index.cjs.map +1 -1
  25. package/dist/esm/components/dic/DicReplace.mjs.map +1 -1
  26. package/dist/esm/components/index.mjs +1 -0
  27. package/dist/esm/components/index.mjs.map +1 -1
  28. package/dist/esm/components/layout/AppLayout.mjs +51 -0
  29. package/dist/esm/components/layout/AppLayout.mjs.map +1 -0
  30. package/dist/esm/components/layout/List.mjs +21 -2
  31. package/dist/esm/components/layout/List.mjs.map +1 -1
  32. package/dist/esm/components/layout/components/mobile/MobileList.mjs +60 -0
  33. package/dist/esm/components/layout/components/mobile/MobileList.mjs.map +1 -0
  34. package/dist/esm/components/layout/index.mjs +8 -1
  35. package/dist/esm/components/layout/index.mjs.map +1 -1
  36. package/dist/esm/components/layout/style.mjs +17 -0
  37. package/dist/esm/components/layout/style.mjs.map +1 -0
  38. package/dist/esm/components/select/Select.vue2.mjs.map +1 -1
  39. package/dist/esm/components/table/Table.mjs +1 -1
  40. package/dist/esm/components/table/Table.mjs.map +1 -1
  41. package/dist/esm/components/table-form/TableForm.mjs +6 -2
  42. package/dist/esm/components/table-form/TableForm.mjs.map +1 -1
  43. package/dist/esm/components/table-form/TableFormItem.mjs +2 -1
  44. package/dist/esm/components/table-form/TableFormItem.mjs.map +1 -1
  45. package/dist/esm/components/table-form/interface.mjs +5 -1
  46. package/dist/esm/components/table-form/interface.mjs.map +1 -1
  47. package/dist/esm/index.mjs +1 -0
  48. package/dist/esm/index.mjs.map +1 -1
  49. package/dist/types/components/layout/AppLayout.d.ts +3 -0
  50. package/dist/types/components/layout/AppLayout.d.ts.map +1 -0
  51. package/dist/types/components/layout/List.d.ts +1 -1
  52. package/dist/types/components/layout/List.d.ts.map +1 -1
  53. package/dist/types/components/layout/components/mobile/MobileList.d.ts +3 -0
  54. package/dist/types/components/layout/components/mobile/MobileList.d.ts.map +1 -0
  55. package/dist/types/components/layout/index.d.ts +2 -1
  56. package/dist/types/components/layout/index.d.ts.map +1 -1
  57. package/dist/types/components/layout/style.d.ts +5 -0
  58. package/dist/types/components/layout/style.d.ts.map +1 -0
  59. package/dist/types/components/table-form/TableFormItem.d.ts +13 -4
  60. package/dist/types/components/table-form/TableFormItem.d.ts.map +1 -1
  61. package/dist/types/components/table-form/interface.d.ts +6 -2
  62. package/dist/types/components/table-form/interface.d.ts.map +1 -1
  63. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"DicReplace.cjs","sources":["../../../../src/components/dic/DicReplace.tsx"],"sourcesContent":["/**\n * 字典替换\n * 根据字典名字及对应的value替换成中文或者人能看懂的文字\n * @author 余春林\n */\nimport {\n defineComponent,\n inject,\n onActivated,\n onMounted,\n ref,\n watch\n} from \"vue\";\nimport { useRoute } from \"vue-router\";\nimport { storeToRefs } from \"pinia\";\n\nimport { useDicStore, useNavTabStore } from \"@ditari/store\";\n\nexport default defineComponent({\n name: \"DicRep\",\n props: {\n // 字典名称\n name: {\n type: String,\n default: \"\"\n },\n // 值\n value: {\n type: [String, Number],\n default: \"\"\n }\n },\n setup(props) {\n const { list } = storeToRefs(useNavTabStore());\n const { getDicTextByValue } = useDicStore();\n const route = useRoute();\n // 判断使用组件的页面是否被缓存\n const isKeepAlive = list.value.some(\n item =>\n item.fullPath === route.fullPath &&\n item.meta?.keepAlive\n );\n const dicValueTxt = ref<string>(\"\");\n\n // 注入 fetchDic,提供默认值\n const fetchDic = inject<\n (name: string) => Promise<unknown[]>\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n >(\"fetchDic\", async (_name: string) => {\n // console.warn(\n // `fetchDic 未注入,使用默认实现,name: ${name}`\n // );\n return [];\n });\n\n onActivated(async () => {\n // 缓存页面被激活的时候调用\n await loadDicData();\n });\n\n onMounted(async () => {\n if (!isKeepAlive) {\n // 未缓存页面 挂载的时候调用\n await loadDicData();\n }\n });\n\n // 请求字典数据的函数\n async function loadDicData() {\n try {\n // 调用注入进来的fetchDic方法\n await fetchDic(props.name);\n replace(props.value);\n } catch (error) {\n console.error(\"获取字典数据失败:\", error);\n }\n }\n\n loadDicData().then(() =>\n console.log(\"success load dic\")\n );\n\n watch(\n () => props.value,\n (val: string | number) => {\n replace(val);\n },\n {\n immediate: true\n }\n );\n\n function replace(val: string | number) {\n const value = val;\n const name = props.name;\n dicValueTxt.value = getDicTextByValue(\n name,\n value?.toString()\n );\n }\n\n return () => (\n <span class={\"d-dic\"}>{dicValueTxt.value}</span>\n );\n }\n});\n"],"names":["name","props","type","String","default","value","Number","setup","list","storeToRefs","useNavTabStore","getDicTextByValue","useDicStore","route","useRoute","isKeepAlive","some","item","fullPath","meta","keepAlive","dicValueTxt","ref","fetchDic","inject","_name","onActivated","loadDicData","onMounted","replace","error","console","then","log","watch","val","immediate","toString","_createVNode"],"mappings":"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"}
1
+ {"version":3,"file":"DicReplace.cjs","sources":["../../../../src/components/dic/DicReplace.tsx"],"sourcesContent":["/**\r\n * 字典替换\r\n * 根据字典名字及对应的value替换成中文或者人能看懂的文字\r\n * @author 余春林\r\n */\r\nimport {\r\n defineComponent,\r\n inject,\r\n onActivated,\r\n onMounted,\r\n ref,\r\n watch\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { useDicStore, useNavTabStore } from \"@ditari/store\";\r\n\r\nexport default defineComponent({\r\n name: \"DicRep\",\r\n props: {\r\n // 字典名称\r\n name: {\r\n type: String,\r\n default: \"\"\r\n },\r\n // 值\r\n value: {\r\n type: [String, Number],\r\n default: \"\"\r\n }\r\n },\r\n setup(props) {\r\n const { list } = storeToRefs(useNavTabStore());\r\n const { getDicTextByValue } = useDicStore();\r\n const route = useRoute();\r\n // 判断使用组件的页面是否被缓存\r\n const isKeepAlive = list.value.some(\r\n item =>\r\n item.fullPath === route.fullPath &&\r\n item.meta?.keepAlive\r\n );\r\n const dicValueTxt = ref<string>(\"\");\r\n\r\n // 注入 fetchDic,提供默认值\r\n const fetchDic = inject<\r\n (name: string) => Promise<unknown[]>\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n >(\"fetchDic\", async (_name: string) => {\r\n // console.warn(\r\n // `fetchDic 未注入,使用默认实现,name: ${name}`\r\n // );\r\n return [];\r\n });\r\n\r\n onActivated(async () => {\r\n // 缓存页面被激活的时候调用\r\n await loadDicData();\r\n });\r\n\r\n onMounted(async () => {\r\n if (!isKeepAlive) {\r\n // 未缓存页面 挂载的时候调用\r\n await loadDicData();\r\n }\r\n });\r\n\r\n // 请求字典数据的函数\r\n async function loadDicData() {\r\n try {\r\n // 调用注入进来的fetchDic方法\r\n await fetchDic(props.name);\r\n replace(props.value);\r\n } catch (error) {\r\n console.error(\"获取字典数据失败:\", error);\r\n }\r\n }\r\n\r\n loadDicData().then(() =>\r\n console.log(\"success load dic\")\r\n );\r\n\r\n watch(\r\n () => props.value,\r\n (val: string | number) => {\r\n replace(val);\r\n },\r\n {\r\n immediate: true\r\n }\r\n );\r\n\r\n function replace(val: string | number) {\r\n const value = val;\r\n const name = props.name;\r\n dicValueTxt.value = getDicTextByValue(\r\n name,\r\n value?.toString()\r\n );\r\n }\r\n\r\n return () => (\r\n <span class={\"d-dic\"}>{dicValueTxt.value}</span>\r\n );\r\n }\r\n});\r\n"],"names":["name","props","type","String","default","value","Number","setup","list","storeToRefs","useNavTabStore","getDicTextByValue","useDicStore","route","useRoute","isKeepAlive","some","item","fullPath","meta","keepAlive","dicValueTxt","ref","fetchDic","inject","_name","onActivated","loadDicData","onMounted","replace","error","console","then","log","watch","val","immediate","toString","_createVNode"],"mappings":"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"}
@@ -23,6 +23,7 @@ var AppContext = require('./layout/AppContext.cjs');
23
23
  var ThemeApp_vue_vue_type_script_setup_true_lang = require('./layout/components/layout/ThemeApp.vue2.cjs');
24
24
  var HeaderLayout_vue_vue_type_script_setup_true_lang = require('./layout/components/layout/HeaderLayout.vue2.cjs');
25
25
  var Menu = require('./layout/components/menu/Menu.cjs');
26
+ var AppLayout = require('./layout/AppLayout.cjs');
26
27
  var Layout_vue_vue_type_script_setup_true_lang = require('./layout/Layout.vue2.cjs');
27
28
  var List = require('./layout/List.cjs');
28
29
  var Show = require('./layout/Show.cjs');
@@ -45,6 +46,7 @@ exports.AppContextKey = AppContext.AppContextKey;
45
46
  exports.AppTheme = ThemeApp_vue_vue_type_script_setup_true_lang.default;
46
47
  exports.HeaderLayout = HeaderLayout_vue_vue_type_script_setup_true_lang.default;
47
48
  exports.Menu = Menu.default;
49
+ exports.AppLayout = AppLayout.default;
48
50
  exports.Layout = Layout_vue_vue_type_script_setup_true_lang.default;
49
51
  exports.List = List.default;
50
52
  exports.Show = Show.default;
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,55 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var vue = require('vue');
6
+ var css = require('@emotion/css');
7
+ var pinia = require('pinia');
8
+ var store = require('@ditari/store');
9
+ var style = require('./style.cjs');
10
+ var useDesign = require('../../hooks/useDesign.cjs');
11
+
12
+ "use strict";
13
+ const DAppLayout = /* @__PURE__ */ vue.defineComponent({
14
+ name: "DAppLayout",
15
+ setup(_, {
16
+ slots
17
+ }) {
18
+ const deviceStore = store.useDeviceStore();
19
+ const {
20
+ isMobile,
21
+ isTablet,
22
+ isDesktop
23
+ } = pinia.storeToRefs(deviceStore);
24
+ const {
25
+ getPrefixCls
26
+ } = useDesign.useDesign("app-layout");
27
+ const styles = style.useAppLayoutStyle();
28
+ return () => {
29
+ const rootCls = getPrefixCls();
30
+ const mobileCls = getPrefixCls("mobile");
31
+ const tabletCls = getPrefixCls("tablet");
32
+ const desktopCls = getPrefixCls("desktop");
33
+ let layoutContent;
34
+ if (isMobile.value) {
35
+ layoutContent = slots.mobile ? vue.createVNode("div", {
36
+ "class": css.cx(mobileCls, styles.mobile)
37
+ }, [slots.mobile()]) : void 0;
38
+ } else if (isTablet.value) {
39
+ layoutContent = slots.tablet ? vue.createVNode("div", {
40
+ "class": css.cx(tabletCls)
41
+ }, [slots.tablet()]) : void 0;
42
+ } else {
43
+ layoutContent = slots.desktop ? vue.createVNode("div", {
44
+ "class": css.cx(desktopCls)
45
+ }, [slots.desktop()]) : void 0;
46
+ }
47
+ return vue.createVNode("div", {
48
+ "class": css.cx(rootCls, styles.appLayout)
49
+ }, [layoutContent]);
50
+ };
51
+ }
52
+ });
53
+
54
+ exports.default = DAppLayout;
55
+ //# sourceMappingURL=AppLayout.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AppLayout.cjs","sources":["../../../../src/components/layout/AppLayout.tsx"],"sourcesContent":["import { cx } from \"@emotion/css\";\r\nimport { defineComponent } from \"vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useDeviceStore } from \"@ditari/store\";\r\n\r\nimport { useAppLayoutStyle } from \"./style\";\r\nimport { useDesign } from \"../../hooks/useDesign\";\r\n\r\nconst DAppLayout = defineComponent({\r\n name: \"DAppLayout\",\r\n setup(_, { slots }) {\r\n const deviceStore = useDeviceStore();\r\n // 使用 storeToRefs 解构出响应式引用\r\n const { isMobile, isTablet, isDesktop } =\r\n storeToRefs(deviceStore);\r\n\r\n const { getPrefixCls } = useDesign(\"app-layout\");\r\n const styles = useAppLayoutStyle();\r\n\r\n return () => {\r\n const rootCls = getPrefixCls();\r\n const mobileCls = getPrefixCls(\"mobile\");\r\n const tabletCls = getPrefixCls(\"tablet\");\r\n const desktopCls = getPrefixCls(\"desktop\");\r\n\r\n let layoutContent;\r\n if (isMobile.value) {\r\n layoutContent = slots.mobile ? (\r\n <div class={cx(mobileCls, styles.mobile)}>\r\n {slots.mobile()}\r\n </div>\r\n ) : undefined;\r\n } else if (isTablet.value) {\r\n layoutContent = slots.tablet ? (\r\n <div class={cx(tabletCls)}>{slots.tablet()}</div>\r\n ) : undefined;\r\n } else {\r\n layoutContent = slots.desktop ? (\r\n <div class={cx(desktopCls)}>\r\n {slots.desktop()}\r\n </div>\r\n ) : undefined;\r\n }\r\n\r\n return (\r\n <div class={cx(rootCls, styles.appLayout)}>\r\n {layoutContent}\r\n </div>\r\n );\r\n };\r\n }\r\n});\r\n\r\nexport default DAppLayout;\r\n"],"names":["DAppLayout","defineComponent","name","setup","_","slots","deviceStore","useDeviceStore","isMobile","isTablet","isDesktop","storeToRefs","getPrefixCls","useDesign","styles","useAppLayoutStyle","rootCls","mobileCls","tabletCls","desktopCls","layoutContent","value","mobile","_createVNode","cx","undefined","tablet","desktop","appLayout"],"mappings":";;;;;;;;;;;;AAQA,MAAMA,6BAAaC,mBAAAA,CAAgB;AAAA,EACjCC,IAAAA,EAAM,YAAA;AAAA,EACNC,MAAMC,CAAAA,EAAG;AAAA,IAAEC;AAAAA,GAAM,EAAG;AAClB,IAAA,MAAMC,cAAcC,oBAAAA,EAAe;AAEnC,IAAA,MAAM;AAAA,MAAEC,QAAAA;AAAAA,MAAUC,QAAAA;AAAAA,MAAUC;AAAAA,KAAU,GACpCC,kBAAYL,WAAW,CAAA;AAEzB,IAAA,MAAM;AAAA,MAAEM;AAAAA,KAAa,GAAIC,oBAAU,YAAY,CAAA;AAC/C,IAAA,MAAMC,SAASC,uBAAAA,EAAkB;AAEjC,IAAA,OAAO,MAAM;AACX,MAAA,MAAMC,UAAUJ,YAAAA,EAAa;AAC7B,MAAA,MAAMK,SAAAA,GAAYL,aAAa,QAAQ,CAAA;AACvC,MAAA,MAAMM,SAAAA,GAAYN,aAAa,QAAQ,CAAA;AACvC,MAAA,MAAMO,UAAAA,GAAaP,aAAa,SAAS,CAAA;AAEzC,MAAA,IAAIQ,aAAAA;AACJ,MAAA,IAAIZ,SAASa,KAAAA,EAAO;AAClBD,QAAAA,aAAAA,GAAgBf,KAAAA,CAAMiB,MAAAA,GAAMC,eAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EACdC,MAAAA,CAAGP,SAAAA,EAAWH,MAAAA,CAAOQ,MAAM;AAAA,WAAC,CACrCjB,KAAAA,CAAMiB,MAAAA,EAAQ,KAEfG,KAAAA,CAAAA;AAAAA,MACN,CAAA,MAAA,IAAWhB,SAASY,KAAAA,EAAO;AACzBD,QAAAA,aAAAA,GAAgBf,KAAAA,CAAMqB,MAAAA,GAAMH,eAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EACdC,OAAGN,SAAS;AAAA,WAAC,CAAGb,KAAAA,CAAMqB,MAAAA,EAAQ,KACxCD,KAAAA,CAAAA;AAAAA,MACN,CAAA,MAAO;AACLL,QAAAA,aAAAA,GAAgBf,KAAAA,CAAMsB,OAAAA,GAAOJ,eAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EACfC,OAAGL,UAAU;AAAA,WAAC,CACvBd,KAAAA,CAAMsB,OAAAA,EAAS,KAEhBF,KAAAA,CAAAA;AAAAA,MACN;AAEA,MAAA,OAAAF,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACcC,MAAAA,CAAGR,OAAAA,EAASF,MAAAA,CAAOc,SAAS;AAAA,OAAC,EAAA,CACtCR,aAAa,CAAA,CAAA;AAAA,IAGpB,CAAA;AAAA,EACF;AACF,CAAC;;;;"}
@@ -8,6 +8,7 @@ var antDesignVue = require('ant-design-vue');
8
8
  var pinia = require('pinia');
9
9
  var core = require('@vueuse/core');
10
10
  var AppContext = require('./AppContext.cjs');
11
+ var MobileList = require('./components/mobile/MobileList.cjs');
11
12
  var store = require('@ditari/store');
12
13
  var css = require('@emotion/css');
13
14
 
@@ -261,7 +262,25 @@ const list = /* @__PURE__ */ vue.defineComponent({
261
262
  }
262
263
  });
263
264
  }
264
- return () => useLayout();
265
+ return () => {
266
+ const deviceStore = store.useDeviceStore();
267
+ const {
268
+ isMobile,
269
+ isTablet,
270
+ isDesktop
271
+ } = pinia.storeToRefs(deviceStore);
272
+ if (isMobile.value) {
273
+ return vue.createVNode(MobileList.default, null, {
274
+ table: () => {
275
+ var _a;
276
+ return (_a = slots.table) == null ? void 0 : _a.call(slots);
277
+ }
278
+ });
279
+ }
280
+ if (isDesktop.value || isTablet.value) {
281
+ return useLayout();
282
+ }
283
+ };
265
284
  }
266
285
  });
267
286
 
@@ -1 +1 @@
1
- {"version":3,"file":"List.cjs","sources":["../../../../src/components/layout/List.tsx"],"sourcesContent":["import {\r\n computed,\r\n defineComponent,\r\n inject,\r\n nextTick,\r\n onActivated,\r\n onDeactivated,\r\n onMounted,\r\n onUnmounted,\r\n ref,\r\n watch,\r\n type WatchStopHandle\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport {\r\n Card,\r\n Flex,\r\n Space,\r\n Watermark\r\n} from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useElementSize } from \"@vueuse/core\";\r\n\r\nimport { AppContext, AppContextKey } from \"./AppContext\";\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nconst tableRootStyle = css`\r\n height: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n`;\r\n\r\nconst list = defineComponent({\r\n name: \"DListLayout\",\r\n emits: [\"refresh\"],\r\n setup(_, { slots, emit }) {\r\n const appContext = inject<AppContext | null>(\r\n AppContextKey,\r\n null\r\n );\r\n\r\n const watermarkContent = computed(\r\n () => appContext?.watermarkContent?.value.content\r\n );\r\n\r\n const route = useRoute();\r\n const { refresh } = storeToRefs(useAppStore());\r\n const {\r\n tableRef,\r\n height,\r\n tableVisible,\r\n playTableHeight\r\n } = useTableHeight();\r\n const { formRef } = useForm();\r\n useReload();\r\n // 使用 computed 来动态计算样式\r\n const maskDivStyle = computed(() => {\r\n return css`\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 1;\r\n background: white;\r\n display: ${tableVisible.value ? \"block\" : \"none\"};\r\n `;\r\n });\r\n\r\n const tableWrapperStyle = css`\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n overflow: hidden;\r\n `;\r\n\r\n const cardStyle = css`\r\n box-shadow: none !important;\r\n `;\r\n\r\n const leftCardStyle = css`\r\n .ant-card-body {\r\n overflow-y: scroll;\r\n -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n /* Webkit 浏览器 */\r\n\r\n ::-webkit-scrollbar {\r\n display: none;\r\n }\r\n }\r\n `;\r\n\r\n const listStyle = computed(\r\n () => css`\r\n padding: 10px;\r\n height: 100%;\r\n //height: calc(100vh - 44px);\r\n `\r\n );\r\n\r\n onMounted(() => {\r\n playTableHeight();\r\n });\r\n\r\n function useTableHeight() {\r\n const tableRef = ref();\r\n const height = ref(0);\r\n const tableVisible = ref(true);\r\n\r\n function playTableHeight() {\r\n tableVisible.value = true;\r\n height.value = tableRef?.value?.$el.offsetHeight;\r\n nextTick(() => {\r\n setTimeout(() => {\r\n tableVisible.value = false;\r\n }, 10);\r\n });\r\n }\r\n\r\n return {\r\n tableRef,\r\n height,\r\n tableVisible,\r\n playTableHeight\r\n };\r\n }\r\n\r\n function useForm() {\r\n const formRef = ref(null);\r\n const { height: formHeight } =\r\n useElementSize(formRef);\r\n watch(\r\n () => formHeight.value,\r\n () => {\r\n nextTick(() => {\r\n playTableHeight();\r\n });\r\n }\r\n );\r\n\r\n return {\r\n formRef\r\n };\r\n }\r\n\r\n // 处理标签重载\r\n function useReload() {\r\n let stopHandleWatch: WatchStopHandle;\r\n if (!route.name && !route.meta.keepAlive) {\r\n stopHandleWatch = _useWatch();\r\n // 卸载未缓存的组件\r\n onUnmounted(() => {\r\n stopHandleWatch?.();\r\n });\r\n } else {\r\n // 激活缓存页面\r\n onActivated(() => {\r\n if (refresh.value) {\r\n refresh.value = false;\r\n emit(\"refresh\");\r\n }\r\n stopHandleWatch = _useWatch();\r\n });\r\n // 离开缓存页面\r\n onDeactivated(() => {\r\n stopHandleWatch?.();\r\n });\r\n }\r\n\r\n function _useWatch() {\r\n //点击了标签重载图标\r\n return watch(\r\n () => refresh.value,\r\n val => {\r\n if (val) {\r\n // 发送刷新事件到列表页面\r\n emit(\"refresh\");\r\n }\r\n }\r\n );\r\n }\r\n }\r\n\r\n function useLayout() {\r\n function formLayout() {\r\n return () =>\r\n slots.form && (\r\n <Card\r\n class={cardStyle}\r\n ref={formRef}\r\n style={{ marginBottom: \"10px\" }}\r\n bodyStyle={{ padding: \"10px 10px 0 10px\" }}\r\n bordered={false}\r\n >\r\n {slots.form()}\r\n </Card>\r\n );\r\n }\r\n\r\n function tableLayout() {\r\n return () => (\r\n <Flex flex={1} vertical={true}>\r\n <Card\r\n class={cardStyle}\r\n style={{ height: \"100%\" }}\r\n bodyStyle={{\r\n height: \"100%\",\r\n padding: \"10px\"\r\n }}\r\n bordered={false}\r\n >\r\n <Flex\r\n style={{ height: \"100%\" }}\r\n vertical={true}\r\n >\r\n <Space style={{ marginBottom: \"6px\" }}>\r\n {slots.tools?.()}\r\n </Space>\r\n <Flex\r\n ref={tableRef}\r\n flex={1}\r\n style={{ height: \"100%\" }}\r\n vertical={true}\r\n >\r\n <div class={tableRootStyle}>\r\n <div class={maskDivStyle.value}></div>\r\n <div class={tableWrapperStyle}>\r\n {slots.table?.({\r\n height: height.value\r\n })}\r\n </div>\r\n </div>\r\n </Flex>\r\n </Flex>\r\n </Card>\r\n </Flex>\r\n );\r\n }\r\n\r\n return (\r\n <Watermark\r\n style={{ height: \"100%\" }}\r\n content={watermarkContent.value}\r\n >\r\n <Flex\r\n class={[listStyle.value, \"app-list\"]}\r\n gap={10}\r\n >\r\n {slots.left ? (\r\n <Card\r\n class={[cardStyle, leftCardStyle]}\r\n bordered={false}\r\n bodyStyle={{\r\n height: \"100%\",\r\n padding: \"10px\"\r\n }}\r\n >\r\n {slots.left?.()}\r\n </Card>\r\n ) : null}\r\n <Flex vertical={true} flex={1}>\r\n {formLayout()()}\r\n {tableLayout()()}\r\n </Flex>\r\n </Flex>\r\n {slots.extra?.()}\r\n </Watermark>\r\n );\r\n }\r\n\r\n return () => useLayout();\r\n }\r\n});\r\n\r\nexport default list;\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","tableRootStyle","css","list","defineComponent","name","emits","setup","_","slots","emit","appContext","inject","AppContextKey","watermarkContent","computed","value","content","route","useRoute","refresh","storeToRefs","useAppStore","tableRef","height","tableVisible","playTableHeight","useTableHeight","formRef","useForm","useReload","maskDivStyle","tableWrapperStyle","cardStyle","leftCardStyle","listStyle","onMounted","ref","$el","offsetHeight","nextTick","setTimeout","formHeight","useElementSize","watch","stopHandleWatch","meta","keepAlive","_useWatch","onUnmounted","onActivated","onDeactivated","val","useLayout","formLayout","_slot","form","_createVNode","Card","marginBottom","padding","default","tableLayout","Flex","Space","tools","table","Watermark","left","_a","extra"],"mappings":"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"}
1
+ {"version":3,"file":"List.cjs","sources":["../../../../src/components/layout/List.tsx"],"sourcesContent":["import {\r\n computed,\r\n defineComponent,\r\n inject,\r\n nextTick,\r\n onActivated,\r\n onDeactivated,\r\n onMounted,\r\n onUnmounted,\r\n ref,\r\n watch,\r\n type WatchStopHandle\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport {\r\n Card,\r\n Flex,\r\n Space,\r\n Watermark\r\n} from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useElementSize } from \"@vueuse/core\";\r\n\r\nimport { AppContext, AppContextKey } from \"./AppContext\";\r\nimport MobileList from \"./components/mobile/MobileList\";\r\nimport { useAppStore, useDeviceStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nconst tableRootStyle = css`\r\n height: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n`;\r\n\r\nconst list = defineComponent({\r\n name: \"DListLayout\",\r\n emits: [\"refresh\"],\r\n setup(_, { slots, emit }) {\r\n const appContext = inject<AppContext | null>(\r\n AppContextKey,\r\n null\r\n );\r\n\r\n const watermarkContent = computed(\r\n () => appContext?.watermarkContent?.value.content\r\n );\r\n\r\n const route = useRoute();\r\n const { refresh } = storeToRefs(useAppStore());\r\n const {\r\n tableRef,\r\n height,\r\n tableVisible,\r\n playTableHeight\r\n } = useTableHeight();\r\n const { formRef } = useForm();\r\n useReload();\r\n // 使用 computed 来动态计算样式\r\n const maskDivStyle = computed(() => {\r\n return css`\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 1;\r\n background: white;\r\n display: ${tableVisible.value ? \"block\" : \"none\"};\r\n `;\r\n });\r\n\r\n const tableWrapperStyle = css`\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n overflow: hidden;\r\n `;\r\n\r\n const cardStyle = css`\r\n box-shadow: none !important;\r\n `;\r\n\r\n const leftCardStyle = css`\r\n .ant-card-body {\r\n overflow-y: scroll;\r\n -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n /* Webkit 浏览器 */\r\n\r\n ::-webkit-scrollbar {\r\n display: none;\r\n }\r\n }\r\n `;\r\n\r\n const listStyle = computed(\r\n () => css`\r\n padding: 10px;\r\n height: 100%;\r\n //height: calc(100vh - 44px);\r\n `\r\n );\r\n\r\n onMounted(() => {\r\n playTableHeight();\r\n });\r\n\r\n function useTableHeight() {\r\n const tableRef = ref();\r\n const height = ref(0);\r\n const tableVisible = ref(true);\r\n\r\n function playTableHeight() {\r\n tableVisible.value = true;\r\n height.value = tableRef?.value?.$el.offsetHeight;\r\n nextTick(() => {\r\n setTimeout(() => {\r\n tableVisible.value = false;\r\n }, 10);\r\n });\r\n }\r\n\r\n return {\r\n tableRef,\r\n height,\r\n tableVisible,\r\n playTableHeight\r\n };\r\n }\r\n\r\n function useForm() {\r\n const formRef = ref(null);\r\n const { height: formHeight } =\r\n useElementSize(formRef);\r\n watch(\r\n () => formHeight.value,\r\n () => {\r\n nextTick(() => {\r\n playTableHeight();\r\n });\r\n }\r\n );\r\n\r\n return {\r\n formRef\r\n };\r\n }\r\n\r\n // 处理标签重载\r\n function useReload() {\r\n let stopHandleWatch: WatchStopHandle;\r\n if (!route.name && !route.meta.keepAlive) {\r\n stopHandleWatch = _useWatch();\r\n // 卸载未缓存的组件\r\n onUnmounted(() => {\r\n stopHandleWatch?.();\r\n });\r\n } else {\r\n // 激活缓存页面\r\n onActivated(() => {\r\n if (refresh.value) {\r\n refresh.value = false;\r\n emit(\"refresh\");\r\n }\r\n stopHandleWatch = _useWatch();\r\n });\r\n // 离开缓存页面\r\n onDeactivated(() => {\r\n stopHandleWatch?.();\r\n });\r\n }\r\n\r\n function _useWatch() {\r\n //点击了标签重载图标\r\n return watch(\r\n () => refresh.value,\r\n val => {\r\n if (val) {\r\n // 发送刷新事件到列表页面\r\n emit(\"refresh\");\r\n }\r\n }\r\n );\r\n }\r\n }\r\n\r\n function useLayout() {\r\n function formLayout() {\r\n return () =>\r\n slots.form && (\r\n <Card\r\n class={cardStyle}\r\n ref={formRef}\r\n style={{ marginBottom: \"10px\" }}\r\n bodyStyle={{ padding: \"10px 10px 0 10px\" }}\r\n bordered={false}\r\n >\r\n {slots.form()}\r\n </Card>\r\n );\r\n }\r\n\r\n function tableLayout() {\r\n return () => (\r\n <Flex flex={1} vertical={true}>\r\n <Card\r\n class={cardStyle}\r\n style={{ height: \"100%\" }}\r\n bodyStyle={{\r\n height: \"100%\",\r\n padding: \"10px\"\r\n }}\r\n bordered={false}\r\n >\r\n <Flex\r\n style={{ height: \"100%\" }}\r\n vertical={true}\r\n >\r\n <Space style={{ marginBottom: \"6px\" }}>\r\n {slots.tools?.()}\r\n </Space>\r\n <Flex\r\n ref={tableRef}\r\n flex={1}\r\n style={{ height: \"100%\" }}\r\n vertical={true}\r\n >\r\n <div class={tableRootStyle}>\r\n <div class={maskDivStyle.value}></div>\r\n <div class={tableWrapperStyle}>\r\n {slots.table?.({\r\n height: height.value\r\n })}\r\n </div>\r\n </div>\r\n </Flex>\r\n </Flex>\r\n </Card>\r\n </Flex>\r\n );\r\n }\r\n\r\n return (\r\n <Watermark\r\n style={{ height: \"100%\" }}\r\n content={watermarkContent.value}\r\n >\r\n <Flex\r\n class={[listStyle.value, \"app-list\"]}\r\n gap={10}\r\n >\r\n {slots.left ? (\r\n <Card\r\n class={[cardStyle, leftCardStyle]}\r\n bordered={false}\r\n bodyStyle={{\r\n height: \"100%\",\r\n padding: \"10px\"\r\n }}\r\n >\r\n {slots.left?.()}\r\n </Card>\r\n ) : null}\r\n <Flex vertical={true} flex={1}>\r\n {formLayout()()}\r\n {tableLayout()()}\r\n </Flex>\r\n </Flex>\r\n {slots.extra?.()}\r\n </Watermark>\r\n );\r\n }\r\n\r\n return () => {\r\n const deviceStore = useDeviceStore();\r\n // 使用 storeToRefs 解构出响应式引用\r\n const { isMobile, isTablet, isDesktop } =\r\n storeToRefs(deviceStore);\r\n\r\n if (isMobile.value) {\r\n return (\r\n <MobileList>\r\n {{\r\n table: () => slots.table?.()\r\n }}\r\n </MobileList>\r\n );\r\n }\r\n\r\n if (isDesktop.value || isTablet.value) {\r\n return useLayout();\r\n }\r\n };\r\n }\r\n});\r\n\r\nexport default list;\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","tableRootStyle","css","list","defineComponent","name","emits","setup","_","slots","emit","appContext","inject","AppContextKey","watermarkContent","computed","value","content","route","useRoute","refresh","storeToRefs","useAppStore","tableRef","height","tableVisible","playTableHeight","useTableHeight","formRef","useForm","useReload","maskDivStyle","tableWrapperStyle","cardStyle","leftCardStyle","listStyle","onMounted","ref","$el","offsetHeight","nextTick","setTimeout","formHeight","useElementSize","watch","stopHandleWatch","meta","keepAlive","_useWatch","onUnmounted","onActivated","onDeactivated","val","useLayout","formLayout","_slot","form","_createVNode","Card","marginBottom","padding","default","tableLayout","Flex","Space","tools","table","Watermark","left","_a","extra","deviceStore","useDeviceStore","isMobile","isTablet","isDesktop","MobileList"],"mappings":"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"}
@@ -0,0 +1,64 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var vue = require('vue');
6
+ var vueRouter = require('vue-router');
7
+ var css = require('@emotion/css');
8
+ var useDesign = require('../../../../hooks/useDesign.cjs');
9
+
10
+ "use strict";
11
+ function useStyle() {
12
+ return {
13
+ container: css.css`
14
+ height: 100%;
15
+ display: flex;
16
+ flex-direction: column;
17
+ background-color: red;
18
+ `,
19
+ header: css.css`
20
+ height: 44px;
21
+ background-color: blue;
22
+ `,
23
+ content: css.css`
24
+ flex: 1;
25
+ `
26
+ };
27
+ }
28
+ const DMobileList = /* @__PURE__ */ vue.defineComponent({
29
+ name: "DMobileList",
30
+ setup(_, {
31
+ slots
32
+ }) {
33
+ const route = vueRouter.useRoute();
34
+ const title = vue.computed(() => {
35
+ var _a;
36
+ return (_a = route.meta) == null ? void 0 : _a.title;
37
+ });
38
+ return () => {
39
+ const {
40
+ getPrefixCls
41
+ } = useDesign.useDesign("mobile-list");
42
+ const styles = useStyle();
43
+ const tableContent = slots.table ? slots.table() : null;
44
+ let extractedProps = {};
45
+ if (tableContent) {
46
+ const tableVNode = tableContent.find((vnode) => typeof vnode.type === "object" || typeof vnode.type === "string");
47
+ if (tableVNode) {
48
+ extractedProps = tableVNode.props || {};
49
+ console.log("\u6210\u529F\u62FF\u5230 Table Props:", extractedProps);
50
+ }
51
+ }
52
+ return vue.createVNode("div", {
53
+ "class": css.cx(getPrefixCls(), styles.container)
54
+ }, [vue.createVNode("div", {
55
+ "class": css.cx(getPrefixCls("header"), styles.header)
56
+ }, [title.value]), vue.createVNode("div", {
57
+ "class": css.cx(getPrefixCls("content"), styles.content)
58
+ }, [tableContent])]);
59
+ };
60
+ }
61
+ });
62
+
63
+ exports.default = DMobileList;
64
+ //# sourceMappingURL=MobileList.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MobileList.cjs","sources":["../../../../../../src/components/layout/components/mobile/MobileList.tsx"],"sourcesContent":["import { computed, defineComponent } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { PageHeader } from \"ant-design-vue\";\r\n\r\nimport { css, cx } from \"@emotion/css\";\r\n\r\nimport { useDesign } from \"../../../../hooks/useDesign\";\r\n\r\nfunction useStyle() {\r\n return {\r\n container: css`\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n background-color: red;\r\n `,\r\n header: css`\r\n height: 44px;\r\n background-color: blue;\r\n `,\r\n content: css`\r\n flex: 1;\r\n `\r\n };\r\n}\r\nconst DMobileList = defineComponent({\r\n name: \"DMobileList\",\r\n setup(_, { slots }) {\r\n const route = useRoute();\r\n const title = computed(() => route.meta?.title);\r\n\r\n return () => {\r\n const { getPrefixCls } = useDesign(\"mobile-list\");\r\n const styles = useStyle();\r\n\r\n // --- 关键点 1: 只调用一次插槽函数 ---\r\n const tableContent = slots.table\r\n ? slots.table()\r\n : null;\r\n let extractedProps = {};\r\n\r\n // --- 关键点 2: 提取 Props 逻辑 ---\r\n if (tableContent) {\r\n // 过滤掉注释和空文本,找到真正的组件\r\n const tableVNode = tableContent.find(\r\n vnode =>\r\n typeof vnode.type === \"object\" ||\r\n typeof vnode.type === \"string\"\r\n );\r\n\r\n if (tableVNode) {\r\n extractedProps = tableVNode.props || {};\r\n console.log(\r\n \"成功拿到 Table Props:\",\r\n extractedProps\r\n );\r\n }\r\n }\r\n\r\n return (\r\n <div class={cx(getPrefixCls(), styles.container)}>\r\n <div\r\n class={cx(\r\n getPrefixCls(\"header\"),\r\n styles.header\r\n )}\r\n >\r\n {title.value}\r\n </div>\r\n <div\r\n class={cx(\r\n getPrefixCls(\"content\"),\r\n styles.content\r\n )}\r\n >\r\n {/* --- 关键点 3: 直接渲染已经生成的 VNodes --- */}\r\n {tableContent}\r\n </div>\r\n </div>\r\n );\r\n };\r\n }\r\n});\r\n\r\nexport default DMobileList;\r\n"],"names":["useStyle","container","css","header","content","DMobileList","defineComponent","name","setup","_","slots","route","useRoute","title","computed","meta","getPrefixCls","useDesign","styles","tableContent","table","extractedProps","tableVNode","find","vnode","type","props","console","log","_createVNode","cx","value"],"mappings":";;;;;;;;;;AAQA,SAASA,QAAAA,GAAW;AAClB,EAAA,OAAO;AAAA,IACLC,SAAAA,EAAWC,OAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAAAA,CAAAA;AAAAA,IAMXC,MAAAA,EAAQD,OAAAA;AAAAA;AAAAA;AAAAA,IAAAA,CAAAA;AAAAA,IAIRE,OAAAA,EAASF,OAAAA;AAAAA;AAAAA,IAAAA;AAAAA,GAGX;AACF;AACA,MAAMG,8BAAcC,mBAAAA,CAAgB;AAAA,EAClCC,IAAAA,EAAM,aAAA;AAAA,EACNC,MAAMC,CAAAA,EAAG;AAAA,IAAEC;AAAAA,GAAM,EAAG;AAClB,IAAA,MAAMC,QAAQC,kBAAAA,EAAS;AACvB,IAAA,MAAMC,KAAAA,GAAQC,aAAS,MAAA;AA7B3B,MAAA,IAAA,EAAA;AA6BiCH,MAAAA,OAAAA,CAAAA,EAAAA,GAAAA,KAAAA,CAAMI,SAANJ,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAYE,KAAAA;AAAAA,IAAAA,CAAK,CAAA;AAE9C,IAAA,OAAO,MAAM;AACX,MAAA,MAAM;AAAA,QAAEG;AAAAA,OAAa,GAAIC,oBAAU,aAAa,CAAA;AAChD,MAAA,MAAMC,SAASlB,QAAAA,EAAS;AAGxB,MAAA,MAAMmB,YAAAA,GAAeT,KAAAA,CAAMU,KAAAA,GACvBV,KAAAA,CAAMU,OAAM,GACZ,IAAA;AACJ,MAAA,IAAIC,iBAAiB,EAAC;AAGtB,MAAA,IAAIF,YAAAA,EAAc;AAEhB,QAAA,MAAMG,UAAAA,GAAaH,YAAAA,CAAaI,IAAAA,CAC9BC,CAAAA,KAAAA,KACE,OAAOA,KAAAA,CAAMC,IAAAA,KAAS,QAAA,IACtB,OAAOD,KAAAA,CAAMC,IAAAA,KAAS,QAC1B,CAAA;AAEA,QAAA,IAAIH,UAAAA,EAAY;AACdD,UAAAA,cAAAA,GAAiBC,UAAAA,CAAWI,SAAS,EAAC;AACtCC,UAAAA,OAAAA,CAAQC,GAAAA,CACN,yCACAP,cACF,CAAA;AAAA,QACF;AAAA,MACF;AAEA,MAAA,OAAAQ,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EACcC,MAAAA,CAAGd,YAAAA,EAAa,EAAGE,OAAOjB,SAAS;AAAA,OAAC,EAAA,CAAA4B,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,SAErCC,MAAAA,CACLd,YAAAA,CAAa,QAAQ,CAAA,EACrBE,OAAOf,MACT;AAAA,SAAC,CAEAU,KAAAA,CAAMkB,KAAK,CAAA,CAAA,EAAAF,gBAAA,KAAA,EAAA;AAAA,QAAA,SAGLC,MAAAA,CACLd,YAAAA,CAAa,SAAS,CAAA,EACtBE,OAAOd,OACT;AAAA,OAAC,EAAA,CAGAe,YAAY,CAAA,CAAA,CAAA,CAAA;AAAA,IAIrB,CAAA;AAAA,EACF;AACF,CAAC;;;;"}
@@ -1,5 +1,6 @@
1
1
  'use strict';
2
2
 
3
+ var AppLayout = require('./AppLayout.cjs');
3
4
  var List = require('./List.cjs');
4
5
  var Show = require('./Show.cjs');
5
6
  require('./Layout.vue.cjs');
@@ -23,7 +24,14 @@ Layout_vue_vue_type_script_setup_true_lang.default.install = function(app) {
23
24
  app.component("DLayout", Layout_vue_vue_type_script_setup_true_lang.default);
24
25
  return app;
25
26
  };
27
+ AppLayout.default.install = (app) => {
28
+ app.component(AppLayout.default.name, AppLayout.default);
29
+ };
30
+ List.default.install = (app) => {
31
+ app.component(List.default.name, List.default);
32
+ };
26
33
 
34
+ exports.AppLayout = AppLayout.default;
27
35
  exports.List = List.default;
28
36
  exports.Show = Show.default;
29
37
  exports.AppContextKey = AppContext.AppContextKey;
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../../src/components/layout/index.ts"],"sourcesContent":["import List from \"./List\";\r\nimport Show from \"./Show\";\r\nimport type { App } from \"vue\";\r\n\r\nimport Layout from \"./Layout.vue\";\r\n\r\nexport * from \"./AppContext\";\r\nexport * from \"./components\";\r\n\r\nList.install = function (app: App) {\r\n app.component(List.name!, List);\r\n return app;\r\n};\r\n\r\nShow.install = function (app: App) {\r\n app.component(Show.name!, Show);\r\n return app;\r\n};\r\nLayout.install = function (app: App) {\r\n app.component(\"DLayout\", Layout);\r\n return app;\r\n};\r\n\r\nexport { Layout, List, Show };\r\n"],"names":["List","Show","Layout"],"mappings":";;;;;;;;;;;;;AASAA,YAAA,CAAK,OAAA,GAAU,SAAU,GAAA,EAAU;AACjC,EAAA,GAAA,CAAI,SAAA,CAAUA,YAAA,CAAK,IAAA,EAAOA,YAAI,CAAA;AAC9B,EAAA,OAAO,GAAA;AACT,CAAA;AAEAC,YAAA,CAAK,OAAA,GAAU,SAAU,GAAA,EAAU;AACjC,EAAA,GAAA,CAAI,SAAA,CAAUA,YAAA,CAAK,IAAA,EAAOA,YAAI,CAAA;AAC9B,EAAA,OAAO,GAAA;AACT,CAAA;AACAC,kDAAA,CAAO,OAAA,GAAU,SAAU,GAAA,EAAU;AACnC,EAAA,GAAA,CAAI,SAAA,CAAU,WAAWA,kDAAM,CAAA;AAC/B,EAAA,OAAO,GAAA;AACT,CAAA;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../../src/components/layout/index.ts"],"sourcesContent":["import AppLayout from \"./AppLayout\";\r\n// import List from \"./components/pc/List\";\r\n// import Show from \"./components/pc/Show\";\r\nimport type { App } from \"vue\";\r\nimport List from \"./List\";\r\nimport Show from \"./Show\";\r\nimport Layout from \"./Layout.vue\";\r\n\r\nexport * from \"./AppContext\";\r\nexport * from \"./components\";\r\n\r\nList.install = function (app: App) {\r\n app.component(List.name!, List);\r\n return app;\r\n};\r\n\r\nShow.install = function (app: App) {\r\n app.component(Show.name!, Show);\r\n return app;\r\n};\r\n\r\nLayout.install = function (app: App) {\r\n app.component(\"DLayout\", Layout);\r\n return app;\r\n};\r\n\r\nAppLayout.install = (app: App) => {\r\n app.component(AppLayout.name!, AppLayout);\r\n};\r\n\r\nList.install = (app: App) => {\r\n app.component(List.name!, List);\r\n};\r\n\r\nexport { AppLayout, Layout, List, Show };\r\n"],"names":["List","Show","Layout","AppLayout"],"mappings":";;;;;;;;;;;;;;AAWAA,YAAA,CAAK,OAAA,GAAU,SAAU,GAAA,EAAU;AACjC,EAAA,GAAA,CAAI,SAAA,CAAUA,YAAA,CAAK,IAAA,EAAOA,YAAI,CAAA;AAC9B,EAAA,OAAO,GAAA;AACT,CAAA;AAEAC,YAAA,CAAK,OAAA,GAAU,SAAU,GAAA,EAAU;AACjC,EAAA,GAAA,CAAI,SAAA,CAAUA,YAAA,CAAK,IAAA,EAAOA,YAAI,CAAA;AAC9B,EAAA,OAAO,GAAA;AACT,CAAA;AAEAC,kDAAA,CAAO,OAAA,GAAU,SAAU,GAAA,EAAU;AACnC,EAAA,GAAA,CAAI,SAAA,CAAU,WAAWA,kDAAM,CAAA;AAC/B,EAAA,OAAO,GAAA;AACT,CAAA;AAEAC,iBAAA,CAAU,OAAA,GAAU,CAAC,GAAA,KAAa;AAChC,EAAA,GAAA,CAAI,SAAA,CAAUA,iBAAA,CAAU,IAAA,EAAOA,iBAAS,CAAA;AAC1C,CAAA;AAEAH,YAAA,CAAK,OAAA,GAAU,CAAC,GAAA,KAAa;AAC3B,EAAA,GAAA,CAAI,SAAA,CAAUA,YAAA,CAAK,IAAA,EAAOA,YAAI,CAAA;AAChC,CAAA;;;;;;;;;;;"}
@@ -0,0 +1,19 @@
1
+ 'use strict';
2
+
3
+ var css = require('@emotion/css');
4
+
5
+ "use strict";
6
+ const useAppLayoutStyle = () => {
7
+ return {
8
+ appLayout: css.css`
9
+ height: 100%;
10
+ `,
11
+ mobile: css.css`
12
+ height: 100%;
13
+ background: #e7e7e7;
14
+ `
15
+ };
16
+ };
17
+
18
+ exports.useAppLayoutStyle = useAppLayoutStyle;
19
+ //# sourceMappingURL=style.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style.cjs","sources":["../../../../src/components/layout/style.ts"],"sourcesContent":["import { ComputedRef } from \"vue\";\r\n\r\nimport { css } from \"@emotion/css\";\r\n\r\nexport const useAppLayoutStyle = () => {\r\n return {\r\n appLayout: css`\r\n height: 100%;\r\n `,\r\n mobile: css`\r\n height: 100%;\r\n background: #e7e7e7;\r\n `\r\n };\r\n};\r\n"],"names":["css"],"mappings":";;;;;AAIO,MAAM,oBAAoB,MAAM;AACrC,EAAA,OAAO;AAAA,IACL,SAAA,EAAWA,OAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAGX,MAAA,EAAQA,OAAA;AAAA;AAAA;AAAA,IAAA;AAAA,GAIV;AACF;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Select.vue2.cjs","sources":["../../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n inject,\n onActivated,\n onMounted,\n ref,\n watch\n} from \"vue\";\nimport { useRoute } from \"vue-router\";\n\nimport {\n useDicStore,\n useKeepAliveStore\n} from \"@ditari/store\";\n\ninterface DicItem {\n value: string | number;\n label: string;\n}\n\nconst props = defineProps({\n value: { required: true, default: undefined },\n name: { type: String, required: true, default: \"\" },\n disabled: { type: Boolean, required: false, default: false },\n placeholder: { type: String, required: false, default: \"请填写默认占位符啊!\" },\n include: { type: Array, required: false, default: () => [] }\n});\n\nconst emits = defineEmits([\"update:value\", \"change\", \"select\"]);\n\nconst { getDicByKey } = useDicStore();\nconst { get: keepNames } = useKeepAliveStore();\n\nconst { modelValue, data, onSelect, onChange } =\n useSelect();\n\nfunction useSelect() {\n const route = useRoute();\n const loadingStatus = ref(false);\n // 判断使用组件的页面是否被缓存\n const isKeepAlive = keepNames.some(\n (name: string) => name === route.name\n );\n // 注入 fetchDic,提供默认值\n const fetchDic = inject<\n (name: string) => Promise<unknown[]>\n >(\"fetchDic\", async (name: string) => {\n console.warn(\n `fetchDic 未注入,使用默认实现,name: ${name}`\n );\n return [];\n });\n\n // 字典数据\n let dicData: DicItem[] = [...getDicByKey(props.name)];\n const data = ref<DicItem[]>(dicData);\n\n // 取值\n const modelValue = ref<string | number | undefined>(\n props.value\n );\n\n onActivated(() => {\n // 缓存页面被激活的时候调用\n loadDicData();\n });\n\n onMounted(() => {\n if (!isKeepAlive) {\n // 未缓存页面 挂载的时候调用\n loadDicData();\n }\n });\n\n // 监听value值的变化\n watch(\n () => props.value,\n val => {\n modelValue.value = val;\n }\n );\n\n setTimeout(() => {\n if (!loadingStatus.value) {\n loadDicData();\n }\n }, 1000);\n\n // 请求字典数据的函数\n async function loadDicData() {\n try {\n loadingStatus.value = true;\n // 调用注入进来的fetchDic方法\n await fetchDic(props.name);\n dicData = [...getDicByKey(props.name)];\n\n if (props.include.length > 0) {\n data.value = dicData.filter((item: DicItem) => {\n return props.include.some(\n (i: string | number) => i === item.value\n );\n });\n } else {\n data.value = dicData;\n }\n } catch (error) {\n console.error(\"获取字典数据失败:\", error);\n }\n }\n\n // 监听用户搜索事件\n const onSearch = (keywords: string) => {\n sendWorkerSearch(keywords);\n };\n\n // 发送搜索到webworker\n function sendWorkerSearch(keywords: string) {\n keywords = keywords ?? \"\";\n data.value = dicData\n .filter((item: DicItem) => {\n return (\n item.value\n .toString()\n .toLowerCase()\n .indexOf(keywords.toLowerCase()) !== -1 ||\n item.label\n .toLowerCase()\n .includes(keywords.toLowerCase())\n );\n })\n .slice(0, 10);\n if (data.value.length === 0) {\n data.value = [...dicData].slice(0, 10);\n }\n }\n\n // 监听下拉选择事件\n const onSelect = (value: string | number) => {\n // 发射选择的数据\n emits(\"update:value\", value);\n // 处理下拉后返回数据的\n onSelectHandler();\n };\n\n // 监听数据改变\n const onChange = () => {\n emits(\"update:value\", modelValue.value);\n emits(\"change\", modelValue.value);\n };\n\n /**\n * 根据当前选中的value匹配对应的整条数据\n * 然后返回给父组件\n */\n function onSelectHandler() {\n const dicList = getDicByKey(props.name);\n const rs = dicList.find(\n (obj: DicItem) => obj.value === modelValue.value\n );\n emits(\"select\", rs);\n }\n\n watch(\n () => props.include,\n (val: Array<string | number>) => {\n if (val.length > 0) {\n // 只过滤出来include包含的数据\n data.value = dicData.filter((item: DicItem) => {\n return val.some(\n (i: string | number) => i === item.value\n );\n });\n } else {\n data.value = dicData;\n }\n },\n {\n immediate: true\n }\n );\n\n return {\n data,\n modelValue,\n onSearch,\n onSelect,\n onChange\n };\n}\n\n/**\n * 过滤筛选\n * @param inputValue\n * @param options\n */\nconst onFilterOption = (\n inputValue: string,\n options: DicItem\n) => {\n return (\n options.value\n .toString()\n .toLowerCase()\n .indexOf(inputValue.toLowerCase()) !== -1 ||\n options.label\n .toLowerCase()\n .includes(inputValue.toLowerCase())\n );\n};\n</script>\n\n<template>\n <a-select\n v-model:value=\"modelValue\"\n style=\"width: 100%\"\n allow-clear\n show-search\n :options=\"data\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :filter-option=\"onFilterOption\"\n @select=\"onSelect\"\n @change=\"onChange\"\n >\n </a-select>\n</template>\n\n<style scoped></style>\n"],"names":["useDicStore","useKeepAliveStore","useRoute","ref","inject","data","modelValue","onActivated","onMounted","watch","onSelect","onChange","_createBlock","_unref"],"mappings":"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"}
1
+ {"version":3,"file":"Select.vue2.cjs","sources":["../../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {\r\n inject,\r\n onActivated,\r\n onMounted,\r\n ref,\r\n watch\r\n} from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\n\r\nimport {\r\n useDicStore,\r\n useKeepAliveStore\r\n} from \"@ditari/store\";\r\n\r\ninterface DicItem {\r\n value: string | number;\r\n label: string;\r\n}\r\n\r\nconst props = defineProps({\n value: { required: true, default: undefined },\n name: { type: String, required: true, default: \"\" },\n disabled: { type: Boolean, required: false, default: false },\n placeholder: { type: String, required: false, default: \"请填写默认占位符啊!\" },\n include: { type: Array, required: false, default: () => [] }\n});\r\n\r\nconst emits = defineEmits([\"update:value\", \"change\", \"select\"]);\r\n\r\nconst { getDicByKey } = useDicStore();\r\nconst { get: keepNames } = useKeepAliveStore();\r\n\r\nconst { modelValue, data, onSelect, onChange } =\r\n useSelect();\r\n\r\nfunction useSelect() {\r\n const route = useRoute();\r\n const loadingStatus = ref(false);\r\n // 判断使用组件的页面是否被缓存\r\n const isKeepAlive = keepNames.some(\r\n (name: string) => name === route.name\r\n );\r\n // 注入 fetchDic,提供默认值\r\n const fetchDic = inject<\r\n (name: string) => Promise<unknown[]>\r\n >(\"fetchDic\", async (name: string) => {\r\n console.warn(\r\n `fetchDic 未注入,使用默认实现,name: ${name}`\r\n );\r\n return [];\r\n });\r\n\r\n // 字典数据\r\n let dicData: DicItem[] = [...getDicByKey(props.name)];\r\n const data = ref<DicItem[]>(dicData);\r\n\r\n // 取值\r\n const modelValue = ref<string | number | undefined>(\r\n props.value\r\n );\r\n\r\n onActivated(() => {\r\n // 缓存页面被激活的时候调用\r\n loadDicData();\r\n });\r\n\r\n onMounted(() => {\r\n if (!isKeepAlive) {\r\n // 未缓存页面 挂载的时候调用\r\n loadDicData();\r\n }\r\n });\r\n\r\n // 监听value值的变化\r\n watch(\r\n () => props.value,\r\n val => {\r\n modelValue.value = val;\r\n }\r\n );\r\n\r\n setTimeout(() => {\r\n if (!loadingStatus.value) {\r\n loadDicData();\r\n }\r\n }, 1000);\r\n\r\n // 请求字典数据的函数\r\n async function loadDicData() {\r\n try {\r\n loadingStatus.value = true;\r\n // 调用注入进来的fetchDic方法\r\n await fetchDic(props.name);\r\n dicData = [...getDicByKey(props.name)];\r\n\r\n if (props.include.length > 0) {\r\n data.value = dicData.filter((item: DicItem) => {\r\n return props.include.some(\r\n (i: string | number) => i === item.value\r\n );\r\n });\r\n } else {\r\n data.value = dicData;\r\n }\r\n } catch (error) {\r\n console.error(\"获取字典数据失败:\", error);\r\n }\r\n }\r\n\r\n // 监听用户搜索事件\r\n const onSearch = (keywords: string) => {\r\n sendWorkerSearch(keywords);\r\n };\r\n\r\n // 发送搜索到webworker\r\n function sendWorkerSearch(keywords: string) {\r\n keywords = keywords ?? \"\";\r\n data.value = dicData\r\n .filter((item: DicItem) => {\r\n return (\r\n item.value\r\n .toString()\r\n .toLowerCase()\r\n .indexOf(keywords.toLowerCase()) !== -1 ||\r\n item.label\r\n .toLowerCase()\r\n .includes(keywords.toLowerCase())\r\n );\r\n })\r\n .slice(0, 10);\r\n if (data.value.length === 0) {\r\n data.value = [...dicData].slice(0, 10);\r\n }\r\n }\r\n\r\n // 监听下拉选择事件\r\n const onSelect = (value: string | number) => {\r\n // 发射选择的数据\r\n emits(\"update:value\", value);\r\n // 处理下拉后返回数据的\r\n onSelectHandler();\r\n };\r\n\r\n // 监听数据改变\r\n const onChange = () => {\r\n emits(\"update:value\", modelValue.value);\r\n emits(\"change\", modelValue.value);\r\n };\r\n\r\n /**\r\n * 根据当前选中的value匹配对应的整条数据\r\n * 然后返回给父组件\r\n */\r\n function onSelectHandler() {\r\n const dicList = getDicByKey(props.name);\r\n const rs = dicList.find(\r\n (obj: DicItem) => obj.value === modelValue.value\r\n );\r\n emits(\"select\", rs);\r\n }\r\n\r\n watch(\r\n () => props.include,\r\n (val: Array<string | number>) => {\r\n if (val.length > 0) {\r\n // 只过滤出来include包含的数据\r\n data.value = dicData.filter((item: DicItem) => {\r\n return val.some(\r\n (i: string | number) => i === item.value\r\n );\r\n });\r\n } else {\r\n data.value = dicData;\r\n }\r\n },\r\n {\r\n immediate: true\r\n }\r\n );\r\n\r\n return {\r\n data,\r\n modelValue,\r\n onSearch,\r\n onSelect,\r\n onChange\r\n };\r\n}\r\n\r\n/**\r\n * 过滤筛选\r\n * @param inputValue\r\n * @param options\r\n */\r\nconst onFilterOption = (\r\n inputValue: string,\r\n options: DicItem\r\n) => {\r\n return (\r\n options.value\r\n .toString()\r\n .toLowerCase()\r\n .indexOf(inputValue.toLowerCase()) !== -1 ||\r\n options.label\r\n .toLowerCase()\r\n .includes(inputValue.toLowerCase())\r\n );\r\n};\r\n</script>\r\n\r\n<template>\r\n <a-select\r\n v-model:value=\"modelValue\"\r\n style=\"width: 100%\"\r\n allow-clear\r\n show-search\r\n :options=\"data\"\r\n :placeholder=\"placeholder\"\r\n :disabled=\"disabled\"\r\n :filter-option=\"onFilterOption\"\r\n @select=\"onSelect\"\r\n @change=\"onChange\"\r\n >\r\n </a-select>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["useDicStore","useKeepAliveStore","useRoute","ref","inject","data","modelValue","onActivated","onMounted","watch","onSelect","onChange","_createBlock","_unref"],"mappings":"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"}
@@ -356,7 +356,7 @@ const DTable = /* @__PURE__ */ vue.defineComponent({
356
356
  "rowKey": props.rowKey,
357
357
  "scroll": {
358
358
  y: tableHeight.value,
359
- x: "100%",
359
+ x: "max-content",
360
360
  scrollToFirstRowOnChange: true
361
361
  }
362
362
  }), tableSlots), pagination.value && vue.createVNode("div", {