@ditari/bsui 1.1.43 → 1.1.45
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/date/RangePicker.cjs +3 -1
- package/dist/cjs/date/RangePicker.cjs.map +1 -1
- package/dist/cjs/layout/Show.vue.d.ts +5 -6
- package/dist/cjs/layout/Show.vue2.cjs +1 -1
- package/dist/cjs/layout/Show.vue2.cjs.map +1 -1
- package/dist/esm/date/RangePicker.mjs +3 -1
- package/dist/esm/date/RangePicker.mjs.map +1 -1
- package/dist/esm/layout/Show.vue.d.ts +5 -6
- package/dist/esm/layout/Show.vue2.mjs +1 -1
- package/dist/esm/layout/Show.vue2.mjs.map +1 -1
- package/example/src/views/table/List.vue +12 -6
- package/package.json +1 -1
- package/src/date/RangePicker.tsx +1 -1
- package/src/layout/Show.vue +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -57,7 +57,9 @@ var RangePicker = /* @__PURE__ */ vue.defineComponent({
|
|
|
57
57
|
});
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
|
-
vue.watch(watchExpressions, watchHandler
|
|
60
|
+
vue.watch(watchExpressions, watchHandler, {
|
|
61
|
+
immediate: true
|
|
62
|
+
});
|
|
61
63
|
return () => vue.createVNode("div", null, [vue.createVNode(antDesignVue.RangePicker, vue.mergeProps(attrs, {
|
|
62
64
|
"value": dates.value,
|
|
63
65
|
"onUpdate:value": ($event) => dates.value = $event,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangePicker.cjs","sources":["../../../src/date/RangePicker.tsx"],"sourcesContent":["import { defineComponent, ref, watch } from \"vue\";\nimport type { PropType } from \"vue\";\nimport { RangePicker } from \"ant-design-vue\";\n\n/**\n * 日期范围控件\n */\nexport default defineComponent({\n name: \"DRangePicker\",\n props: {\n value: {\n type: Object as PropType<{ [name: string]: unknown }>\n },\n field: {\n required: true,\n default: [] as string[]\n },\n format: {\n default: \"YYYY-MM-DD\"\n },\n valueFormat: {\n default: \"YYYY-MM-DD\"\n }\n },\n emits: [\"update:value\"],\n setup(props, { emit, attrs }) {\n const dates = ref<string[]>([]);\n\n //内部model\n const internalModel = ref<{ [name: string]: unknown }>(props?.value || {});\n\n // 监听日期变化\n const onChange = (dates: [any, any]) => {\n if (!dates) {\n props.field.forEach((key) => {\n internalModel.value[key] = \"\";\n });\n } else {\n props.field.forEach((key, index) => {\n internalModel.value[key] = dates[index];\n });\n }\n emit(\"update:value\", internalModel.value);\n };\n\n //循环字段\n // eslint-disable-next-line vue/no-setup-props-destructure\n const watchExpressions = props.field.map((key) => () => {\n return props.value?.[key];\n });\n\n const watchHandler = (newValues: any) => {\n // 判断是否被置空只有这两个字段同时为空,才是表明被置空\n const isClear = props.field.every((key, index) => {\n return newValues[index] === \"\" || newValues[index] === undefined;\n });\n if (isClear) {\n dates.value = [];\n } else {\n props.field.forEach((key, index) => {\n dates.value && (dates.value[index] = newValues[index]);\n });\n }\n };\n //监听多个字段变化\n watch(watchExpressions, watchHandler);\n\n return () => (\n <div>\n <RangePicker\n {...attrs}\n v-model:value={dates.value}\n onChange={onChange}\n format={props.format}\n valueFormat={props.valueFormat}\n style={{ width: \"100%\" }}\n ></RangePicker>\n </div>\n );\n }\n});\n"],"names":["defineComponent","name","props","value","type","Object","field","required","default","format","valueFormat","emits","setup","emit","attrs","dates","ref","internalModel","onChange","forEach","key","index","watchExpressions","map","watchHandler","newValues","isClear","every","undefined","watch","_createVNode","RangePicker","_mergeProps","$event","width"],"mappings":";;;;;;;AAOA,kCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,cAAA;AAAA,EACNC,KAAO,EAAA;AAAA,IACLC,KAAO,EAAA;AAAA,MACLC,IAAMC,EAAAA,MAAAA;AAAAA,KACR;AAAA,IACAC,KAAO,EAAA;AAAA,MACLC,QAAU,EAAA,IAAA;AAAA,MACVC,SAAS,EAAA;AAAA,KACX;AAAA,IACAC,MAAQ,EAAA;AAAA,MACND,OAAS,EAAA,YAAA;AAAA,KACX;AAAA,IACAE,WAAa,EAAA;AAAA,MACXF,OAAS,EAAA,YAAA;AAAA,KACX;AAAA,GACF;AAAA,EACAG,KAAAA,EAAO,CAAC,cAAc,CAAA;AAAA,EACtBC,MAAMV,KAAO,EAAA;AAAA,IAAEW,IAAAA;AAAAA,IAAMC,KAAAA;AAAAA,GAAS,EAAA;AAC5B,IAAMC,MAAAA,KAAAA,GAAQC,OAAc,CAAA,EAAE,CAAA,CAAA;AAG9B,IAAA,MAAMC,aAAgBD,GAAAA,OAAAA,CAAAA,CAAiCd,KAAOC,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,KAAAA,KAAS,EAAE,CAAA,CAAA;AAGzE,IAAMe,MAAAA,QAAAA,GAAYH,CAAAA,MAAsB,KAAA;AACtC,MAAA,IAAI,CAACA,MAAO,EAAA;AACVb,QAAMI,KAAAA,CAAAA,KAAAA,CAAMa,QAASC,CAAQ,GAAA,KAAA;AAC3BH,UAAcd,aAAAA,CAAAA,KAAAA,CAAMiB,GAAG,CAAI,GAAA,EAAA,CAAA;AAAA,SAC5B,CAAA,CAAA;AAAA,OACI,MAAA;AACLlB,QAAAA,KAAAA,CAAMI,KAAMa,CAAAA,OAAAA,CAAQ,CAACC,GAAAA,EAAKC,KAAU,KAAA;AAClCJ,UAAAA,aAAAA,CAAcd,KAAMiB,CAAAA,GAAG,CAAIL,GAAAA,MAAAA,CAAMM,KAAK,CAAA,CAAA;AAAA,SACvC,CAAA,CAAA;AAAA,OACH;AACAR,MAAK,IAAA,CAAA,cAAA,EAAgBI,cAAcd,KAAK,CAAA,CAAA;AAAA,KAC1C,CAAA;AAIA,IAAA,MAAMmB,gBAAmBpB,GAAAA,KAAAA,CAAMI,KAAMiB,CAAAA,GAAAA,CAAKH,SAAQ,MAAM;;AACtD,MAAOlB,OAAAA,CAAAA,EAAAA,GAAAA,KAAAA,CAAMC,UAAND,IAAckB,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,GAAAA,CAAAA,CAAAA;AAAAA,KACtB,CAAA,CAAA;AAED,IAAA,MAAMI,eAAgBC,CAAmB,SAAA,KAAA;AAEvC,MAAA,MAAMC,UAAUxB,KAAMI,CAAAA,KAAAA,CAAMqB,KAAM,CAAA,CAACP,KAAKC,KAAU,KAAA;AAChD,QAAA,OAAOI,UAAUJ,KAAK,CAAA,KAAM,EAAMI,IAAAA,SAAAA,CAAUJ,KAAK,CAAMO,KAAAA,KAAAA,CAAAA,CAAAA;AAAAA,OACxD,CAAA,CAAA;AACD,MAAA,IAAIF,OAAS,EAAA;AACXX,QAAAA,KAAAA,CAAMZ,QAAQ,EAAE,CAAA;AAAA,OACX,MAAA;AACLD,QAAAA,KAAAA,CAAMI,KAAMa,CAAAA,OAAAA,CAAQ,CAACC,GAAAA,EAAKC,KAAU,KAAA;AAClCN,UAAAA,KAAAA,CAAMZ,UAAUY,KAAMZ,CAAAA,KAAAA,CAAMkB,KAAK,CAAA,GAAII,UAAUJ,KAAK,CAAA,CAAA,CAAA;AAAA,SACrD,CAAA,CAAA;AAAA,OACH;AAAA,KACF,CAAA;AAEAQ,IAAAA,SAAAA,CAAMP,kBAAkBE,
|
|
1
|
+
{"version":3,"file":"RangePicker.cjs","sources":["../../../src/date/RangePicker.tsx"],"sourcesContent":["import { defineComponent, ref, watch } from \"vue\";\nimport type { PropType } from \"vue\";\nimport { RangePicker } from \"ant-design-vue\";\n\n/**\n * 日期范围控件\n */\nexport default defineComponent({\n name: \"DRangePicker\",\n props: {\n value: {\n type: Object as PropType<{ [name: string]: unknown }>\n },\n field: {\n required: true,\n default: [] as string[]\n },\n format: {\n default: \"YYYY-MM-DD\"\n },\n valueFormat: {\n default: \"YYYY-MM-DD\"\n }\n },\n emits: [\"update:value\"],\n setup(props, { emit, attrs }) {\n const dates = ref<string[]>([]);\n\n //内部model\n const internalModel = ref<{ [name: string]: unknown }>(props?.value || {});\n\n // 监听日期变化\n const onChange = (dates: [any, any]) => {\n if (!dates) {\n props.field.forEach((key) => {\n internalModel.value[key] = \"\";\n });\n } else {\n props.field.forEach((key, index) => {\n internalModel.value[key] = dates[index];\n });\n }\n emit(\"update:value\", internalModel.value);\n };\n\n //循环字段\n // eslint-disable-next-line vue/no-setup-props-destructure\n const watchExpressions = props.field.map((key) => () => {\n return props.value?.[key];\n });\n\n const watchHandler = (newValues: any) => {\n // 判断是否被置空只有这两个字段同时为空,才是表明被置空\n const isClear = props.field.every((key, index) => {\n return newValues[index] === \"\" || newValues[index] === undefined;\n });\n if (isClear) {\n dates.value = [];\n } else {\n props.field.forEach((key, index) => {\n dates.value && (dates.value[index] = newValues[index]);\n });\n }\n };\n //监听多个字段变化\n watch(watchExpressions, watchHandler, { immediate: true });\n\n return () => (\n <div>\n <RangePicker\n {...attrs}\n v-model:value={dates.value}\n onChange={onChange}\n format={props.format}\n valueFormat={props.valueFormat}\n style={{ width: \"100%\" }}\n ></RangePicker>\n </div>\n );\n }\n});\n"],"names":["defineComponent","name","props","value","type","Object","field","required","default","format","valueFormat","emits","setup","emit","attrs","dates","ref","internalModel","onChange","forEach","key","index","watchExpressions","map","watchHandler","newValues","isClear","every","undefined","watch","immediate","_createVNode","RangePicker","_mergeProps","$event","width"],"mappings":"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"}
|
|
@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
12
12
|
showBack: {
|
|
13
13
|
type: BooleanConstructor;
|
|
14
14
|
required: false;
|
|
15
|
+
default: boolean;
|
|
15
16
|
};
|
|
16
17
|
}, {
|
|
17
18
|
props: any;
|
|
@@ -36,9 +37,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
36
37
|
activeKey: string;
|
|
37
38
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
38
39
|
list: import("@ditari/store").NavTabsState[];
|
|
39
|
-
/**
|
|
40
|
-
* 详情/新增/编辑组件
|
|
41
|
-
*/
|
|
42
40
|
activeKey: string;
|
|
43
41
|
}>) => import("@ditari/store").NavTabsState[];
|
|
44
42
|
getActiveKey: (state: {
|
|
@@ -58,9 +56,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
58
56
|
}, {
|
|
59
57
|
setActiveKey(key: string): void;
|
|
60
58
|
save(route: import("vue-router").RouteLocationNormalized): void;
|
|
61
|
-
/**
|
|
62
|
-
* 点击返回
|
|
63
|
-
*/
|
|
64
59
|
deleteTabs(key: string): void;
|
|
65
60
|
setNavTitle(title: string, path: string): void;
|
|
66
61
|
}>;
|
|
@@ -81,6 +76,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
81
76
|
} & import("pinia").PiniaCustomStateProperties<import("@ditari/store").SettingState>) => boolean;
|
|
82
77
|
getGrid: (state: {
|
|
83
78
|
refresh: boolean;
|
|
79
|
+
/**
|
|
80
|
+
* 详情/新增/编辑组件
|
|
81
|
+
*/
|
|
84
82
|
collapsed: boolean;
|
|
85
83
|
mediaRuleMap: any;
|
|
86
84
|
gridConfig: any;
|
|
@@ -120,6 +118,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
120
118
|
showBack: {
|
|
121
119
|
type: BooleanConstructor;
|
|
122
120
|
required: false;
|
|
121
|
+
default: boolean;
|
|
123
122
|
};
|
|
124
123
|
}>>, {
|
|
125
124
|
loading: boolean;
|
|
@@ -16,7 +16,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
16
16
|
props: {
|
|
17
17
|
"close": { type: Boolean, required: false, default: false },
|
|
18
18
|
"loading": { type: Boolean, required: false, default: false },
|
|
19
|
-
"showBack": { type: Boolean, required: false }
|
|
19
|
+
"showBack": { type: Boolean, required: false, default: true }
|
|
20
20
|
},
|
|
21
21
|
setup(__props, { expose: __expose }) {
|
|
22
22
|
const props = __props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Show.vue2.cjs","sources":["../../../src/layout/Show.vue"],"sourcesContent":["<script lang=\"ts\">\nconst delayTime = 200\n</script>\n<script setup lang=\"ts\">\n/**\n * 详情/新增/编辑组件\n */\nimport { computed, inject, useSlots, watch, h, resolveComponent } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { useScrollLock, useWindowScroll } from \"@vueuse/core\";\nimport { LeftOutlined } from \"@ant-design/icons-vue\";\nimport { useNavTabsStore, useSettingsStore } from \"@ditari/store\";\n\nimport { storeToRefs } from \"pinia\";\n\nconst props = defineProps({\n \"close\": { type: Boolean, required: false, default: false },\n \"loading\": { type: Boolean, required: false, default: false },\n \"showBack\": { type: Boolean, required: false,
|
|
1
|
+
{"version":3,"file":"Show.vue2.cjs","sources":["../../../src/layout/Show.vue"],"sourcesContent":["<script lang=\"ts\">\nconst delayTime = 200\n</script>\n<script setup lang=\"ts\">\n/**\n * 详情/新增/编辑组件\n */\nimport { computed, inject, useSlots, watch, h, resolveComponent } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { useScrollLock, useWindowScroll } from \"@vueuse/core\";\nimport { LeftOutlined } from \"@ant-design/icons-vue\";\nimport { useNavTabsStore, useSettingsStore } from \"@ditari/store\";\n\nimport { storeToRefs } from \"pinia\";\n\nconst props = defineProps({\n \"close\": { type: Boolean, required: false, default: false },\n \"loading\": { type: Boolean, required: false, default: false },\n \"showBack\": { type: Boolean, required: false, default: true }\n});\n\nconst router = useRouter();\nconst route = useRoute();\nconst slots = useSlots();\n\nconst navTabStore = useNavTabsStore();\nconst settingsStore = useSettingsStore();\n\nconst showConfig = inject(\"showConfig\") as any;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\nconst btnRender = () => {\n if (!showConfig) {\n return h(LeftOutlined);\n } else {\n return h(resolveComponent(showConfig.backBtn));\n }\n};\n\nconst { refresh } = storeToRefs(settingsStore);\n\nconst showLoading = computed(() => props.loading);\n\nconst contentStyle = {\n padding: `10px 10px ${slots.footer ? \"70px\" : \"10px\"} 10px`\n};\n\n/**\n * 点击返回\n */\nconst onBack = () => {\n if (props.close) {\n // 返回关闭标签\n navTabStore.deleteTabs(route.path);\n router.go(-1);\n } else {\n // 不关闭标签\n router.go(-1);\n }\n};\n\n/**\n * 对外暴露方法 调用后关闭标签 并且出发List组件刷新动作\n */\nconst onRefresh = () => {\n refresh.value = true;\n navTabStore.deleteTabs(route.fullPath);\n router.go(-1);\n};\n\n/**\n * 监听屏幕滚动,滚动大于0的时候给a-page-header组件添加阴影\n */\nconst { y } = useWindowScroll();\n// 锁定屏幕\nconst isLocked = useScrollLock(document.body);\n\nwatch(\n () => props.loading,\n (val) => {\n isLocked.value = val;\n }\n);\n\n\ndefineExpose({\n closePage: onRefresh\n});\n</script>\n<template>\n <div class=\"ditari-show-layout\">\n <a-spin\n tip=\"正在处理...\"\n :spinning=\"showLoading\"\n :delay=\"delayTime\"\n size=\"large\"\n >\n <a-page-header\n v-if=\"showBack\"\n class=\"ditari-page-header\"\n :class=\"{ active: y > 0 }\"\n :ghost=\"false\"\n @back=\"onBack\"\n >\n <template #backIcon>\n <btn-render />\n </template>\n <template #title>{{ $route.meta.title }} </template>\n <template #subTitle>\n <slot name=\"subTitle\"></slot>\n </template>\n <template #extra>\n <slot name=\"extra\"></slot>\n </template>\n </a-page-header>\n <div class=\"ditari-show-content\" :style=\"contentStyle\">\n <slot></slot>\n </div>\n <div\n v-if=\"$slots.footer\"\n class=\"ditari-show-footer\"\n :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n >\n <slot name=\"footer\"></slot>\n </div>\n </a-spin>\n </div>\n</template>\n<style lang=\"scss\"></style>\n"],"names":["useRouter","useRoute","useSlots","useNavTabsStore","useSettingsStore","inject","computed","h","LeftOutlined","resolveComponent","storeToRefs","useWindowScroll","useScrollLock","watch"],"mappings":";;;;;;;;;;;;AACA,MAAM,SAAY,GAAA,GAAA,CAAA;;;;;;;;;;AAoBlB,IAAA,MAAM,SAASA,mBAAU,EAAA,CAAA;AACzB,IAAA,MAAM,QAAQC,kBAAS,EAAA,CAAA;AACvB,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,cAAcC,qBAAgB,EAAA,CAAA;AACpC,IAAA,MAAM,gBAAgBC,sBAAiB,EAAA,CAAA;AAEvC,IAAM,MAAA,UAAA,GAAaC,WAAO,YAAY,CAAA,CAAA;AACtC,IAAA,MAAM,eAAkB,GAAAC,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AACjE,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,CAAC,UAAY,EAAA;AACf,QAAA,OAAOC,MAAEC,qBAAY,CAAA,CAAA;AAAA,OAChB,MAAA;AACL,QAAA,OAAOD,KAAE,CAAAE,oBAAA,CAAiB,UAAW,CAAA,OAAO,CAAC,CAAA,CAAA;AAAA,OAC/C;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,EAAE,OAAA,EAAY,GAAAC,iBAAA,CAAY,aAAa,CAAA,CAAA;AAE7C,IAAA,MAAM,WAAc,GAAAJ,YAAA,CAAS,MAAM,KAAA,CAAM,OAAO,CAAA,CAAA;AAEhD,IAAA,MAAM,YAAe,GAAA;AAAA,MACnB,OAAS,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,MAAA,GAAS,SAAS,MAAM,CAAA,KAAA,CAAA;AAAA,KACtD,CAAA;AAKA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,IAAI,MAAM,KAAO,EAAA;AAEf,QAAY,WAAA,CAAA,UAAA,CAAW,MAAM,IAAI,CAAA,CAAA;AACjC,QAAA,MAAA,CAAO,GAAG,CAAE,CAAA,CAAA,CAAA;AAAA,OACP,MAAA;AAEL,QAAA,MAAA,CAAO,GAAG,CAAE,CAAA,CAAA,CAAA;AAAA,OACd;AAAA,KACF,CAAA;AAKA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,OAAA,CAAQ,KAAQ,GAAA,IAAA,CAAA;AAChB,MAAY,WAAA,CAAA,UAAA,CAAW,MAAM,QAAQ,CAAA,CAAA;AACrC,MAAA,MAAA,CAAO,GAAG,CAAE,CAAA,CAAA,CAAA;AAAA,KACd,CAAA;AAKA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIK,oBAAgB,EAAA,CAAA;AAE9B,IAAM,MAAA,QAAA,GAAWC,kBAAc,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAE5C,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,OAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,QAAA,CAAS,KAAQ,GAAA,GAAA,CAAA;AAAA,OACnB;AAAA,KACF,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACX,SAAW,EAAA,SAAA;AAAA,KACZ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -53,7 +53,9 @@ var RangePicker = /* @__PURE__ */ defineComponent({
|
|
|
53
53
|
});
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
|
-
watch(watchExpressions, watchHandler
|
|
56
|
+
watch(watchExpressions, watchHandler, {
|
|
57
|
+
immediate: true
|
|
58
|
+
});
|
|
57
59
|
return () => createVNode("div", null, [createVNode(RangePicker$1, mergeProps(attrs, {
|
|
58
60
|
"value": dates.value,
|
|
59
61
|
"onUpdate:value": ($event) => dates.value = $event,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangePicker.mjs","sources":["../../../src/date/RangePicker.tsx"],"sourcesContent":["import { defineComponent, ref, watch } from \"vue\";\nimport type { PropType } from \"vue\";\nimport { RangePicker } from \"ant-design-vue\";\n\n/**\n * 日期范围控件\n */\nexport default defineComponent({\n name: \"DRangePicker\",\n props: {\n value: {\n type: Object as PropType<{ [name: string]: unknown }>\n },\n field: {\n required: true,\n default: [] as string[]\n },\n format: {\n default: \"YYYY-MM-DD\"\n },\n valueFormat: {\n default: \"YYYY-MM-DD\"\n }\n },\n emits: [\"update:value\"],\n setup(props, { emit, attrs }) {\n const dates = ref<string[]>([]);\n\n //内部model\n const internalModel = ref<{ [name: string]: unknown }>(props?.value || {});\n\n // 监听日期变化\n const onChange = (dates: [any, any]) => {\n if (!dates) {\n props.field.forEach((key) => {\n internalModel.value[key] = \"\";\n });\n } else {\n props.field.forEach((key, index) => {\n internalModel.value[key] = dates[index];\n });\n }\n emit(\"update:value\", internalModel.value);\n };\n\n //循环字段\n // eslint-disable-next-line vue/no-setup-props-destructure\n const watchExpressions = props.field.map((key) => () => {\n return props.value?.[key];\n });\n\n const watchHandler = (newValues: any) => {\n // 判断是否被置空只有这两个字段同时为空,才是表明被置空\n const isClear = props.field.every((key, index) => {\n return newValues[index] === \"\" || newValues[index] === undefined;\n });\n if (isClear) {\n dates.value = [];\n } else {\n props.field.forEach((key, index) => {\n dates.value && (dates.value[index] = newValues[index]);\n });\n }\n };\n //监听多个字段变化\n watch(watchExpressions, watchHandler);\n\n return () => (\n <div>\n <RangePicker\n {...attrs}\n v-model:value={dates.value}\n onChange={onChange}\n format={props.format}\n valueFormat={props.valueFormat}\n style={{ width: \"100%\" }}\n ></RangePicker>\n </div>\n );\n }\n});\n"],"names":["name","props","value","type","Object","field","required","default","format","valueFormat","emits","setup","emit","attrs","dates","ref","internalModel","onChange","forEach","key","index","watchExpressions","map","watchHandler","newValues","isClear","every","undefined","watch","_createVNode","RangePicker","_mergeProps","$event","width"],"mappings":";;;AAOA,kCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,cAAA;AAAA,EACNC,KAAO,EAAA;AAAA,IACLC,KAAO,EAAA;AAAA,MACLC,IAAMC,EAAAA,MAAAA;AAAAA,KACR;AAAA,IACAC,KAAO,EAAA;AAAA,MACLC,QAAU,EAAA,IAAA;AAAA,MACVC,SAAS,EAAA;AAAA,KACX;AAAA,IACAC,MAAQ,EAAA;AAAA,MACND,OAAS,EAAA,YAAA;AAAA,KACX;AAAA,IACAE,WAAa,EAAA;AAAA,MACXF,OAAS,EAAA,YAAA;AAAA,KACX;AAAA,GACF;AAAA,EACAG,KAAAA,EAAO,CAAC,cAAc,CAAA;AAAA,EACtBC,MAAMV,KAAO,EAAA;AAAA,IAAEW,IAAAA;AAAAA,IAAMC,KAAAA;AAAAA,GAAS,EAAA;AAC5B,IAAMC,MAAAA,KAAAA,GAAQC,GAAc,CAAA,EAAE,CAAA,CAAA;AAG9B,IAAA,MAAMC,aAAgBD,GAAAA,GAAAA,CAAAA,CAAiCd,KAAOC,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,KAAAA,KAAS,EAAE,CAAA,CAAA;AAGzE,IAAMe,MAAAA,QAAAA,GAAYH,CAAAA,MAAsB,KAAA;AACtC,MAAA,IAAI,CAACA,MAAO,EAAA;AACVb,QAAMI,KAAAA,CAAAA,KAAAA,CAAMa,QAASC,CAAQ,GAAA,KAAA;AAC3BH,UAAcd,aAAAA,CAAAA,KAAAA,CAAMiB,GAAG,CAAI,GAAA,EAAA,CAAA;AAAA,SAC5B,CAAA,CAAA;AAAA,OACI,MAAA;AACLlB,QAAAA,KAAAA,CAAMI,KAAMa,CAAAA,OAAAA,CAAQ,CAACC,GAAAA,EAAKC,KAAU,KAAA;AAClCJ,UAAAA,aAAAA,CAAcd,KAAMiB,CAAAA,GAAG,CAAIL,GAAAA,MAAAA,CAAMM,KAAK,CAAA,CAAA;AAAA,SACvC,CAAA,CAAA;AAAA,OACH;AACAR,MAAK,IAAA,CAAA,cAAA,EAAgBI,cAAcd,KAAK,CAAA,CAAA;AAAA,KAC1C,CAAA;AAIA,IAAA,MAAMmB,gBAAmBpB,GAAAA,KAAAA,CAAMI,KAAMiB,CAAAA,GAAAA,CAAKH,SAAQ,MAAM;;AACtD,MAAOlB,OAAAA,CAAAA,EAAAA,GAAAA,KAAAA,CAAMC,UAAND,IAAckB,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,GAAAA,CAAAA,CAAAA;AAAAA,KACtB,CAAA,CAAA;AAED,IAAA,MAAMI,eAAgBC,CAAmB,SAAA,KAAA;AAEvC,MAAA,MAAMC,UAAUxB,KAAMI,CAAAA,KAAAA,CAAMqB,KAAM,CAAA,CAACP,KAAKC,KAAU,KAAA;AAChD,QAAA,OAAOI,UAAUJ,KAAK,CAAA,KAAM,EAAMI,IAAAA,SAAAA,CAAUJ,KAAK,CAAMO,KAAAA,KAAAA,CAAAA,CAAAA;AAAAA,OACxD,CAAA,CAAA;AACD,MAAA,IAAIF,OAAS,EAAA;AACXX,QAAAA,KAAAA,CAAMZ,QAAQ,EAAE,CAAA;AAAA,OACX,MAAA;AACLD,QAAAA,KAAAA,CAAMI,KAAMa,CAAAA,OAAAA,CAAQ,CAACC,GAAAA,EAAKC,KAAU,KAAA;AAClCN,UAAAA,KAAAA,CAAMZ,UAAUY,KAAMZ,CAAAA,KAAAA,CAAMkB,KAAK,CAAA,GAAII,UAAUJ,KAAK,CAAA,CAAA,CAAA;AAAA,SACrD,CAAA,CAAA;AAAA,OACH;AAAA,KACF,CAAA;AAEAQ,IAAAA,KAAAA,CAAMP,kBAAkBE,
|
|
1
|
+
{"version":3,"file":"RangePicker.mjs","sources":["../../../src/date/RangePicker.tsx"],"sourcesContent":["import { defineComponent, ref, watch } from \"vue\";\nimport type { PropType } from \"vue\";\nimport { RangePicker } from \"ant-design-vue\";\n\n/**\n * 日期范围控件\n */\nexport default defineComponent({\n name: \"DRangePicker\",\n props: {\n value: {\n type: Object as PropType<{ [name: string]: unknown }>\n },\n field: {\n required: true,\n default: [] as string[]\n },\n format: {\n default: \"YYYY-MM-DD\"\n },\n valueFormat: {\n default: \"YYYY-MM-DD\"\n }\n },\n emits: [\"update:value\"],\n setup(props, { emit, attrs }) {\n const dates = ref<string[]>([]);\n\n //内部model\n const internalModel = ref<{ [name: string]: unknown }>(props?.value || {});\n\n // 监听日期变化\n const onChange = (dates: [any, any]) => {\n if (!dates) {\n props.field.forEach((key) => {\n internalModel.value[key] = \"\";\n });\n } else {\n props.field.forEach((key, index) => {\n internalModel.value[key] = dates[index];\n });\n }\n emit(\"update:value\", internalModel.value);\n };\n\n //循环字段\n // eslint-disable-next-line vue/no-setup-props-destructure\n const watchExpressions = props.field.map((key) => () => {\n return props.value?.[key];\n });\n\n const watchHandler = (newValues: any) => {\n // 判断是否被置空只有这两个字段同时为空,才是表明被置空\n const isClear = props.field.every((key, index) => {\n return newValues[index] === \"\" || newValues[index] === undefined;\n });\n if (isClear) {\n dates.value = [];\n } else {\n props.field.forEach((key, index) => {\n dates.value && (dates.value[index] = newValues[index]);\n });\n }\n };\n //监听多个字段变化\n watch(watchExpressions, watchHandler, { immediate: true });\n\n return () => (\n <div>\n <RangePicker\n {...attrs}\n v-model:value={dates.value}\n onChange={onChange}\n format={props.format}\n valueFormat={props.valueFormat}\n style={{ width: \"100%\" }}\n ></RangePicker>\n </div>\n );\n }\n});\n"],"names":["name","props","value","type","Object","field","required","default","format","valueFormat","emits","setup","emit","attrs","dates","ref","internalModel","onChange","forEach","key","index","watchExpressions","map","watchHandler","newValues","isClear","every","undefined","watch","immediate","_createVNode","RangePicker","_mergeProps","$event","width"],"mappings":"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"}
|
|
@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
12
12
|
showBack: {
|
|
13
13
|
type: BooleanConstructor;
|
|
14
14
|
required: false;
|
|
15
|
+
default: boolean;
|
|
15
16
|
};
|
|
16
17
|
}, {
|
|
17
18
|
props: any;
|
|
@@ -36,9 +37,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
36
37
|
activeKey: string;
|
|
37
38
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
38
39
|
list: import("@ditari/store").NavTabsState[];
|
|
39
|
-
/**
|
|
40
|
-
* 详情/新增/编辑组件
|
|
41
|
-
*/
|
|
42
40
|
activeKey: string;
|
|
43
41
|
}>) => import("@ditari/store").NavTabsState[];
|
|
44
42
|
getActiveKey: (state: {
|
|
@@ -58,9 +56,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
58
56
|
}, {
|
|
59
57
|
setActiveKey(key: string): void;
|
|
60
58
|
save(route: import("vue-router").RouteLocationNormalized): void;
|
|
61
|
-
/**
|
|
62
|
-
* 点击返回
|
|
63
|
-
*/
|
|
64
59
|
deleteTabs(key: string): void;
|
|
65
60
|
setNavTitle(title: string, path: string): void;
|
|
66
61
|
}>;
|
|
@@ -81,6 +76,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
81
76
|
} & import("pinia").PiniaCustomStateProperties<import("@ditari/store").SettingState>) => boolean;
|
|
82
77
|
getGrid: (state: {
|
|
83
78
|
refresh: boolean;
|
|
79
|
+
/**
|
|
80
|
+
* 详情/新增/编辑组件
|
|
81
|
+
*/
|
|
84
82
|
collapsed: boolean;
|
|
85
83
|
mediaRuleMap: any;
|
|
86
84
|
gridConfig: any;
|
|
@@ -120,6 +118,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
120
118
|
showBack: {
|
|
121
119
|
type: BooleanConstructor;
|
|
122
120
|
required: false;
|
|
121
|
+
default: boolean;
|
|
123
122
|
};
|
|
124
123
|
}>>, {
|
|
125
124
|
loading: boolean;
|
|
@@ -12,7 +12,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
12
12
|
props: {
|
|
13
13
|
"close": { type: Boolean, required: false, default: false },
|
|
14
14
|
"loading": { type: Boolean, required: false, default: false },
|
|
15
|
-
"showBack": { type: Boolean, required: false }
|
|
15
|
+
"showBack": { type: Boolean, required: false, default: true }
|
|
16
16
|
},
|
|
17
17
|
setup(__props, { expose: __expose }) {
|
|
18
18
|
const props = __props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Show.vue2.mjs","sources":["../../../src/layout/Show.vue"],"sourcesContent":["<script lang=\"ts\">\nconst delayTime = 200\n</script>\n<script setup lang=\"ts\">\n/**\n * 详情/新增/编辑组件\n */\nimport { computed, inject, useSlots, watch, h, resolveComponent } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { useScrollLock, useWindowScroll } from \"@vueuse/core\";\nimport { LeftOutlined } from \"@ant-design/icons-vue\";\nimport { useNavTabsStore, useSettingsStore } from \"@ditari/store\";\n\nimport { storeToRefs } from \"pinia\";\n\nconst props = defineProps({\n \"close\": { type: Boolean, required: false, default: false },\n \"loading\": { type: Boolean, required: false, default: false },\n \"showBack\": { type: Boolean, required: false,
|
|
1
|
+
{"version":3,"file":"Show.vue2.mjs","sources":["../../../src/layout/Show.vue"],"sourcesContent":["<script lang=\"ts\">\nconst delayTime = 200\n</script>\n<script setup lang=\"ts\">\n/**\n * 详情/新增/编辑组件\n */\nimport { computed, inject, useSlots, watch, h, resolveComponent } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { useScrollLock, useWindowScroll } from \"@vueuse/core\";\nimport { LeftOutlined } from \"@ant-design/icons-vue\";\nimport { useNavTabsStore, useSettingsStore } from \"@ditari/store\";\n\nimport { storeToRefs } from \"pinia\";\n\nconst props = defineProps({\n \"close\": { type: Boolean, required: false, default: false },\n \"loading\": { type: Boolean, required: false, default: false },\n \"showBack\": { type: Boolean, required: false, default: true }\n});\n\nconst router = useRouter();\nconst route = useRoute();\nconst slots = useSlots();\n\nconst navTabStore = useNavTabsStore();\nconst settingsStore = useSettingsStore();\n\nconst showConfig = inject(\"showConfig\") as any;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\nconst btnRender = () => {\n if (!showConfig) {\n return h(LeftOutlined);\n } else {\n return h(resolveComponent(showConfig.backBtn));\n }\n};\n\nconst { refresh } = storeToRefs(settingsStore);\n\nconst showLoading = computed(() => props.loading);\n\nconst contentStyle = {\n padding: `10px 10px ${slots.footer ? \"70px\" : \"10px\"} 10px`\n};\n\n/**\n * 点击返回\n */\nconst onBack = () => {\n if (props.close) {\n // 返回关闭标签\n navTabStore.deleteTabs(route.path);\n router.go(-1);\n } else {\n // 不关闭标签\n router.go(-1);\n }\n};\n\n/**\n * 对外暴露方法 调用后关闭标签 并且出发List组件刷新动作\n */\nconst onRefresh = () => {\n refresh.value = true;\n navTabStore.deleteTabs(route.fullPath);\n router.go(-1);\n};\n\n/**\n * 监听屏幕滚动,滚动大于0的时候给a-page-header组件添加阴影\n */\nconst { y } = useWindowScroll();\n// 锁定屏幕\nconst isLocked = useScrollLock(document.body);\n\nwatch(\n () => props.loading,\n (val) => {\n isLocked.value = val;\n }\n);\n\n\ndefineExpose({\n closePage: onRefresh\n});\n</script>\n<template>\n <div class=\"ditari-show-layout\">\n <a-spin\n tip=\"正在处理...\"\n :spinning=\"showLoading\"\n :delay=\"delayTime\"\n size=\"large\"\n >\n <a-page-header\n v-if=\"showBack\"\n class=\"ditari-page-header\"\n :class=\"{ active: y > 0 }\"\n :ghost=\"false\"\n @back=\"onBack\"\n >\n <template #backIcon>\n <btn-render />\n </template>\n <template #title>{{ $route.meta.title }} </template>\n <template #subTitle>\n <slot name=\"subTitle\"></slot>\n </template>\n <template #extra>\n <slot name=\"extra\"></slot>\n </template>\n </a-page-header>\n <div class=\"ditari-show-content\" :style=\"contentStyle\">\n <slot></slot>\n </div>\n <div\n v-if=\"$slots.footer\"\n class=\"ditari-show-footer\"\n :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n >\n <slot name=\"footer\"></slot>\n </div>\n </a-spin>\n </div>\n</template>\n<style lang=\"scss\"></style>\n"],"names":[],"mappings":";;;;;;;;AACA,MAAM,SAAY,GAAA,GAAA,CAAA;;;;;;;;;;AAoBlB,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,cAAc,eAAgB,EAAA,CAAA;AACpC,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AAEvC,IAAM,MAAA,UAAA,GAAa,OAAO,YAAY,CAAA,CAAA;AACtC,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AACjE,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,CAAC,UAAY,EAAA;AACf,QAAA,OAAO,EAAE,YAAY,CAAA,CAAA;AAAA,OAChB,MAAA;AACL,QAAA,OAAO,CAAE,CAAA,gBAAA,CAAiB,UAAW,CAAA,OAAO,CAAC,CAAA,CAAA;AAAA,OAC/C;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,EAAE,OAAA,EAAY,GAAA,WAAA,CAAY,aAAa,CAAA,CAAA;AAE7C,IAAA,MAAM,WAAc,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,OAAO,CAAA,CAAA;AAEhD,IAAA,MAAM,YAAe,GAAA;AAAA,MACnB,OAAS,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,MAAA,GAAS,SAAS,MAAM,CAAA,KAAA,CAAA;AAAA,KACtD,CAAA;AAKA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,IAAI,MAAM,KAAO,EAAA;AAEf,QAAY,WAAA,CAAA,UAAA,CAAW,MAAM,IAAI,CAAA,CAAA;AACjC,QAAA,MAAA,CAAO,GAAG,CAAE,CAAA,CAAA,CAAA;AAAA,OACP,MAAA;AAEL,QAAA,MAAA,CAAO,GAAG,CAAE,CAAA,CAAA,CAAA;AAAA,OACd;AAAA,KACF,CAAA;AAKA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,OAAA,CAAQ,KAAQ,GAAA,IAAA,CAAA;AAChB,MAAY,WAAA,CAAA,UAAA,CAAW,MAAM,QAAQ,CAAA,CAAA;AACrC,MAAA,MAAA,CAAO,GAAG,CAAE,CAAA,CAAA,CAAA;AAAA,KACd,CAAA;AAKA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,eAAgB,EAAA,CAAA;AAE9B,IAAM,MAAA,QAAA,GAAW,aAAc,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAE5C,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,OAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,QAAA,CAAS,KAAQ,GAAA,GAAA,CAAA;AAAA,OACnB;AAAA,KACF,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACX,SAAW,EAAA,SAAA;AAAA,KACZ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
ref,
|
|
4
|
+
onDeactivated,
|
|
5
|
+
onBeforeUnmount,
|
|
6
|
+
onActivated,
|
|
7
|
+
watchEffect
|
|
8
|
+
} from "vue";
|
|
3
9
|
import { useTable } from "./hooks";
|
|
4
10
|
|
|
5
11
|
const { data, loading, config, selectedRowKeys } = useTable();
|
|
@@ -268,12 +274,12 @@ const onQuery = () => {
|
|
|
268
274
|
console.log("22");
|
|
269
275
|
};
|
|
270
276
|
|
|
271
|
-
const queryParams = ref({ from: "", to: "" });
|
|
277
|
+
const queryParams = ref({ from: "2023-02-04", to: "2023-05-06" });
|
|
272
278
|
|
|
273
|
-
setTimeout(() => {
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
}, 200);
|
|
279
|
+
// setTimeout(() => {
|
|
280
|
+
// queryParams.value.from = "2023-02-04";
|
|
281
|
+
// queryParams.value.to = "2023-05-06";
|
|
282
|
+
// }, 200);
|
|
277
283
|
|
|
278
284
|
const customHeaderCell = (columns: any) => {
|
|
279
285
|
console.log(columns);
|
package/package.json
CHANGED
package/src/date/RangePicker.tsx
CHANGED