qidian-vue-ui 1.1.40 → 1.1.42
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/dist/components/crud/search/index.vue.mjs +1 -1
- package/dist/components/crud/search/index.vue2.mjs +4 -4
- package/dist/components/crud/search/index.vue2.mjs.map +1 -1
- package/dist/components/service-dialog-table-select/index.vue.d.ts +28 -0
- package/dist/components/service-dialog-table-select/index.vue.mjs +1 -1
- package/dist/components/service-dialog-table-select/index.vue2.mjs +359 -210
- package/dist/components/service-dialog-table-select/index.vue2.mjs.map +1 -1
- package/dist/components/service-dialog-table-select/types.d.ts +5 -1
- package/dist/components/service-popup-table-select/index.vue.d.ts +28 -0
- package/dist/components/service-popup-table-select/index.vue.mjs +1 -1
- package/dist/components/service-popup-table-select/index.vue2.mjs +357 -192
- package/dist/components/service-popup-table-select/index.vue2.mjs.map +1 -1
- package/dist/components/service-popup-table-select/types.d.ts +5 -1
- package/dist/qidian-vue-ui.css +20 -20
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./index.vue2.mjs";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const QdCrudSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const QdCrudSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ba024e7e"]]);
|
|
5
5
|
export {
|
|
6
6
|
QdCrudSearch as default
|
|
7
7
|
};
|
|
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
50
50
|
emits: ["update:data"],
|
|
51
51
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
52
52
|
useCssVars((_ctx) => ({
|
|
53
|
-
"
|
|
53
|
+
"v5c932f82": cardH.value
|
|
54
54
|
}));
|
|
55
55
|
const props = __props;
|
|
56
56
|
const emit = __emit;
|
|
@@ -97,13 +97,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
97
97
|
return;
|
|
98
98
|
}
|
|
99
99
|
const heights = Array.from(gridItems, (item) => item.offsetHeight);
|
|
100
|
-
const
|
|
101
|
-
if (grid.scrollHeight - 1 <
|
|
100
|
+
const minItemHeight = Math.min(...heights);
|
|
101
|
+
if (grid.scrollHeight - 1 < minItemHeight) {
|
|
102
102
|
resetExpand();
|
|
103
103
|
return;
|
|
104
104
|
}
|
|
105
105
|
const cardBody = el.querySelector(".t-card__body");
|
|
106
|
-
const totalHeight =
|
|
106
|
+
const totalHeight = minItemHeight + (cardBody ? getPadding(cardBody) : 0) + getPadding(el);
|
|
107
107
|
showExpand.value = true;
|
|
108
108
|
oneLineH.value = `${totalHeight}px`;
|
|
109
109
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.vue2.mjs","sources":["../../../../src/components/crud/search/index.vue"],"sourcesContent":["<template>\n <qd-card ref=\"card\" v-resize=\"onResize\" class=\"qd-crud-search\">\n <template v-for=\"item in extractSlotsWithPrefix($slots, 'card')\" #[item.filterName]=\"slotProps\">\n <slot :name=\"item.originalName\" v-bind=\"slotProps\" />\n </template>\n\n <qd-form ref=\"form\" v-model:data=\"data\" v-bind=\"reProps.formOptions\">\n <template #footer>\n <t-space align=\"center\" size=\"small\">\n <t-button\n v-if=\"showExpand\"\n :class=\"['qd-crud-search__more', expand ? 'qd-crud-search__more--expand' : '']\"\n key=\"expand\"\n variant=\"text\"\n @click=\"expand = !expand\"\n >\n {{ expand ? t('collapseSearchText') : t('expandSearchText') }}\n <template #suffix><chevron-down-icon /></template>\n </t-button>\n <t-button key=\"submit\" type=\"submit\" @click=\"reProps.onSearch\">{{ t('searchText') }}</t-button>\n <t-button key=\"reset\" variant=\"outline\" @click=\"reProps.onReset\">{{ t('resetText') }}</t-button>\n </t-space>\n </template>\n\n <template\n v-for=\"item in extractSlotsWithPrefix($slots, 'form')\"\n #[item.filterName]=\"slotProps\"\n >\n <slot :name=\"item.originalName\" v-bind=\"slotProps\" />\n </template>\n </qd-form>\n </qd-card>\n</template>\n\n<script setup lang=\"ts\">\n import type { QdCrudSearchProps } from './types'\n import type { FormInstanceFunctions } from 'tdesign-vue-next'\n import { computed, onMounted, ref, useTemplateRef } from 'vue'\n import { useVModel } from '@vueuse/core'\n import { Space as TSpace, Button as TButton } from 'tdesign-vue-next'\n import { ChevronDownIcon } from 'tdesign-icons-vue-next'\n import { qdCrudSearchProps, qdSearchGrid } from './props'\n import { QdCard } from '../../card'\n import { QdForm } from '../../form'\n import { extractSlotsWithPrefix } from 'qidian-shared'\n import { useConfig } from '../../config-provider/useConfig'\n import { merge } from 'lodash-es'\n\n defineOptions({\n name: 'QdCrudSearch'\n })\n\n const props = withDefaults(defineProps<QdCrudSearchProps>(), qdCrudSearchProps)\n const emit = defineEmits<{\n 'update:data': [QdCrudSearchProps['data']]\n }>()\n const data = useVModel(props, 'data', emit, { passive: true })\n\n const { t } = useConfig('crud')\n\n const reProps = computed(() => {\n const { data, onSearch, onReset, grid, ...formOptions } = props\n\n return {\n formOptions: {\n ...formOptions,\n grid: merge({}, qdSearchGrid, grid)\n },\n onSearch,\n onReset,\n models: { data }\n }\n })\n\n const cardRef = useTemplateRef('card')\n const showExpand = ref(false)\n const expand = ref(false)\n const oneLineH = ref('auto')\n const cardH = computed(() => (expand.value ? 'auto' : oneLineH.value))\n const formRef = useTemplateRef<FormInstanceFunctions>('form')\n\n function getPadding(element: Element, top: boolean, bottom: boolean): number {\n const styles = getComputedStyle(element)\n const pt = top ? parseInt(styles.paddingTop) || 0 : 0\n const pb = bottom ? parseInt(styles.paddingBottom) || 0 : 0\n return pt + pb\n }\n\n function onResize() {\n const el = cardRef.value?.$el as HTMLElement | undefined\n if (!el) {\n resetExpand()\n return\n }\n\n const grid = el.querySelector('.qd-grid')\n if (!grid) {\n resetExpand()\n return\n }\n\n const gridItems = el.querySelectorAll('.qd-grid-item')\n if (!gridItems.length) {\n resetExpand()\n return\n }\n\n const heights = Array.from(gridItems, (item) => (item as HTMLElement).offsetHeight)\n const
|
|
1
|
+
{"version":3,"file":"index.vue2.mjs","sources":["../../../../src/components/crud/search/index.vue"],"sourcesContent":["<template>\n <qd-card ref=\"card\" v-resize=\"onResize\" class=\"qd-crud-search\">\n <template v-for=\"item in extractSlotsWithPrefix($slots, 'card')\" #[item.filterName]=\"slotProps\">\n <slot :name=\"item.originalName\" v-bind=\"slotProps\" />\n </template>\n\n <qd-form ref=\"form\" v-model:data=\"data\" v-bind=\"reProps.formOptions\">\n <template #footer>\n <t-space align=\"center\" size=\"small\">\n <t-button\n v-if=\"showExpand\"\n :class=\"['qd-crud-search__more', expand ? 'qd-crud-search__more--expand' : '']\"\n key=\"expand\"\n variant=\"text\"\n @click=\"expand = !expand\"\n >\n {{ expand ? t('collapseSearchText') : t('expandSearchText') }}\n <template #suffix><chevron-down-icon /></template>\n </t-button>\n <t-button key=\"submit\" type=\"submit\" @click=\"reProps.onSearch\">{{ t('searchText') }}</t-button>\n <t-button key=\"reset\" variant=\"outline\" @click=\"reProps.onReset\">{{ t('resetText') }}</t-button>\n </t-space>\n </template>\n\n <template\n v-for=\"item in extractSlotsWithPrefix($slots, 'form')\"\n #[item.filterName]=\"slotProps\"\n >\n <slot :name=\"item.originalName\" v-bind=\"slotProps\" />\n </template>\n </qd-form>\n </qd-card>\n</template>\n\n<script setup lang=\"ts\">\n import type { QdCrudSearchProps } from './types'\n import type { FormInstanceFunctions } from 'tdesign-vue-next'\n import { computed, onMounted, ref, useTemplateRef } from 'vue'\n import { useVModel } from '@vueuse/core'\n import { Space as TSpace, Button as TButton } from 'tdesign-vue-next'\n import { ChevronDownIcon } from 'tdesign-icons-vue-next'\n import { qdCrudSearchProps, qdSearchGrid } from './props'\n import { QdCard } from '../../card'\n import { QdForm } from '../../form'\n import { extractSlotsWithPrefix } from 'qidian-shared'\n import { useConfig } from '../../config-provider/useConfig'\n import { merge } from 'lodash-es'\n\n defineOptions({\n name: 'QdCrudSearch'\n })\n\n const props = withDefaults(defineProps<QdCrudSearchProps>(), qdCrudSearchProps)\n const emit = defineEmits<{\n 'update:data': [QdCrudSearchProps['data']]\n }>()\n const data = useVModel(props, 'data', emit, { passive: true })\n\n const { t } = useConfig('crud')\n\n const reProps = computed(() => {\n const { data, onSearch, onReset, grid, ...formOptions } = props\n\n return {\n formOptions: {\n ...formOptions,\n grid: merge({}, qdSearchGrid, grid)\n },\n onSearch,\n onReset,\n models: { data }\n }\n })\n\n const cardRef = useTemplateRef('card')\n const showExpand = ref(false)\n const expand = ref(false)\n const oneLineH = ref('auto')\n const cardH = computed(() => (expand.value ? 'auto' : oneLineH.value))\n const formRef = useTemplateRef<FormInstanceFunctions>('form')\n\n function getPadding(element: Element, top: boolean, bottom: boolean): number {\n const styles = getComputedStyle(element)\n const pt = top ? parseInt(styles.paddingTop) || 0 : 0\n const pb = bottom ? parseInt(styles.paddingBottom) || 0 : 0\n return pt + pb\n }\n\n function onResize() {\n const el = cardRef.value?.$el as HTMLElement | undefined\n if (!el) {\n resetExpand()\n return\n }\n\n const grid = el.querySelector('.qd-grid')\n if (!grid) {\n resetExpand()\n return\n }\n\n const gridItems = el.querySelectorAll('.qd-grid-item')\n if (!gridItems.length) {\n resetExpand()\n return\n }\n\n const heights = Array.from(gridItems, (item) => (item as HTMLElement).offsetHeight)\n const minItemHeight = Math.min(...heights)\n\n if (grid.scrollHeight - 1 < minItemHeight) {\n resetExpand()\n return\n }\n\n const cardBody = el.querySelector('.t-card__body')\n const totalHeight =\n minItemHeight + (cardBody ? getPadding(cardBody, true, true) : 0) + getPadding(el, true, true)\n\n showExpand.value = true\n oneLineH.value = `${totalHeight}px`\n }\n\n function resetExpand() {\n showExpand.value = false\n oneLineH.value = 'auto'\n expand.value = false\n }\n\n const expose = {} as FormInstanceFunctions\n\n onMounted(() => {\n Object.assign(expose, formRef.value)\n })\n\n defineExpose(expose)\n</script>\n\n<style lang=\"less\" scoped>\n .qd-crud-search {\n height: v-bind(cardH);\n\n & > :deep(.t-card__body) {\n height: 100%;\n\n .qd-form,\n .qd-grid {\n height: 100%;\n }\n }\n\n &__more {\n :deep(.t-icon) {\n transition: transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;\n }\n\n &--expand :deep(.t-icon) {\n transform: rotate(-180deg);\n }\n }\n }\n</style>\n"],"names":["data","_createBlock","_unref","_createVNode","_mergeProps","_createSlots","TSpace","TButton","_createTextVNode","_toDisplayString","$slots","_withCtx","_renderSlot"],"mappings":"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"}
|
|
@@ -20,6 +20,34 @@ declare const _default: <D extends TableRowData = TableRowData, R = unknown, P =
|
|
|
20
20
|
[x: string]: ((props: any) => any) | undefined;
|
|
21
21
|
} & {
|
|
22
22
|
[x: string]: ((props: any) => any) | undefined;
|
|
23
|
+
} & {
|
|
24
|
+
'add-input'?: (props: {
|
|
25
|
+
addCustom: {
|
|
26
|
+
visible: boolean;
|
|
27
|
+
value: string;
|
|
28
|
+
};
|
|
29
|
+
}) => any;
|
|
30
|
+
} & {
|
|
31
|
+
'add-confirm-btn'?: (props: {
|
|
32
|
+
addCustom: {
|
|
33
|
+
visible: boolean;
|
|
34
|
+
value: string;
|
|
35
|
+
};
|
|
36
|
+
}) => any;
|
|
37
|
+
} & {
|
|
38
|
+
'add-cancel-btn'?: (props: {
|
|
39
|
+
addCustom: {
|
|
40
|
+
visible: boolean;
|
|
41
|
+
value: string;
|
|
42
|
+
};
|
|
43
|
+
}) => any;
|
|
44
|
+
} & {
|
|
45
|
+
'add-btn'?: (props: {
|
|
46
|
+
addCustom: {
|
|
47
|
+
visible: boolean;
|
|
48
|
+
value: string;
|
|
49
|
+
};
|
|
50
|
+
}) => any;
|
|
23
51
|
};
|
|
24
52
|
emit: ((evt: "update:modelValue", args_0: SelectValue<import("tdesign-vue-next").SelectOption> | undefined) => void) & ((evt: "update:data", args_0: D[] | undefined) => void) & ((evt: "update:columnControllerVisible", args_0: boolean | undefined) => void) & ((evt: "update:displayColumns", args_0: import("tdesign-vue-next").CheckboxGroupValue | undefined) => void) & ((evt: "update:expandedRowKeys", args_0: (string | number)[] | undefined) => void) & ((evt: "update:filterValue", args_0: import("tdesign-vue-next").FilterValue | undefined) => void) & ((evt: "update:sort", args_0: import("tdesign-vue-next").TableSort | undefined) => void) & ((evt: "update:expandedTreeNodes", args_0: (string | number)[] | undefined) => void) & ((evt: "update:searchData", args_0: import("tdesign-vue-next").Data | undefined) => void) & ((evt: "update:visible", args_0: boolean | undefined) => void);
|
|
25
53
|
}>) => import("vue").VNode & {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./index.vue2.mjs";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-12e0666e"]]);
|
|
5
5
|
export {
|
|
6
6
|
index as default
|
|
7
7
|
};
|