qidian-vue-ui 1.1.35 → 1.1.36
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.
|
@@ -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-e7c23504"]]);
|
|
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
|
+
"v8bbe604a": cardH.value
|
|
54
54
|
}));
|
|
55
55
|
const props = __props;
|
|
56
56
|
const emit = __emit;
|
|
@@ -136,8 +136,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
136
136
|
}, {
|
|
137
137
|
default: withCtx(() => [
|
|
138
138
|
showExpand.value ? (openBlock(), createBlock(unref(Button), {
|
|
139
|
-
key: 0,
|
|
140
139
|
class: normalizeClass(["qd-crud-search__more", expand.value ? "qd-crud-search__more--expand" : ""]),
|
|
140
|
+
key: "expand",
|
|
141
141
|
variant: "text",
|
|
142
142
|
onClick: _cache[0] || (_cache[0] = ($event) => expand.value = !expand.value)
|
|
143
143
|
}, {
|
|
@@ -150,6 +150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
150
150
|
_: 1
|
|
151
151
|
}, 8, ["class"])) : createCommentVNode("", true),
|
|
152
152
|
createVNode(unref(Button), {
|
|
153
|
+
key: "submit",
|
|
153
154
|
type: "submit",
|
|
154
155
|
onClick: reProps.value.onSearch
|
|
155
156
|
}, {
|
|
@@ -159,6 +160,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
159
160
|
_: 1
|
|
160
161
|
}, 8, ["onClick"]),
|
|
161
162
|
createVNode(unref(Button), {
|
|
163
|
+
key: "reset",
|
|
162
164
|
variant: "outline",
|
|
163
165
|
onClick: reProps.value.onReset
|
|
164
166
|
}, {
|
|
@@ -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 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 type=\"submit\" @click=\"reProps.onSearch\">{{ t('searchText') }}</t-button>\n <t-button 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 maxItemHeight = Math.max(...heights)\n\n if (grid.scrollHeight - 1 < maxItemHeight) {\n resetExpand()\n return\n }\n\n const cardBody = el.querySelector('.t-card__body')\n const totalHeight =\n maxItemHeight + (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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
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 maxItemHeight = Math.max(...heights)\n\n if (grid.scrollHeight - 1 < maxItemHeight) {\n resetExpand()\n return\n }\n\n const cardBody = el.querySelector('.t-card__body')\n const totalHeight =\n maxItemHeight + (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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDE,UAAM,QAAQ;AACd,UAAM,OAAO;AAGb,UAAM,OAAO,UAAU,OAAO,QAAQ,MAAM,EAAE,SAAS,MAAM;AAE7D,UAAM,EAAE,EAAA,IAAM,UAAU,MAAM;AAE9B,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,EAAE,MAAAA,OAAM,UAAU,SAAS,MAAM,GAAG,gBAAgB;AAE1D,aAAO;AAAA,QACL,aAAa;AAAA,UACX,GAAG;AAAA,UACH,MAAM,MAAM,IAAI,cAAc,IAAI;AAAA,QAAA;AAAA,QAEpC;AAAA,QACA;AAAA,QACA,QAAQ,EAAE,MAAAA,MAAAA;AAAAA,MAAK;AAAA,IAEnB,CAAC;AAED,UAAM,UAAU,eAAe,MAAM;AACrC,UAAM,aAAa,IAAI,KAAK;AAC5B,UAAM,SAAS,IAAI,KAAK;AACxB,UAAM,WAAW,IAAI,MAAM;AAC3B,UAAM,QAAQ,SAAS,MAAO,OAAO,QAAQ,SAAS,SAAS,KAAM;AACrE,UAAM,UAAU,eAAsC,MAAM;AAE5D,aAAS,WAAW,SAAkB,KAAc,QAAyB;AAC3E,YAAM,SAAS,iBAAiB,OAAO;AACvC,YAAM,KAAW,SAAS,OAAO,UAAU,KAAK;AAChD,YAAM,KAAc,SAAS,OAAO,aAAa,KAAK;AACtD,aAAO,KAAK;AAAA,IACd;AAEA,aAAS,WAAW;AAClB,YAAM,KAAK,QAAQ,OAAO;AAC1B,UAAI,CAAC,IAAI;AACP,oBAAA;AACA;AAAA,MACF;AAEA,YAAM,OAAO,GAAG,cAAc,UAAU;AACxC,UAAI,CAAC,MAAM;AACT,oBAAA;AACA;AAAA,MACF;AAEA,YAAM,YAAY,GAAG,iBAAiB,eAAe;AACrD,UAAI,CAAC,UAAU,QAAQ;AACrB,oBAAA;AACA;AAAA,MACF;AAEA,YAAM,UAAU,MAAM,KAAK,WAAW,CAAC,SAAU,KAAqB,YAAY;AAClF,YAAM,gBAAgB,KAAK,IAAI,GAAG,OAAO;AAEzC,UAAI,KAAK,eAAe,IAAI,eAAe;AACzC,oBAAA;AACA;AAAA,MACF;AAEA,YAAM,WAAW,GAAG,cAAc,eAAe;AACjD,YAAM,cACJ,iBAAiB,WAAW,WAAW,QAAoB,IAAI,KAAK,WAAW,EAAc;AAE/F,iBAAW,QAAQ;AACnB,eAAS,QAAQ,GAAG,WAAW;AAAA,IACjC;AAEA,aAAS,cAAc;AACrB,iBAAW,QAAQ;AACnB,eAAS,QAAQ;AACjB,aAAO,QAAQ;AAAA,IACjB;AAEA,UAAM,SAAS,CAAA;AAEf,cAAU,MAAM;AACd,aAAO,OAAO,QAAQ,QAAQ,KAAK;AAAA,IACrC,CAAC;AAED,aAAa,MAAM;;;0CAtInBC,YA8BUC,MAAA,MAAA,GAAA;AAAA,QA9BD,KAAI;AAAA,QAA2B,OAAM;AAAA,MAAA;yBAK5C,MAwBU;AAAA,UAxBVC,YAwBUD,eAxBVE,WAwBU;AAAA,YAxBD,KAAI;AAAA,YAAe,MAAMF,MAAA,IAAA;AAAA,iFAAA,KAAI,QAAA,SAAA;AAAA,UAAA,GAAU,QAAA,MAAQ,WAAW,GAAAG,YAAA;AAAA,YACtD,gBACT,MAaU;AAAA,cAbVF,YAaUD,MAAAI,KAAA,GAAA;AAAA,gBAbD,OAAM;AAAA,gBAAS,MAAK;AAAA,cAAA;iCAC3B,MASW;AAAA,kBARH,WAAA,sBADRL,YASWC,MAAAK,MAAA,GAAA;AAAA,oBAPR,+CAAgC,OAAA,QAAM,iCAAA,EAAA,CAAA;AAAA,oBACvC,KAAI;AAAA,oBACJ,SAAQ;AAAA,oBACP,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,OAAA,QAAM,CAAI,OAAA;AAAA,kBAAA;oBAGP,gBAAO,MAAqB;AAAA,sBAArBJ,YAAqBD,MAAA,eAAA,CAAA;AAAA,oBAAA;qCADvC,MAA8D;AAAA,sBAA3DM,gBAAAC,gBAAA,OAAA,QAASP,MAAA,CAAA,EAAC,oBAAA,IAAyBA,MAAA,CAAA,yBAAwB,KAC9D,CAAA;AAAA,oBAAA;;;kBAEFC,YAA+FD,MAAAK,MAAA,GAAA;AAAA,oBAArF,KAAI;AAAA,oBAAS,MAAK;AAAA,oBAAU,SAAO,QAAA,MAAQ;AAAA,kBAAA;qCAAU,MAAqB;AAAA,sDAAlBL,MAAA,CAAA,EAAC,YAAA,CAAA,GAAA,CAAA;AAAA,oBAAA;;;kBACnEC,YAAgGD,MAAAK,MAAA,GAAA;AAAA,oBAAtF,KAAI;AAAA,oBAAQ,SAAQ;AAAA,oBAAW,SAAO,QAAA,MAAQ;AAAA,kBAAA;qCAAS,MAAoB;AAAA,sDAAjBL,MAAA,CAAA,EAAC,WAAA,CAAA,GAAA,CAAA;AAAA,oBAAA;;;;;;;;;uBAKxDA,MAAA,sBAAA,EAAuBQ,KAAAA,QAAM,MAAA,GAAA,CAArC,SAAI;;gBACV,MAAA,KAAK;AAAA,gBAEN,IAAAC,QAAA,CAFoB,cAAS;AAAA,kBAE7BC,WAAqD,KAAA,QAAxC,KAAK,gDAAsB,SAAS,CAAA,GAAA,QAAA,IAAA;AAAA,gBAAA;;;;;;;mBA1B5BV,MAAA,sBAAA,EAAuBQ,KAAAA,QAAM,MAAA,GAAA,CAArC,SAAI;;YAA6C,MAAA,KAAK;AAAA,YACrE,IAAAC,QAAA,CADmF,cAAS;AAAA,cAC5FC,WAAqD,KAAA,QAAxC,KAAK,gDAAsB,SAAS,CAAA,GAAA,QAAA,IAAA;AAAA,YAAA;;;;4BAFvB,QAAQ;AAAA,MAAA;;;;"}
|
package/dist/qidian-vue-ui.css
CHANGED
|
@@ -201,20 +201,20 @@ p {
|
|
|
201
201
|
margin-left: 0 !important;
|
|
202
202
|
height: 100%;
|
|
203
203
|
}
|
|
204
|
-
.qd-crud-search[data-v-
|
|
205
|
-
height: var(--
|
|
204
|
+
.qd-crud-search[data-v-e7c23504] {
|
|
205
|
+
height: var(--v8bbe604a);
|
|
206
206
|
}
|
|
207
|
-
.qd-crud-search[data-v-
|
|
207
|
+
.qd-crud-search[data-v-e7c23504] > .t-card__body {
|
|
208
208
|
height: 100%;
|
|
209
209
|
}
|
|
210
|
-
.qd-crud-search[data-v-
|
|
211
|
-
.qd-crud-search[data-v-
|
|
210
|
+
.qd-crud-search[data-v-e7c23504] > .t-card__body .qd-form,
|
|
211
|
+
.qd-crud-search[data-v-e7c23504] > .t-card__body .qd-grid {
|
|
212
212
|
height: 100%;
|
|
213
213
|
}
|
|
214
|
-
.qd-crud-search__more[data-v-
|
|
214
|
+
.qd-crud-search__more[data-v-e7c23504] .t-icon {
|
|
215
215
|
transition: transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
|
|
216
216
|
}
|
|
217
|
-
.qd-crud-search__more--expand[data-v-
|
|
217
|
+
.qd-crud-search__more--expand[data-v-e7c23504] .t-icon {
|
|
218
218
|
transform: rotate(-180deg);
|
|
219
219
|
}
|
|
220
220
|
.qd-crud-list[data-v-8e2e8194] {
|