qidian-vue-ui 1.1.36 → 1.1.37
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.
|
@@ -2,8 +2,10 @@ import type { QdFormItemProps } from './types';
|
|
|
2
2
|
declare var __VLS_10: {
|
|
3
3
|
crudMode: "view" | "add" | "edit" | undefined;
|
|
4
4
|
context: Record<string, unknown> | undefined;
|
|
5
|
-
};
|
|
5
|
+
}, __VLS_17: string, __VLS_18: any;
|
|
6
6
|
type __VLS_Slots = {} & {
|
|
7
|
+
[K in NonNullable<typeof __VLS_17>]?: (props: typeof __VLS_18) => any;
|
|
8
|
+
} & {
|
|
7
9
|
default?: (props: typeof __VLS_10) => any;
|
|
8
10
|
};
|
|
9
11
|
declare const __VLS_component: import("vue").DefineComponent<QdFormItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<QdFormItemProps> & Readonly<{}>, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./item.vue2.mjs";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const QdFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const QdFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3b3090b0"]]);
|
|
5
5
|
export {
|
|
6
6
|
QdFormItem as default
|
|
7
7
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent, mergeDefaults, computed, createBlock, createCommentVNode, openBlock, unref, mergeProps, withCtx, createVNode, normalizeProps, guardReactiveProps, renderSlot } from "vue";
|
|
1
|
+
import { defineComponent, mergeDefaults, computed, createBlock, createCommentVNode, openBlock, unref, mergeProps, withCtx, createVNode, normalizeProps, guardReactiveProps, createSlots, renderSlot, renderList } from "vue";
|
|
2
2
|
import { FormItem } from "tdesign-vue-next";
|
|
3
|
-
import { isEmpty } from "qidian-shared";
|
|
3
|
+
import { isEmpty, filterSlots } from "qidian-shared";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import QdGridItem from "../grid/item.vue.mjs";
|
|
6
6
|
import _sfc_main$1 from "../config-renderer/index.vue.mjs";
|
|
@@ -80,7 +80,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
80
80
|
class: "qd-form-item"
|
|
81
81
|
}, reProps.value.gridItemOptions), {
|
|
82
82
|
default: withCtx(() => [
|
|
83
|
-
createVNode(unref(FormItem), normalizeProps(guardReactiveProps(reProps.value.formItemOptions)), {
|
|
83
|
+
createVNode(unref(FormItem), normalizeProps(guardReactiveProps(reProps.value.formItemOptions)), createSlots({
|
|
84
84
|
default: withCtx(() => [
|
|
85
85
|
renderSlot(_ctx.$slots, "default", {
|
|
86
86
|
crudMode: reProps.value.formItemOptions.crudMode,
|
|
@@ -92,8 +92,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
92
92
|
}, reProps.value.configRendererOptions), null, 16)) : createCommentVNode("", true)
|
|
93
93
|
], true)
|
|
94
94
|
]),
|
|
95
|
-
_:
|
|
96
|
-
},
|
|
95
|
+
_: 2
|
|
96
|
+
}, [
|
|
97
|
+
renderList(unref(filterSlots)(_ctx.$slots, ["default"]), (name) => {
|
|
98
|
+
return {
|
|
99
|
+
name,
|
|
100
|
+
fn: withCtx((slotProps) => [
|
|
101
|
+
renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)), void 0, true)
|
|
102
|
+
])
|
|
103
|
+
};
|
|
104
|
+
})
|
|
105
|
+
]), 1040)
|
|
97
106
|
]),
|
|
98
107
|
_: 3
|
|
99
108
|
}, 16)) : createCommentVNode("", true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.vue2.mjs","sources":["../../../src/components/form/item.vue"],"sourcesContent":["<template>\n <qd-grid-item v-if=\"reIfRender !== false\" class=\"qd-form-item\" v-bind=\"reProps.gridItemOptions\">\n <t-form-item v-bind=\"reProps.formItemOptions\">\n <slot :crud-mode=\"reProps.formItemOptions.crudMode\" :context=\"context\">\n <qd-config-renderer\n v-if=\"reProps.configRendererOptions.config\"\n class=\"qd-form-item__component\"\n v-bind=\"reProps.configRendererOptions\"\n />\n </slot>\n </t-form-item>\n </qd-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n import type { QdFormItemProps } from './types'\n import type {\n QdConfigRendererProps,\n QdComputeFunction,\n QdAsyncComputeOptions\n } from '../config-renderer'\n import { computed } from 'vue'\n import { FormItem as TFormItem } from 'tdesign-vue-next'\n import { QdGridItem } from '../grid'\n import { QdConfigRenderer } from '../config-renderer'\n import { qdFormItemProps } from './props'\n import { qdUseComputeValue } from '../config-renderer/compute'\n import { isEmpty } from 'qidian-shared'\n\n defineOptions({\n name: 'QdFormItem'\n })\n\n const props = withDefaults(defineProps<QdFormItemProps>(), qdFormItemProps)\n\n // 处理 ifRender\n const reIfRender = computed(() => {\n const ifRender = props.ifRender\n if (isEmpty(ifRender)) return true\n\n if (\n (ifRender as QdComputeFunction<boolean>)?.__qdCompute ||\n (ifRender as QdAsyncComputeOptions<boolean>)?.__qdAsyncCompute\n ) {\n const { result } = qdUseComputeValue(\n ifRender as QdComputeFunction<boolean> | QdAsyncComputeOptions<boolean>,\n computed(() => props.context || {})\n )\n return result.value\n }\n\n return ifRender as boolean\n })\n\n const reProps = computed(() => {\n const { col, row, context, component, required, rules, ...formItemOptions } = props\n const reRules = rules || []\n\n if (component) {\n const comp = component.is\n const compName = (\n typeof comp === 'string' ? comp : !comp ? '' : 'name' in comp ? comp.name || '' : ''\n ).toLowerCase()\n const messagePrefix =\n compName.search('select') > -1 ||\n compName.search('checkbox') > -1 ||\n compName.search('radio') > -1\n ? '请选择'\n : compName.search('upload') > -1\n ? '请上传'\n : '请输入'\n\n if (required && !reRules.some((item) => item.required)) {\n if (required && typeof required === 'string') {\n reRules.push({ required: true, message: required })\n } else {\n reRules.push({ required: true, message: `${messagePrefix}${formItemOptions.label}` })\n }\n }\n\n component.placeholder =\n component.placeholder ??\n (compName.search('picker') > -1 || compName.search('upload') > -1\n ? ''\n : `${messagePrefix}${formItemOptions.label}`)\n component.clearable =\n component.clearable ?? (required ? false : (props.defaultClearable ?? true))\n }\n\n return {\n formItemOptions: {\n ...formItemOptions,\n rules: reRules\n },\n gridItemOptions: { col, row },\n configRendererOptions: { context, config: component } as QdConfigRendererProps\n }\n })\n</script>\n\n<style lang=\"less\" scoped>\n .qd-form-item {\n & > :deep(.t-form__item) {\n & > .t-form__controls > .t-form__controls-content > * {\n width: 100%;\n }\n }\n\n &__component {\n width: 100%;\n }\n }\n</style>\n"],"names":["_openBlock","_createBlock","_unref","_mergeProps","_createVNode","TFormItem","_normalizeProps","_guardReactiveProps","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"item.vue2.mjs","sources":["../../../src/components/form/item.vue"],"sourcesContent":["<template>\n <qd-grid-item v-if=\"reIfRender !== false\" class=\"qd-form-item\" v-bind=\"reProps.gridItemOptions\">\n <t-form-item v-bind=\"reProps.formItemOptions\">\n <slot :crud-mode=\"reProps.formItemOptions.crudMode\" :context=\"context\">\n <qd-config-renderer\n v-if=\"reProps.configRendererOptions.config\"\n class=\"qd-form-item__component\"\n v-bind=\"reProps.configRendererOptions\"\n />\n </slot>\n\n <template v-for=\"name in filterSlots($slots, ['default'])\" #[name]=\"slotProps\">\n <slot :name=\"name\" v-bind=\"slotProps\" />\n </template>\n </t-form-item>\n </qd-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n import type { QdFormItemProps } from './types'\n import type {\n QdConfigRendererProps,\n QdComputeFunction,\n QdAsyncComputeOptions\n } from '../config-renderer'\n import { computed } from 'vue'\n import { FormItem as TFormItem } from 'tdesign-vue-next'\n import { QdGridItem } from '../grid'\n import { QdConfigRenderer } from '../config-renderer'\n import { qdFormItemProps } from './props'\n import { qdUseComputeValue } from '../config-renderer/compute'\n import { filterSlots, isEmpty } from 'qidian-shared'\n\n defineOptions({\n name: 'QdFormItem'\n })\n\n const props = withDefaults(defineProps<QdFormItemProps>(), qdFormItemProps)\n\n // 处理 ifRender\n const reIfRender = computed(() => {\n const ifRender = props.ifRender\n if (isEmpty(ifRender)) return true\n\n if (\n (ifRender as QdComputeFunction<boolean>)?.__qdCompute ||\n (ifRender as QdAsyncComputeOptions<boolean>)?.__qdAsyncCompute\n ) {\n const { result } = qdUseComputeValue(\n ifRender as QdComputeFunction<boolean> | QdAsyncComputeOptions<boolean>,\n computed(() => props.context || {})\n )\n return result.value\n }\n\n return ifRender as boolean\n })\n\n const reProps = computed(() => {\n const { col, row, context, component, required, rules, ...formItemOptions } = props\n const reRules = rules || []\n\n if (component) {\n const comp = component.is\n const compName = (\n typeof comp === 'string' ? comp : !comp ? '' : 'name' in comp ? comp.name || '' : ''\n ).toLowerCase()\n const messagePrefix =\n compName.search('select') > -1 ||\n compName.search('checkbox') > -1 ||\n compName.search('radio') > -1\n ? '请选择'\n : compName.search('upload') > -1\n ? '请上传'\n : '请输入'\n\n if (required && !reRules.some((item) => item.required)) {\n if (required && typeof required === 'string') {\n reRules.push({ required: true, message: required })\n } else {\n reRules.push({ required: true, message: `${messagePrefix}${formItemOptions.label}` })\n }\n }\n\n component.placeholder =\n component.placeholder ??\n (compName.search('picker') > -1 || compName.search('upload') > -1\n ? ''\n : `${messagePrefix}${formItemOptions.label}`)\n component.clearable =\n component.clearable ?? (required ? false : (props.defaultClearable ?? true))\n }\n\n return {\n formItemOptions: {\n ...formItemOptions,\n rules: reRules\n },\n gridItemOptions: { col, row },\n configRendererOptions: { context, config: component } as QdConfigRendererProps\n }\n })\n</script>\n\n<style lang=\"less\" scoped>\n .qd-form-item {\n & > :deep(.t-form__item) {\n & > .t-form__controls > .t-form__controls-content > * {\n width: 100%;\n }\n }\n\n &__component {\n width: 100%;\n }\n }\n</style>\n"],"names":["_openBlock","_createBlock","_unref","_mergeProps","_createVNode","TFormItem","_normalizeProps","_guardReactiveProps","_createSlots","_renderSlot","$slots","_withCtx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCE,UAAM,QAAQ;AAGd,UAAM,aAAa,SAAS,MAAM;AAChC,YAAM,WAAW,MAAM;AACvB,UAAI,QAAQ,QAAQ,EAAG,QAAO;AAE9B,UACG,UAAyC,eACzC,UAA6C,kBAC9C;AACA,cAAM,EAAE,WAAW;AAAA,UACjB;AAAA,UACA,SAAS,MAAM,MAAM,WAAW,CAAA,CAAE;AAAA,QAAA;AAEpC,eAAO,OAAO;AAAA,MAChB;AAEA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,EAAE,KAAK,KAAK,SAAS,WAAW,UAAU,OAAO,GAAG,gBAAA,IAAoB;AAC9E,YAAM,UAAU,SAAS,CAAA;AAEzB,UAAI,WAAW;AACb,cAAM,OAAO,UAAU;AACvB,cAAM,YACJ,OAAO,SAAS,WAAW,OAAO,CAAC,OAAO,KAAK,UAAU,OAAO,KAAK,QAAQ,KAAK,IAClF,YAAA;AACF,cAAM,gBACJ,SAAS,OAAO,QAAQ,IAAI,MAC5B,SAAS,OAAO,UAAU,IAAI,MAC9B,SAAS,OAAO,OAAO,IAAI,KACvB,QACA,SAAS,OAAO,QAAQ,IAAI,KAC1B,QACA;AAER,YAAI,YAAY,CAAC,QAAQ,KAAK,CAAC,SAAS,KAAK,QAAQ,GAAG;AACtD,cAAI,YAAY,OAAO,aAAa,UAAU;AAC5C,oBAAQ,KAAK,EAAE,UAAU,MAAM,SAAS,UAAU;AAAA,UACpD,OAAO;AACL,oBAAQ,KAAK,EAAE,UAAU,MAAM,SAAS,GAAG,aAAa,GAAG,gBAAgB,KAAK,GAAA,CAAI;AAAA,UACtF;AAAA,QACF;AAEA,kBAAU,cACR,UAAU,gBACT,SAAS,OAAO,QAAQ,IAAI,MAAM,SAAS,OAAO,QAAQ,IAAI,KAC3D,KACA,GAAG,aAAa,GAAG,gBAAgB,KAAK;AAC9C,kBAAU,YACR,UAAU,cAAc,WAAW,QAAS,MAAM,oBAAoB;AAAA,MAC1E;AAEA,aAAO;AAAA,QACL,iBAAiB;AAAA,UACf,GAAG;AAAA,UACH,OAAO;AAAA,QAAA;AAAA,QAET,iBAAiB,EAAE,KAAK,IAAA;AAAA,QACxB,uBAAuB,EAAE,SAAS,QAAQ,UAAA;AAAA,MAAU;AAAA,IAExD,CAAC;;aApGmB,WAAA,UAAU,SAA9BA,UAAA,GAAAC,YAceC,mBAdfC,WAce;AAAA;QAd2B,OAAM;AAAA,MAAA,GAAuB,QAAA,MAAQ,eAAe,GAAA;AAAA,yBAC5F,MAYc;AAAA,UAZdC,YAYcF,MAAAG,QAAA,GAAAC,eAAAC,mBAZO,QAAA,MAAQ,eAAe,CAAA,GAAAC,YAAA;AAAA,6BAC1C,MAMO;AAAA,cANPC,WAMO,KAAA,QAAA,WAAA;AAAA,gBANA,UAAW,QAAA,MAAQ,gBAAgB;AAAA,gBAAW,SAAS,QAAA;AAAA,cAAA,GAA9D,MAMO;AAAA,gBAJG,QAAA,MAAQ,sBAAsB,UADtCT,aAAAC,YAIEC,oBAJFC,WAIE;AAAA;kBAFA,OAAM;AAAA,gBAAA,GACE,QAAA,MAAQ,qBAAqB,GAAA,MAAA,EAAA;;;;;uBAIhBD,MAAA,WAAA,EAAYQ,KAAAA,QAAM,CAAA,SAAA,CAAA,GAAA,CAA1B,SAAI;;;gBACnB,IAAAC,QAAA,CADkE,cAAS;AAAA,kBAC3EF,WAAwC,KAAA,QAA3B,MAAIH,eAAAC,mBAAU,SAAS,CAAA,GAAA,QAAA,IAAA;AAAA,gBAAA;;;;;;;;;;"}
|
package/dist/qidian-vue-ui.css
CHANGED
|
@@ -163,10 +163,10 @@ p {
|
|
|
163
163
|
.qd-grid-item[data-v-f8a13f89] {
|
|
164
164
|
min-width: 0;
|
|
165
165
|
}
|
|
166
|
-
.qd-form-item[data-v-
|
|
166
|
+
.qd-form-item[data-v-3b3090b0] > .t-form__item > .t-form__controls > .t-form__controls-content > * {
|
|
167
167
|
width: 100%;
|
|
168
168
|
}
|
|
169
|
-
.qd-form-item__component[data-v-
|
|
169
|
+
.qd-form-item__component[data-v-3b3090b0] {
|
|
170
170
|
width: 100%;
|
|
171
171
|
}
|
|
172
172
|
.qd-form--descriptions[data-v-a511737b] .qd-grid {
|