@dinert/element-plus 1.0.0 → 1.0.2
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/README.md +335 -36
- package/dist/element-plus.umd.js +2 -0
- package/dist/element-plus.umd.js.map +1 -0
- package/dist/style.css +1 -0
- package/es/node_modules/@element-plus/icons-vue/dist/index.mjs +66 -0
- package/es/node_modules/@element-plus/icons-vue/dist/index.mjs.map +1 -0
- package/es/packages/assets/scss/dinert-form.scss.mjs +5 -0
- package/es/packages/assets/scss/dinert-form.scss.mjs.map +1 -0
- package/es/packages/assets/scss/dinert-table-page.scss.mjs +5 -0
- package/es/packages/assets/scss/dinert-table-page.scss.mjs.map +1 -0
- package/es/packages/assets/scss/dinert-table.scss.mjs +5 -0
- package/es/packages/assets/scss/dinert-table.scss.mjs.map +1 -0
- package/es/packages/assets/scss/dinert-tooltip.scss.mjs +5 -0
- package/es/packages/assets/scss/dinert-tooltip.scss.mjs.map +1 -0
- package/es/packages/components/form/index.mjs +10 -0
- package/es/packages/components/form/index.mjs.map +1 -0
- package/es/packages/components/form/src/cascader.mjs +49 -0
- package/es/packages/components/form/src/cascader.mjs.map +1 -0
- package/es/packages/components/form/src/checkbox.mjs +44 -0
- package/es/packages/components/form/src/checkbox.mjs.map +1 -0
- package/es/packages/components/form/src/date.mjs +47 -0
- package/es/packages/components/form/src/date.mjs.map +1 -0
- package/es/packages/components/form/src/index.mjs +229 -0
- package/es/packages/components/form/src/index.mjs.map +1 -0
- package/es/packages/components/form/src/input-autocomplete.mjs +35 -0
- package/es/packages/components/form/src/input-autocomplete.mjs.map +1 -0
- package/es/packages/components/form/src/input-number.mjs +39 -0
- package/es/packages/components/form/src/input-number.mjs.map +1 -0
- package/es/packages/components/form/src/input.mjs +43 -0
- package/es/packages/components/form/src/input.mjs.map +1 -0
- package/es/packages/components/form/src/radio.mjs +48 -0
- package/es/packages/components/form/src/radio.mjs.map +1 -0
- package/es/packages/components/form/src/rate.mjs +35 -0
- package/es/packages/components/form/src/rate.mjs.map +1 -0
- package/es/packages/components/form/src/select.mjs +45 -0
- package/es/packages/components/form/src/select.mjs.map +1 -0
- package/es/packages/components/form/src/switch.mjs +36 -0
- package/es/packages/components/form/src/switch.mjs.map +1 -0
- package/es/packages/components/form/src/tree-select.mjs +43 -0
- package/es/packages/components/form/src/tree-select.mjs.map +1 -0
- package/es/packages/components/form/utils/index.mjs +49 -0
- package/es/packages/components/form/utils/index.mjs.map +1 -0
- package/es/packages/components/index.mjs +11 -0
- package/es/packages/components/index.mjs.map +1 -0
- package/es/packages/components/table/hooks/index.mjs +30 -0
- package/es/packages/components/table/hooks/index.mjs.map +1 -0
- package/es/packages/components/table/index.mjs +10 -0
- package/es/packages/components/table/index.mjs.map +1 -0
- package/es/packages/components/table/src/index.mjs +177 -0
- package/es/packages/components/table/src/index.mjs.map +1 -0
- package/es/packages/components/table/src/recuve-table-column.mjs +235 -0
- package/es/packages/components/table/src/recuve-table-column.mjs.map +1 -0
- package/es/packages/components/table-page/index.mjs +10 -0
- package/es/packages/components/table-page/index.mjs.map +1 -0
- package/es/packages/components/table-page/src/index.mjs +77 -0
- package/es/packages/components/table-page/src/index.mjs.map +1 -0
- package/es/packages/components/tooltip/index.mjs +10 -0
- package/es/packages/components/tooltip/index.mjs.map +1 -0
- package/es/packages/components/tooltip/src/index.mjs +56 -0
- package/es/packages/components/tooltip/src/index.mjs.map +1 -0
- package/es/packages/hooks/useTablePage/index.mjs +136 -0
- package/es/packages/hooks/useTablePage/index.mjs.map +1 -0
- package/es/packages/hooks/useWindowResize.mjs +16 -0
- package/es/packages/hooks/useWindowResize.mjs.map +1 -0
- package/es/packages/index.mjs +21 -0
- package/es/packages/index.mjs.map +1 -0
- package/es/packages/utils/tools.mjs +54 -0
- package/es/packages/utils/tools.mjs.map +1 -0
- package/es/src/components/form/index.d.ts +32 -0
- package/es/src/components/form/src/checkbox.d.ts +28 -0
- package/es/src/components/form/src/date.d.ts +28 -0
- package/es/src/components/form/src/index.d.ts +32 -0
- package/es/src/components/form/src/input-autocomplete.d.ts +28 -0
- package/es/src/components/form/src/input-number.d.ts +28 -0
- package/es/src/components/form/src/input.d.ts +28 -0
- package/es/src/components/form/src/radio.d.ts +28 -0
- package/es/src/components/form/src/rate.d.ts +28 -0
- package/es/src/components/form/src/switch.d.ts +28 -0
- package/es/src/components/form/src/tree-select.d.ts +39 -0
- package/es/src/components/form/types/index.d.ts +41 -0
- package/es/src/components/form/utils/index.d.ts +5 -0
- package/es/src/components/index.d.ts +7 -0
- package/es/src/components/table/hooks/index.d.ts +14 -0
- package/es/src/components/table/index.d.ts +608 -0
- package/es/src/components/table/src/index.d.ts +609 -0
- package/es/src/components/table/src/recuve-table-column.d.ts +43 -0
- package/es/src/components/table/types/index.d.ts +82 -0
- package/es/src/components/table-page/index.d.ts +1329 -0
- package/es/src/components/table-page/src/index.d.ts +1330 -0
- package/es/src/components/tooltip/index.d.ts +60 -0
- package/es/src/components/tooltip/src/index.d.ts +59 -0
- package/es/src/components/tooltip/types/index.d.ts +10 -0
- package/es/src/hooks/useTablePage/index.d.ts +49 -0
- package/es/src/hooks/useTablePage/types/index.d.ts +29 -0
- package/es/src/hooks/useWindowResize.d.ts +2 -0
- package/es/src/index.d.ts +7 -0
- package/es/src/utils/tools.d.ts +19 -0
- package/es/src/views/test-table/data.d.ts +21 -0
- package/es/src/views/test-table/tableColumns.d.ts +9 -0
- package/es/src/views/test-table-page/data.d.ts +2 -0
- package/es/src/views/test-table-page/formItem.d.ts +1 -0
- package/es/src/views/test-table-page/types/index.d.ts +23 -0
- package/es/style.css +1 -0
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -0
- package/lib/src/components/form/index.d.ts +32 -0
- package/lib/src/components/form/src/checkbox.d.ts +28 -0
- package/lib/src/components/form/src/date.d.ts +28 -0
- package/lib/src/components/form/src/index.d.ts +32 -0
- package/lib/src/components/form/src/input-autocomplete.d.ts +28 -0
- package/lib/src/components/form/src/input-number.d.ts +28 -0
- package/lib/src/components/form/src/input.d.ts +28 -0
- package/lib/src/components/form/src/radio.d.ts +28 -0
- package/lib/src/components/form/src/rate.d.ts +28 -0
- package/lib/src/components/form/src/switch.d.ts +28 -0
- package/lib/src/components/form/src/tree-select.d.ts +39 -0
- package/lib/src/components/form/types/index.d.ts +41 -0
- package/lib/src/components/form/utils/index.d.ts +5 -0
- package/lib/src/components/index.d.ts +7 -0
- package/lib/src/components/table/hooks/index.d.ts +14 -0
- package/lib/src/components/table/index.d.ts +608 -0
- package/lib/src/components/table/src/index.d.ts +609 -0
- package/lib/src/components/table/src/recuve-table-column.d.ts +43 -0
- package/lib/src/components/table/types/index.d.ts +82 -0
- package/lib/src/components/table-page/index.d.ts +1329 -0
- package/lib/src/components/table-page/src/index.d.ts +1330 -0
- package/lib/src/components/tooltip/index.d.ts +60 -0
- package/lib/src/components/tooltip/src/index.d.ts +59 -0
- package/lib/src/components/tooltip/types/index.d.ts +10 -0
- package/lib/src/hooks/useTablePage/index.d.ts +49 -0
- package/lib/src/hooks/useTablePage/types/index.d.ts +29 -0
- package/lib/src/hooks/useWindowResize.d.ts +2 -0
- package/lib/src/index.d.ts +7 -0
- package/lib/src/utils/tools.d.ts +19 -0
- package/lib/src/views/test-table/data.d.ts +21 -0
- package/lib/src/views/test-table/tableColumns.d.ts +9 -0
- package/lib/src/views/test-table-page/data.d.ts +2 -0
- package/lib/src/views/test-table-page/formItem.d.ts +1 -0
- package/lib/src/views/test-table-page/types/index.d.ts +23 -0
- package/lib/style.css +1 -0
- package/package.json +92 -86
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dinert-form.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dinert-table-page.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dinert-table.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dinert-tooltip.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../packages/components/form/index.ts"],"sourcesContent":["import _Form from './src'\n\nimport type {App, Plugin} from 'vue'\ntype SFCWithInstall<T> = T & Plugin\nconst withInstall = <T>(comp: T) => {\n (comp as SFCWithInstall<T>).install = (app: App) => {\n const name = (comp as any).name\n // 注册组件\n app.component(name, comp as SFCWithInstall<T>)\n }\n return comp as SFCWithInstall<T>\n}\nexport const Form = withInstall(_Form)\nexport default Form\n"],"names":["withInstall","comp","app","name","Form","_Form"],"mappings":";AAIA,MAAMA,IAAc,CAAIC,OACnBA,EAA2B,UAAU,CAACC,MAAa;AAChD,QAAMC,IAAQF,EAAa;AAEvB,EAAAC,EAAA,UAAUC,GAAMF,CAAyB;AAAA,GAE1CA,IAEEG,IAAOJ,EAAYK,CAAK;"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { defineComponent as r, computed as l, createVNode as s, resolveComponent as m, mergeProps as n } from "vue";
|
|
2
|
+
import { customPlaceholder as p } from "../utils/index.mjs";
|
|
3
|
+
const d = /* @__PURE__ */ r({
|
|
4
|
+
name: "dinert-cascader",
|
|
5
|
+
props: {
|
|
6
|
+
form: {
|
|
7
|
+
type: Object,
|
|
8
|
+
default: () => ({})
|
|
9
|
+
},
|
|
10
|
+
formItem: {
|
|
11
|
+
type: Object,
|
|
12
|
+
default: () => ({})
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
setup(e) {
|
|
16
|
+
return {
|
|
17
|
+
options: l(() => e.formItem.options || {
|
|
18
|
+
on: {},
|
|
19
|
+
options: [],
|
|
20
|
+
props: {
|
|
21
|
+
children: "children",
|
|
22
|
+
value: "value",
|
|
23
|
+
label: "label"
|
|
24
|
+
}
|
|
25
|
+
})
|
|
26
|
+
};
|
|
27
|
+
},
|
|
28
|
+
render() {
|
|
29
|
+
var o;
|
|
30
|
+
let e = (o = this.options.props) == null ? void 0 : o.emitPath;
|
|
31
|
+
return e = e === void 0 ? !1 : e, s("div", null, [s(m("el-cascader"), n({
|
|
32
|
+
modelValue: this.form.model[this.formItem.key],
|
|
33
|
+
"onUpdate:modelValue": (t) => this.form.model[this.formItem.key] = t,
|
|
34
|
+
clearable: !0,
|
|
35
|
+
placeholder: p(this.formItem.label, "select")
|
|
36
|
+
}, this.options, {
|
|
37
|
+
props: {
|
|
38
|
+
...this.options.props,
|
|
39
|
+
emitPath: e
|
|
40
|
+
}
|
|
41
|
+
}, this.options.on, {
|
|
42
|
+
key: this.formItem.key
|
|
43
|
+
}), this.$slots)]);
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
export {
|
|
47
|
+
d as default
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=cascader.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cascader.mjs","sources":["../../../../../packages/components/form/src/cascader.tsx"],"sourcesContent":["import {computed, defineComponent} from 'vue'\nimport {customPlaceholder} from '../utils'\n\nimport type {RewriteFormProps, CustomFormItemProps} from '@packages/components/form/types'\nimport type {PropType} from 'vue'\nimport type {CascaderInstance, CascaderProps} from 'element-plus'\n\nexport default defineComponent({\n name: 'dinert-cascader',\n props: {\n form: {\n type: Object as PropType<RewriteFormProps>,\n default: () => ({})\n },\n formItem: {\n type: Object as PropType<CustomFormItemProps<Partial<CascaderInstance>>>,\n default: () => ({})\n },\n },\n setup(props) {\n\n const options = computed(() => {\n const options = props.formItem.options || {\n on: {}, options: [], props: {\n children: 'children',\n value: 'value',\n label: 'label',\n }\n }\n return options\n })\n\n return {\n options\n }\n },\n render() {\n let emitPath = (this.options.props as CascaderProps)?.emitPath\n emitPath = emitPath === undefined ? false : emitPath\n return (\n <div>\n <el-cascader\n v-model={this.form.model[this.formItem.key]}\n clearable\n placeholder={customPlaceholder(this.formItem.label, 'select')}\n {...this.options}\n props={\n {\n ...this.options.props,\n emitPath\n }\n }\n {...this.options.on}\n v-slots={this.$slots}\n key={this.formItem.key}\n >\n </el-cascader>\n </div>\n )\n }\n})\n\n"],"names":["defineComponent","name","props","form","type","Object","default","formItem","setup","options","computed","on","children","value","label","render","emitPath","_a","undefined","_createVNode","_resolveComponent","_mergeProps","model","key","$event","customPlaceholder","$slots"],"mappings":";;AAOA,MAAeA,sBAAgB;AAAA,EAC3BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACHC,MAAM;AAAA,MACFC,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDC,UAAU;AAAA,MACNH,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACpB;AAAA,EACH;AAAA,EACDE,MAAMN,GAAO;AAaT,WAAO;AAAA,MACHO,SAZYC,EAAS,MACLR,EAAMK,SAASE,WAAW;AAAA,QACtCE,IAAI,CAAE;AAAA,QAAEF,SAAS,CAAE;AAAA,QAAEP,OAAO;AAAA,UACxBU,UAAU;AAAA,UACVC,OAAO;AAAA,UACPC,OAAO;AAAA,QACX;AAAA,OAGP;AAAA;EAKJ;AAAA,EACDC,SAAS;;AACL,QAAIC,KAAYC,IAAA,KAAKR,QAAQP,UAAb,gBAAAe,EAAsCD;AACtDA,WAAAA,IAAWA,MAAaE,SAAY,KAAQF,GAC5CG,EAAAA,OAAAA,MAAAA,CAAAA,EAAAC,kBAAAC,EAAA;AAAA,MAAA,YAGqB,KAAKlB,KAAKmB,MAAM,KAAKf,SAASgB,GAAG;AAAA,MAAC,uBAAAC,CAAAA,MAAlC,KAAKrB,KAAKmB,MAAM,KAAKf,SAASgB,GAAG,IAACC;AAAAA,MAAA,WAAA;AAAA,MAAA,aAE9BC,EAAkB,KAAKlB,SAASO,OAAO,QAAQ;AAAA,OACxD,KAAKL,SAAO;AAAA,MAAA,OAEZ;AAAA,QACI,GAAG,KAAKA,QAAQP;AAAAA,QAChBc,UAAAA;AAAAA,MACJ;AAAA,IAAC,GAED,KAAKP,QAAQE,IAAE;AAAA,MAAA,KAEd,KAAKJ,SAASgB;AAAAA,IADV,CAAA,GAAA,KAAKG,MAAM,CAAA,CAAA;AAAA,EAMpC;AACJ,CAAC;"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { defineComponent as l, computed as s, createVNode as n, resolveComponent as r, mergeProps as p, isVNode as c } from "vue";
|
|
2
|
+
function i(o) {
|
|
3
|
+
return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !c(o);
|
|
4
|
+
}
|
|
5
|
+
const a = /* @__PURE__ */ l({
|
|
6
|
+
name: "dinert-checkbox",
|
|
7
|
+
props: {
|
|
8
|
+
form: {
|
|
9
|
+
type: Object,
|
|
10
|
+
default: () => ({})
|
|
11
|
+
},
|
|
12
|
+
formItem: {
|
|
13
|
+
type: Object,
|
|
14
|
+
default: () => ({})
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
setup(o) {
|
|
18
|
+
return {
|
|
19
|
+
options: s(() => o.formItem.options || {
|
|
20
|
+
on: {}
|
|
21
|
+
})
|
|
22
|
+
};
|
|
23
|
+
},
|
|
24
|
+
render() {
|
|
25
|
+
let o;
|
|
26
|
+
const t = this.options.options || [];
|
|
27
|
+
return n(r("el-checkbox-group"), {
|
|
28
|
+
modelValue: this.form.model[this.formItem.key],
|
|
29
|
+
"onUpdate:modelValue": (e) => this.form.model[this.formItem.key] = e
|
|
30
|
+
}, i(o = t.map((e) => n(r("el-checkbox"), p({
|
|
31
|
+
key: e.label
|
|
32
|
+
}, e, {
|
|
33
|
+
label: e[this.options.value] || e.value
|
|
34
|
+
}), {
|
|
35
|
+
default: () => [e[this.options.label] || e.label]
|
|
36
|
+
}))) ? o : {
|
|
37
|
+
default: () => [o]
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
export {
|
|
42
|
+
a as default
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=checkbox.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.mjs","sources":["../../../../../packages/components/form/src/checkbox.tsx"],"sourcesContent":["import {computed, defineComponent} from 'vue'\n\nimport type {RewriteFormProps, CustomFormItemProps} from '@packages/components/form/types'\nimport type {PropType} from 'vue'\nimport type {CheckboxProps, CheckboxGroupProps} from 'element-plus'\n\nexport default defineComponent({\n name: 'dinert-checkbox',\n props: {\n form: {\n type: Object as PropType<RewriteFormProps>,\n default: () => ({})\n },\n formItem: {\n type: Object as PropType<CustomFormItemProps<Partial<CheckboxGroupProps>>>,\n default: () => ({})\n },\n },\n setup(props) {\n\n const options = computed(() => {\n const options = props.formItem.options || {on: {}}\n return options\n })\n\n return {\n options,\n }\n },\n render() {\n const options = this.options.options || []\n return (\n <el-checkbox-group v-model={this.form.model[this.formItem.key]}>\n {\n options.map((item: CheckboxProps & {value: any}) => {\n return (<el-checkbox\n key={item.label}\n {...item}\n label={(item as any)[this.options.value] || item.value}\n >\n {(item as any)[this.options.label] || item.label}\n </el-checkbox>)\n })\n }\n </el-checkbox-group>\n\n )\n }\n})\n\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","form","type","default","formItem","setup","options","computed","on","render","_slot","_createVNode","_resolveComponent","model","key","$event","map","item","_mergeProps","label","value"],"mappings":";AAA6C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,EAAAL,CAAA;AAAA;AAM7C,MAAeM,sBAAgB;AAAA,EAC3BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACHC,MAAM;AAAA,MACFC,MAAMT;AAAAA,MACNU,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDC,UAAU;AAAA,MACNF,MAAMT;AAAAA,MACNU,SAASA,OAAO,CAAA;AAAA,IACpB;AAAA,EACH;AAAA,EACDE,MAAML,GAAO;AAOT,WAAO;AAAA,MACHM,SANYC,EAAS,MACLP,EAAMI,SAASE,WAAW;AAAA,QAACE,IAAI,CAAC;AAAA,OAEnD;AAAA;EAKJ;AAAA,EACDC,SAAS;AAAA,QAAAC;AACL,UAAMJ,IAAU,KAAKA,QAAQA,WAAW,CAAA;AACxC,WAAAK,EAAAC,EAAA,mBAAA,GAAA;AAAA,MAAA,YACgC,KAAKX,KAAKY,MAAM,KAAKT,SAASU,GAAG;AAAA,MAAC,uBAAAC,CAAAA,MAAlC,KAAKd,KAAKY,MAAM,KAAKT,SAASU,GAAG,IAACC;AAAAA,IAAAxB,GAAAA,EAAAmB,IAEtDJ,EAAQU,IAAKC,CAAAA,MACTN,EAAAC,EAAA,aAAA,GAAAM,EAAA;AAAA,MAAA,KACSD,EAAKE;AAAAA,IAAK,GACXF,GAAI;AAAA,MAAA,OACAA,EAAa,KAAKX,QAAQc,KAAK,KAAKH,EAAKG;AAAAA,IAAK,CAAA,GAAA;AAAA,MAAAjB,SAAAA,MAEpDc,CAAAA,EAAa,KAAKX,QAAQa,KAAK,KAAKF,EAAKE,KAAK;AAAA,IAAA,CAAA,CAEvD,CAAC,IAAAT,IAAA;AAAA,MAAAP,SAAAA,MAAA,CAAAO,CAAA;AAAA,IAAA,CAAA;AAAA,EAKlB;AACJ,CAAC;"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { defineComponent as i, computed as l, createVNode as s, resolveComponent as a, mergeProps as m } from "vue";
|
|
2
|
+
import { Calendar as p } from "../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
|
|
3
|
+
import { customPlaceholder as o } from "../utils/index.mjs";
|
|
4
|
+
const r = (e, n) => {
|
|
5
|
+
const t = n.type;
|
|
6
|
+
return ["week"].includes(t) ? "周" : ["month", "monthrange"].includes(t) ? "月份" : ["year", "yearrange"].includes(t) ? "年份" : "时间";
|
|
7
|
+
}, d = (e) => ["datetime", "datetimerange"].includes(e.type) ? "YYYY-MM-DD HH:mm:ss" : e.type === "year" ? "YYYY" : ["month", "monthrange"].includes(e.type) ? "YYYY-MM" : ["date", "daterange", "dates"].includes(e.type) ? "YYYY-MM-DD" : "", h = /* @__PURE__ */ i({
|
|
8
|
+
name: "dinert-date",
|
|
9
|
+
props: {
|
|
10
|
+
form: {
|
|
11
|
+
type: Object,
|
|
12
|
+
default: () => ({})
|
|
13
|
+
},
|
|
14
|
+
formItem: {
|
|
15
|
+
type: Object,
|
|
16
|
+
default: () => ({})
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
setup(e) {
|
|
20
|
+
return {
|
|
21
|
+
options: l(() => {
|
|
22
|
+
const t = e.formItem.options || {
|
|
23
|
+
on: {}
|
|
24
|
+
};
|
|
25
|
+
return t.type = e.formItem.type, t;
|
|
26
|
+
})
|
|
27
|
+
};
|
|
28
|
+
},
|
|
29
|
+
render() {
|
|
30
|
+
return s("div", null, [s(a("el-date-picker"), m({
|
|
31
|
+
modelValue: this.form.model[this.formItem.key],
|
|
32
|
+
"onUpdate:modelValue": (e) => this.form.model[this.formItem.key] = e,
|
|
33
|
+
prefixIcon: p,
|
|
34
|
+
clearable: !0,
|
|
35
|
+
placeholder: o(r(this.options.label || "", this.options), "select"),
|
|
36
|
+
startPlaceholder: o(r(this.options.label || "", this.options), "input", "开始"),
|
|
37
|
+
endPlaceholder: o(r(this.options.label || "", this.options), "input", "结束"),
|
|
38
|
+
"unlink-panels": !0,
|
|
39
|
+
valueFormat: d(this.options),
|
|
40
|
+
format: this.options.type === "week" ? "YYYY第ww周" : this.options.format
|
|
41
|
+
}, this.options, this.options.on), this.$slots)]);
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
export {
|
|
45
|
+
h as default
|
|
46
|
+
};
|
|
47
|
+
//# sourceMappingURL=date.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date.mjs","sources":["../../../../../packages/components/form/src/date.tsx"],"sourcesContent":["import {computed, defineComponent} from 'vue'\nimport {Calendar} from '@element-plus/icons-vue'\nimport {DatePickerProps} from 'element-plus'\nimport {customPlaceholder} from '../utils'\n\n\nimport type {RewriteFormProps, CustomFormItemProps} from '@packages/components/form/types'\nimport type {PropType} from 'vue'\n\n\nconst datePickerPlaceholder = (_label: string, item: any) => {\n const type = item.type\n if (['week'].includes(type)) {\n return '周'\n } else if (['month', 'monthrange'].includes(type)) {\n return '月份'\n } else if (['year', 'yearrange'].includes(type)) {\n return '年份'\n }\n return '时间'\n}\n\nconst customValuFormat = (options: any): string => {\n if (['datetime', 'datetimerange'].includes(options.type)) {\n return 'YYYY-MM-DD HH:mm:ss'\n } else if (options.type === 'year') {\n return 'YYYY'\n } else if (['month', 'monthrange'].includes(options.type)) {\n return 'YYYY-MM'\n } else if (['date', 'daterange', 'dates'].includes(options.type)) {\n return 'YYYY-MM-DD'\n }\n return ''\n}\nexport default defineComponent({\n name: 'dinert-date',\n props: {\n form: {\n type: Object as PropType<RewriteFormProps>,\n default: () => ({})\n },\n formItem: {\n type: Object as PropType<CustomFormItemProps<Partial<DatePickerProps>>>,\n default: () => ({})\n },\n },\n setup(props) {\n\n const options = computed(() => {\n const options = props.formItem.options || {on: {}};\n (options).type = props.formItem.type\n return options\n })\n\n return {\n options\n }\n },\n render() {\n\n return (\n <div>\n <el-date-picker\n v-model={this.form.model[this.formItem.key]}\n prefixIcon={Calendar}\n clearable\n placeholder={customPlaceholder(datePickerPlaceholder(this.options.label || '', this.options), 'select')}\n startPlaceholder={customPlaceholder(datePickerPlaceholder(this.options.label || '', this.options), 'input', '开始')}\n endPlaceholder={customPlaceholder(datePickerPlaceholder(this.options.label || '', this.options), 'input', '结束')}\n unlink-panels={true}\n valueFormat={customValuFormat(this.options)}\n format={this.options.type === 'week' ? 'YYYY第ww周' : this.options.format}\n {...this.options}\n {...this.options.on}\n v-slots={this.$slots}\n >\n </el-date-picker>\n </div>\n\n )\n }\n})\n\n"],"names":["datePickerPlaceholder","_label","item","type","includes","customValuFormat","options","defineComponent","name","props","form","Object","default","formItem","setup","computed","on","render","_createVNode","_resolveComponent","_mergeProps","model","key","$event","Calendar","customPlaceholder","label","format","$slots"],"mappings":";;;AAUA,MAAMA,IAAwBA,CAACC,GAAgBC,MAAc;AACzD,QAAMC,IAAOD,EAAKC;AAClB,SAAI,CAAC,MAAM,EAAEC,SAASD,CAAI,IACf,MACA,CAAC,SAAS,YAAY,EAAEC,SAASD,CAAI,IACrC,OACA,CAAC,QAAQ,WAAW,EAAEC,SAASD,CAAI,IACnC,OAEJ;AACX,GAEME,IAAoBC,CAAAA,MAClB,CAAC,YAAY,eAAe,EAAEF,SAASE,EAAQH,IAAI,IAC5C,wBACAG,EAAQH,SAAS,SACjB,SACA,CAAC,SAAS,YAAY,EAAEC,SAASE,EAAQH,IAAI,IAC7C,YACA,CAAC,QAAQ,aAAa,OAAO,EAAEC,SAASE,EAAQH,IAAI,IACpD,eAEJ,IAEII,sBAAgB;AAAA,EAC3BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACHC,MAAM;AAAA,MACFP,MAAMQ;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDC,UAAU;AAAA,MACNV,MAAMQ;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACpB;AAAA,EACH;AAAA,EACDE,MAAML,GAAO;AAQT,WAAO;AAAA,MACHH,SAPYS,EAAS,MAAM;AAC3B,cAAMT,IAAUG,EAAMI,SAASP,WAAW;AAAA,UAACU,IAAI,CAAC;AAAA;AAC/CV,eAAAA,EAASH,OAAOM,EAAMI,SAASV,MACzBG;AAAAA,MACX,CAAC;AAAA;EAKJ;AAAA,EACDW,SAAS;AAEL,WAAAC,EAAAA,OAAAA,MAAAA,CAAAA,EAAAC,qBAAAC,EAAA;AAAA,MAAA,YAGqB,KAAKV,KAAKW,MAAM,KAAKR,SAASS,GAAG;AAAA,MAAC,uBAAAC,CAAAA,MAAlC,KAAKb,KAAKW,MAAM,KAAKR,SAASS,GAAG,IAACC;AAAAA,MAAA,YAC/BC;AAAAA,MAAQ,WAAA;AAAA,MAAA,aAEPC,EAAkBzB,EAAsB,KAAKM,QAAQoB,SAAS,IAAI,KAAKpB,OAAO,GAAG,QAAQ;AAAA,MAAC,kBACrFmB,EAAkBzB,EAAsB,KAAKM,QAAQoB,SAAS,IAAI,KAAKpB,OAAO,GAAG,SAAS,IAAI;AAAA,MAAC,gBACjGmB,EAAkBzB,EAAsB,KAAKM,QAAQoB,SAAS,IAAI,KAAKpB,OAAO,GAAG,SAAS,IAAI;AAAA,MAAC,iBAChG;AAAA,MAAI,aACND,EAAiB,KAAKC,OAAO;AAAA,MAAC,QACnC,KAAKA,QAAQH,SAAS,SAAS,aAAa,KAAKG,QAAQqB;AAAAA,IAAM,GACnE,KAAKrB,SACL,KAAKA,QAAQU,EAAE,GACV,KAAKY,MAAM,CAAA,CAAA;AAAA,EAMpC;AACJ,CAAC;"}
|
|
@@ -0,0 +1,229 @@
|
|
|
1
|
+
import { ref as h, defineComponent as F, computed as x, createVNode as o, resolveComponent as r, mergeProps as c, Fragment as $, createTextVNode as I, isVNode as R, nextTick as M } from "vue";
|
|
2
|
+
import D from "./input.mjs";
|
|
3
|
+
import E from "./input-number.mjs";
|
|
4
|
+
import T from "./input-autocomplete.mjs";
|
|
5
|
+
import U from "./select.mjs";
|
|
6
|
+
import V from "./switch.mjs";
|
|
7
|
+
import j from "./date.mjs";
|
|
8
|
+
import A from "./radio.mjs";
|
|
9
|
+
import N from "./tree-select.mjs";
|
|
10
|
+
import O from "./rate.mjs";
|
|
11
|
+
import B from "./checkbox.mjs";
|
|
12
|
+
import z from "./cascader.mjs";
|
|
13
|
+
import H from "../../../hooks/useWindowResize.mjs";
|
|
14
|
+
import { labelMouseEnter as W, getTooltipValue as q, valueMouseEnter as P, formItemSlot as p } from "../utils/index.mjs";
|
|
15
|
+
import { getUuid as G } from "../../../utils/tools.mjs";
|
|
16
|
+
import { ArrowUp as J, ArrowDown as K } from "../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
|
|
17
|
+
import "../../../assets/scss/dinert-form.scss.mjs";
|
|
18
|
+
function Q(t) {
|
|
19
|
+
return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !R(t);
|
|
20
|
+
}
|
|
21
|
+
const s = h(!0), g = h(!1), X = h(), L = h("form_" + G()), Y = () => {
|
|
22
|
+
const t = document.querySelectorAll(`.${L.value} .el-form-left > div`);
|
|
23
|
+
t[0] && M(() => {
|
|
24
|
+
const e = t[0].getBoundingClientRect().top, n = t[t.length - 1].getBoundingClientRect().top;
|
|
25
|
+
e !== n ? g.value = !0 : (s.value || (s.value = !0), g.value = !1);
|
|
26
|
+
});
|
|
27
|
+
}, ye = /* @__PURE__ */ F({
|
|
28
|
+
name: "dinert-form",
|
|
29
|
+
props: {
|
|
30
|
+
form: {
|
|
31
|
+
type: Object,
|
|
32
|
+
default: () => ({})
|
|
33
|
+
},
|
|
34
|
+
search: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
default: !0
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
emits: ["UnFold", "SearchFn", "ResetFn"],
|
|
40
|
+
setup(t, {
|
|
41
|
+
emit: e
|
|
42
|
+
}) {
|
|
43
|
+
return H(() => {
|
|
44
|
+
Y();
|
|
45
|
+
}, 10, !0), {
|
|
46
|
+
formItemMap: x(() => {
|
|
47
|
+
const u = [];
|
|
48
|
+
let l = 0;
|
|
49
|
+
return Object.keys(t.form.formItem).forEach((a) => {
|
|
50
|
+
const f = t.form.formItem[a];
|
|
51
|
+
u.push({
|
|
52
|
+
key: a,
|
|
53
|
+
...f,
|
|
54
|
+
sort: typeof f.sort > "u" ? l : f.sort
|
|
55
|
+
}), l++;
|
|
56
|
+
}), u.sort((a, f) => a.sort - f.sort), u;
|
|
57
|
+
}),
|
|
58
|
+
unfold: () => {
|
|
59
|
+
s.value ? s.value = !1 : s.value = !0, e("UnFold", s.value);
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
},
|
|
63
|
+
render() {
|
|
64
|
+
let t;
|
|
65
|
+
return o(r("el-form"), c({
|
|
66
|
+
inline: !0
|
|
67
|
+
}, this.form, {
|
|
68
|
+
ref: X,
|
|
69
|
+
class: [L.value, s.value ? "" : "packUp", "dinert-form"]
|
|
70
|
+
}), {
|
|
71
|
+
default: () => [o(r("el-row"), c(this.form.row, {
|
|
72
|
+
class: "el-form-left"
|
|
73
|
+
}), Q(t = this.formItemMap.map((e) => {
|
|
74
|
+
const n = {};
|
|
75
|
+
let m = typeof e.vif == "function" ? e.vif(this.form.model) : e.vif;
|
|
76
|
+
m = m === void 0 ? !0 : m;
|
|
77
|
+
let u = typeof e.show == "function" ? e.show(this.form.model) : e.show;
|
|
78
|
+
if (u = u === void 0 ? !0 : u, u || (n.display = "none"), m)
|
|
79
|
+
return o(r("el-col"), c({
|
|
80
|
+
style: n,
|
|
81
|
+
class: [e.type, e.key],
|
|
82
|
+
key: e.key
|
|
83
|
+
}, {
|
|
84
|
+
xl: 3,
|
|
85
|
+
// ≥1920px
|
|
86
|
+
lg: 4,
|
|
87
|
+
// ≥1200px
|
|
88
|
+
md: 8,
|
|
89
|
+
// ≥992px
|
|
90
|
+
sm: 12,
|
|
91
|
+
// ≥768px
|
|
92
|
+
xs: 24,
|
|
93
|
+
// <768px
|
|
94
|
+
...this.form.colLayout,
|
|
95
|
+
...e.colLayout
|
|
96
|
+
}), {
|
|
97
|
+
default: () => [o(r("el-form-item"), c({
|
|
98
|
+
key: e.key,
|
|
99
|
+
prop: e.key,
|
|
100
|
+
class: [e.labelWrap ? "label-wrap" : "", e.showLabel || this.form.showLabel ? "show-label" : ""]
|
|
101
|
+
}, {
|
|
102
|
+
...e,
|
|
103
|
+
rules: e.showLabel || this.form.showLabel ? [] : e.rules
|
|
104
|
+
}), {
|
|
105
|
+
label: () => o(r("dinert-tooltip"), {
|
|
106
|
+
key: e.key,
|
|
107
|
+
content: e.label,
|
|
108
|
+
disabled: e.labelDisabled,
|
|
109
|
+
onLabelMouseEnter: (l) => W(l, e, this)
|
|
110
|
+
}, null),
|
|
111
|
+
default: () => o(r("dinert-tooltip"), {
|
|
112
|
+
key: e.key,
|
|
113
|
+
content: q(this.form.model[e.key], e),
|
|
114
|
+
disabled: e.showLabel || this.form.showLabel ? !0 : e.valueDisabled,
|
|
115
|
+
item: e,
|
|
116
|
+
onLabelMouseEnter: (l) => P(l, e, this.form.model[e.key], this)
|
|
117
|
+
}, {
|
|
118
|
+
default: () => {
|
|
119
|
+
var a, f, k, w, C, v;
|
|
120
|
+
if (this.$slots[p(e.key)])
|
|
121
|
+
return (f = (a = this.$slots)[p(e.key)]) == null ? void 0 : f.call(a);
|
|
122
|
+
const l = {};
|
|
123
|
+
if (!e.showLabel && !this.form.showLabel)
|
|
124
|
+
if (["input", "textarea"].includes(e.type)) {
|
|
125
|
+
const y = (w = (k = this.$slots)[p(e.key + "_append")]) == null ? void 0 : w.call(k), S = y && y[0] && y[0].children, b = (v = (C = this.$slots)[p(e.key + "_prepend")]) == null ? void 0 : v.call(C), _ = b && b[0] && b[0].children;
|
|
126
|
+
return S && (l.append = () => {
|
|
127
|
+
var i, d;
|
|
128
|
+
return (d = (i = this.$slots)[p(e.key + "_append")]) == null ? void 0 : d.call(i);
|
|
129
|
+
}), _ && (l.prepend = () => {
|
|
130
|
+
var i, d;
|
|
131
|
+
return (d = (i = this.$slots)[p(e.key + "_prepend")]) == null ? void 0 : d.call(i);
|
|
132
|
+
}), o(D, {
|
|
133
|
+
form: this.form,
|
|
134
|
+
formItem: e
|
|
135
|
+
}, l);
|
|
136
|
+
} else {
|
|
137
|
+
if (["input-number"].includes(e.type))
|
|
138
|
+
return o(E, {
|
|
139
|
+
form: this.form,
|
|
140
|
+
formItem: e
|
|
141
|
+
}, null);
|
|
142
|
+
if (["input-autocomplete"].includes(e.type))
|
|
143
|
+
return o(T, {
|
|
144
|
+
form: this.form,
|
|
145
|
+
formItem: e
|
|
146
|
+
}, null);
|
|
147
|
+
if (["select"].includes(e.type))
|
|
148
|
+
return o(U, {
|
|
149
|
+
form: this.form,
|
|
150
|
+
formItem: e
|
|
151
|
+
}, null);
|
|
152
|
+
if (["switch"].includes(e.type))
|
|
153
|
+
return o(V, {
|
|
154
|
+
form: this.form,
|
|
155
|
+
formItem: e
|
|
156
|
+
}, null);
|
|
157
|
+
if (["datetime", "date", "week", "month", "year", "datetimerange", "daterange", "monthrange", "yearrange"].includes(e.type))
|
|
158
|
+
return o(j, {
|
|
159
|
+
form: this.form,
|
|
160
|
+
formItem: e
|
|
161
|
+
}, null);
|
|
162
|
+
if (["radio", "radio-button"].includes(e.type))
|
|
163
|
+
return o(A, {
|
|
164
|
+
form: this.form,
|
|
165
|
+
formItem: e
|
|
166
|
+
}, null);
|
|
167
|
+
if (["tree-select"].includes(e.type))
|
|
168
|
+
return o(N, {
|
|
169
|
+
form: this.form,
|
|
170
|
+
formItem: e
|
|
171
|
+
}, null);
|
|
172
|
+
if (["rate"].includes(e.type))
|
|
173
|
+
return o(O, {
|
|
174
|
+
form: this.form,
|
|
175
|
+
formItem: e
|
|
176
|
+
}, null);
|
|
177
|
+
if (["checkbox"].includes(e.type))
|
|
178
|
+
return o(B, {
|
|
179
|
+
form: this.form,
|
|
180
|
+
formItem: e
|
|
181
|
+
}, null);
|
|
182
|
+
if (["cascader"].includes(e.type))
|
|
183
|
+
return o(z, {
|
|
184
|
+
form: this.form,
|
|
185
|
+
formItem: e
|
|
186
|
+
}, null);
|
|
187
|
+
}
|
|
188
|
+
return o("span", null, [this.form.model[e.key]]);
|
|
189
|
+
}
|
|
190
|
+
})
|
|
191
|
+
})]
|
|
192
|
+
});
|
|
193
|
+
})) ? t : {
|
|
194
|
+
default: () => [t]
|
|
195
|
+
}), this.search && o(r("el-row"), {
|
|
196
|
+
class: "el-form-right"
|
|
197
|
+
}, {
|
|
198
|
+
default: () => {
|
|
199
|
+
var e, n;
|
|
200
|
+
return [o(r("el-button"), {
|
|
201
|
+
class: "el-form-right-operation",
|
|
202
|
+
text: !0,
|
|
203
|
+
type: "primary",
|
|
204
|
+
onClick: this.unfold
|
|
205
|
+
}, {
|
|
206
|
+
default: () => [o(r("el-icon"), null, {
|
|
207
|
+
default: () => [s.value ? o(J, null, null) : o(K, null, null)]
|
|
208
|
+
}), s.value ? "收起" : "展开"]
|
|
209
|
+
}), ((n = (e = this.$slots).form_search) == null ? void 0 : n.call(e)) || o($, null, [o(r("el-button"), {
|
|
210
|
+
type: "primary",
|
|
211
|
+
onClick: () => this.$emit("SearchFn")
|
|
212
|
+
}, {
|
|
213
|
+
default: () => [I("搜索")]
|
|
214
|
+
}), o(r("el-button"), {
|
|
215
|
+
type: "primary",
|
|
216
|
+
plain: !0,
|
|
217
|
+
onClick: () => this.$emit("ResetFn")
|
|
218
|
+
}, {
|
|
219
|
+
default: () => [I("重置")]
|
|
220
|
+
})])];
|
|
221
|
+
}
|
|
222
|
+
})]
|
|
223
|
+
});
|
|
224
|
+
}
|
|
225
|
+
});
|
|
226
|
+
export {
|
|
227
|
+
ye as default
|
|
228
|
+
};
|
|
229
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/form/src/index.tsx"],"sourcesContent":["import {defineComponent, ref, computed, nextTick} from 'vue'\nimport CustomInput from './input'\nimport CustomInputNumber from './input-number'\nimport CustomInputAutocomplete from './input-autocomplete'\nimport CustomSelect from './select'\nimport CustomSwitch from './switch'\nimport CustomDate from './date'\nimport CustomRadio from './radio'\nimport CustomSelectTree from './tree-select'\nimport CustomRate from './rate'\nimport CustomCheckbox from './checkbox'\nimport CustomCascader from './cascader'\n\nimport useWindowResize from '@packages/hooks/useWindowResize'\nimport {labelMouseEnter, valueMouseEnter, getTooltipValue, formItemSlot} from '@packages/components/form/utils'\n\nimport {getUuid} from '@packages/utils/tools'\nimport {ElForm} from 'element-plus'\n\nimport {ArrowUp, ArrowDown} from '@element-plus/icons-vue'\n\n\nimport '@packages/assets/scss/dinert-form.scss'\n\nimport type {PropType} from 'vue'\nimport type {RewriteFormProps, CustomFormItemProps} from '@packages/components/form/types'\n\n\nconst packUp = ref(true)\nconst isArrow = ref(false)\nconst formRef = ref<InstanceType<typeof ElForm>>()\nconst formClass = ref('form_' + getUuid())\n\n\nconst resizeForm = () => {\n const elFormLeft = document.querySelectorAll(`.${formClass.value} .el-form-left > div`)\n if (elFormLeft[0]) {\n nextTick(() => {\n const firstTop = elFormLeft[0].getBoundingClientRect().top\n const lastTop = elFormLeft[elFormLeft.length - 1].getBoundingClientRect().top\n const isHeight = firstTop !== lastTop\n if (isHeight) {\n isArrow.value = true\n } else {\n if (!packUp.value) {\n packUp.value = true\n }\n isArrow.value = false\n }\n })\n\n }\n}\n\n// 展开还是收起状态\nexport default defineComponent({\n name: 'dinert-form',\n props: {\n form: {\n type: Object as PropType<RewriteFormProps>,\n default: () => ({})\n },\n search: {\n type: Boolean,\n default: true\n }\n },\n emits: ['UnFold', 'SearchFn', 'ResetFn'],\n setup(props, {emit}) {\n\n useWindowResize(() => {\n resizeForm()\n }, 10, true)\n\n const formItemMap = computed(() => {\n const result: any = []\n let index = 0\n Object.keys(props.form.formItem).forEach(key => {\n const value = props.form.formItem[key] as Partial<CustomFormItemProps>\n result.push({\n key: key,\n ...value,\n sort: typeof value.sort === 'undefined' ? index : value.sort,\n })\n index++\n })\n\n result.sort((a: any, b: any) => {\n return a.sort - b.sort\n })\n\n return result\n })\n\n const unfold = () => {\n if (packUp.value) {\n packUp.value = false\n } else {\n packUp.value = true\n }\n\n emit('UnFold', packUp.value)\n }\n\n return {\n formItemMap,\n unfold,\n }\n },\n render() {\n\n return (\n <el-form inline={true}\n {...this.form}\n ref={formRef}\n class={[formClass.value, packUp.value ? '' : 'packUp', 'dinert-form']}>\n <el-row {...this.form.row} class=\"el-form-left\">\n {/* eslint-disable-next-line array-callback-return, consistent-return */}\n { this.formItemMap.map((item: CustomFormItemProps) => {\n const style: any = {}\n let vif = typeof item.vif === 'function' ? item.vif(this.form.model) : item.vif\n vif = vif === undefined ? true : vif\n\n let show = typeof item.show === 'function' ? item.show(this.form.model) : item.show\n show = show === undefined ? true : show\n\n if (!show) {\n style.display = 'none'\n }\n if (vif) {\n return (\n <el-col\n style={style}\n class={[item.type, item.key]}\n key={item.key}\n {\n ...{\n xl: 3, // ≥1920px\n lg: 4, // ≥1200px\n md: 8, // ≥992px\n sm: 12, // ≥768px\n xs: 24, // <768px\n ...this.form.colLayout,\n ...item.colLayout\n }\n }\n >\n <el-form-item\n key={item.key}\n prop={item.key}\n class={[item.labelWrap ? 'label-wrap' : '', item.showLabel || this.form.showLabel ? 'show-label' : '']}\n {...{\n ...item,\n rules: item.showLabel || this.form.showLabel ? [] : item.rules\n }}\n v-slots={{\n label: () => {\n return (\n <dinert-tooltip\n key={item.key}\n content={item.label}\n disabled={item.labelDisabled}\n onLabelMouseEnter={(e: MouseEvent) => labelMouseEnter(e, item, this)}\n >\n </dinert-tooltip>\n )\n },\n default: () => {\n return (\n <dinert-tooltip\n key={item.key}\n content={getTooltipValue(this.form.model[item.key], item)}\n disabled={item.showLabel || this.form.showLabel ? true : item.valueDisabled}\n item={item}\n onLabelMouseEnter={(e: MouseEvent) => valueMouseEnter(e, item, this.form.model[item.key], this)}\n v-slots={{\n default: () => {\n if (this.$slots[formItemSlot(item.key)]) {\n return (this.$slots[formItemSlot(item.key)]?.())\n }\n const slots: any = {}\n if (!item.showLabel && !this.form.showLabel) {\n if (['input', 'textarea'].includes(item.type)) {\n const appendSlot = this.$slots[formItemSlot(item.key + '_append')]?.()\n const appendSlotValue = appendSlot && appendSlot[0] && appendSlot[0].children\n\n const prependSlot = this.$slots[formItemSlot(item.key + '_prepend')]?.()\n const prependSlotValue = prependSlot && prependSlot[0] && prependSlot[0].children\n if (appendSlotValue) {\n slots.append = () => this.$slots[formItemSlot(item.key + '_append')]?.()\n }\n if (prependSlotValue) {\n slots.prepend = () => this.$slots[formItemSlot(item.key + '_prepend')]?.()\n }\n return (<CustomInput form={this.form} formItem={item} v-slots={slots}></CustomInput>)\n } else if (['input-number'].includes(item.type)) {\n return (<CustomInputNumber form={this.form} formItem={item}></CustomInputNumber>)\n } else if (['input-autocomplete'].includes(item.type)) {\n return (<CustomInputAutocomplete form={this.form} formItem={item}></CustomInputAutocomplete>)\n } else if (['select'].includes(item.type)) {\n return (<CustomSelect form={this.form} formItem={item}></CustomSelect>)\n } else if (['switch'].includes(item.type)) {\n return (<CustomSwitch form={this.form} formItem={item}></CustomSwitch>)\n } else if ([\n 'datetime',\n 'date',\n 'week',\n 'month',\n 'year',\n 'datetimerange',\n 'daterange',\n 'monthrange',\n 'yearrange',\n ].includes(item.type)) {\n return (<CustomDate form={this.form} formItem={item}></CustomDate>)\n } else if (['radio', 'radio-button'].includes(item.type)) {\n return (<CustomRadio form={this.form} formItem={item}></CustomRadio>)\n } else if (['tree-select'].includes(item.type)) {\n return (<CustomSelectTree form={this.form} formItem={item}></CustomSelectTree>)\n } else if (['rate'].includes(item.type)) {\n return (<CustomRate form={this.form} formItem={item}></CustomRate>)\n } else if (['checkbox'].includes(item.type)) {\n return (<CustomCheckbox form={this.form} formItem={item}></CustomCheckbox>)\n } else if (['cascader'].includes(item.type)) {\n return (<CustomCascader form={this.form} formItem={item}></CustomCascader>)\n }\n }\n\n return <span>{this.form.model[item.key]}</span>\n }\n }}\n >\n </dinert-tooltip>\n )\n }\n }}\n >\n </el-form-item>\n </el-col>\n )\n }\n\n })\n }\n </el-row>\n {\n this.search\n && <el-row class=\"el-form-right\">\n <el-button class=\"el-form-right-operation\" text type=\"primary\"\n onClick={this.unfold}\n >\n <el-icon>\n {packUp.value ? <ArrowUp/> : <ArrowDown/>}\n </el-icon>\n {packUp.value ? '收起' : '展开'}\n </el-button>\n {this.$slots.form_search?.()\n || (\n <>\n <el-button type=\"primary\" onClick={() => this.$emit('SearchFn')}>搜索</el-button>\n <el-button type=\"primary\" plain\n onClick={() => this.$emit('ResetFn')}\n >重置</el-button>\n </>\n )\n }\n </el-row>\n }\n </el-form>\n )\n }\n})\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","packUp","ref","isArrow","formRef","formClass","getUuid","resizeForm","elFormLeft","document","querySelectorAll","value","nextTick","firstTop","getBoundingClientRect","top","lastTop","length","defineComponent","name","props","form","type","default","search","Boolean","emits","setup","emit","useWindowResize","formItemMap","computed","result","index","keys","formItem","forEach","key","push","sort","a","b","unfold","render","_slot","_createVNode","_resolveComponent","_mergeProps","row","map","item","style","vif","model","undefined","show","display","xl","lg","md","sm","xs","colLayout","labelWrap","showLabel","rules","label","labelDisabled","e","labelMouseEnter","getTooltipValue","valueDisabled","valueMouseEnter","$slots","formItemSlot","_b","_a","slots","includes","appendSlot","_d","_c","appendSlotValue","children","prependSlot","_f","_e","prependSlotValue","append","prepend","CustomInput","CustomInputNumber","CustomInputAutocomplete","CustomSelect","CustomSwitch","CustomDate","CustomRadio","CustomSelectTree","CustomRate","CustomCheckbox","CustomCascader","ArrowUp","ArrowDown","form_search","_Fragment","onClick","$emit","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;AAsB+C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,EAAAL,CAAA;AAAA;AAM/C,MAAMM,IAASC,EAAI,EAAI,GACjBC,IAAUD,EAAI,EAAK,GACnBE,IAAUF,EAAG,GACbG,IAAYH,EAAI,UAAUI,EAAS,CAAA,GAGnCC,IAAaA,MAAM;AACrB,QAAMC,IAAaC,SAASC,iBAAkB,IAAGL,EAAUM,KAAM,sBAAqB;AACtF,EAAIH,EAAW,CAAC,KACZI,EAAS,MAAM;AACX,UAAMC,IAAWL,EAAW,CAAC,EAAEM,sBAAqB,EAAGC,KACjDC,IAAUR,EAAWA,EAAWS,SAAS,CAAC,EAAEH,sBAAuB,EAACC;AAE1E,IADiBF,MAAaG,IAE1Bb,EAAQQ,QAAQ,MAEXV,EAAOU,UACRV,EAAOU,QAAQ,KAEnBR,EAAQQ,QAAQ;AAAA,EAExB,CAAC;AAGT,GAGeO,uBAAgB;AAAA,EAC3BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACHC,MAAM;AAAA,MACFC,MAAM1B;AAAAA,MACN2B,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDC,QAAQ;AAAA,MACJF,MAAMG;AAAAA,MACNF,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACDG,OAAO,CAAC,UAAU,YAAY,SAAS;AAAA,EACvCC,MAAMP,GAAO;AAAA,IAACQ,MAAAA;AAAAA,EAAI,GAAG;AAEjBC,WAAAA,EAAgB,MAAM;AAClBtB,MAAAA;IACJ,GAAG,IAAI,EAAI,GAgCJ;AAAA,MACHuB,aA/BgBC,EAAS,MAAM;AAC/B,cAAMC,IAAc,CAAA;AACpB,YAAIC,IAAQ;AACZrC,sBAAOsC,KAAKd,EAAMC,KAAKc,QAAQ,EAAEC,QAAQC,CAAAA,MAAO;AAC5C,gBAAM1B,IAAQS,EAAMC,KAAKc,SAASE,CAAG;AACrCL,UAAAA,EAAOM,KAAK;AAAA,YACRD,KAAKA;AAAAA,YACL,GAAG1B;AAAAA,YACH4B,MAAM,OAAO5B,EAAM4B,OAAS,MAAcN,IAAQtB,EAAM4B;AAAAA,UAC5D,CAAC,GACDN;AAAAA,QACJ,CAAC,GAEDD,EAAOO,KAAK,CAACC,GAAQC,MACVD,EAAED,OAAOE,EAAEF,IACrB,GAEMP;AAAAA,MACX,CAAC;AAAA,MAcGU,QAZWA,MAAM;AACjB,QAAIzC,EAAOU,QACPV,EAAOU,QAAQ,KAEfV,EAAOU,QAAQ,IAGnBiB,EAAK,UAAU3B,EAAOU,KAAK;AAAA;;EAOlC;AAAA,EACDgC,SAAS;AAAA,QAAAC;AAEL,WAAAC,EAAAC,EAAA,SAAA,GAAAC,EAAA;AAAA,MAAA,QACqB;AAAA,OACT,KAAK1B,MAAI;AAAA,MAAA,KACRjB;AAAAA,MAAO,OACL,CAACC,EAAUM,OAAOV,EAAOU,QAAQ,KAAK,UAAU,aAAa;AAAA,IAAC,CAAA,GAAA;AAAA,MAAAY,SAAAA,MAAAsB,CAAAA,EAAAC,EAAAC,QAAAA,GAAAA,EACzD,KAAK1B,KAAK2B,KAAG;AAAA,QAAA,OAAA;AAAA,OAAAtD,GAAAA,EAAAkD,IAEnB,KAAKd,YAAYmB,IAAKC,CAAAA,MAA8B;AAClD,cAAMC,IAAa,CAAA;AACnB,YAAIC,IAAM,OAAOF,EAAKE,OAAQ,aAAaF,EAAKE,IAAI,KAAK/B,KAAKgC,KAAK,IAAIH,EAAKE;AAC5EA,QAAAA,IAAMA,MAAQE,SAAY,KAAOF;AAEjC,YAAIG,IAAO,OAAOL,EAAKK,QAAS,aAAaL,EAAKK,KAAK,KAAKlC,KAAKgC,KAAK,IAAIH,EAAKK;AAM/E,YALAA,IAAOA,MAASD,SAAY,KAAOC,GAE9BA,MACDJ,EAAMK,UAAU,SAEhBJ;AACA,iBAAAP,EAAAC,EAAA,QAAA,GAAAC,EAAA;AAAA,YAAA,OAEeI;AAAAA,YAAK,OACL,CAACD,EAAK5B,MAAM4B,EAAKb,GAAG;AAAA,YAAC,KACvBa,EAAKb;AAAAA,UAAG,GAAA;AAAA,YAGLoB,IAAI;AAAA;AAAA,YACJC,IAAI;AAAA;AAAA,YACJC,IAAI;AAAA;AAAA,YACJC,IAAI;AAAA;AAAA,YACJC,IAAI;AAAA;AAAA,YACJ,GAAG,KAAKxC,KAAKyC;AAAAA,YACb,GAAGZ,EAAKY;AAAAA,UAAS,CAAA,GAAA;AAAA,YAAAvC,SAAAA,MAAA,CAAAsB,EAAAC,mBAAAC,EAAA;AAAA,cAAA,KAKhBG,EAAKb;AAAAA,cAAG,MACPa,EAAKb;AAAAA,cAAG,OACP,CAACa,EAAKa,YAAY,eAAe,IAAIb,EAAKc,aAAa,KAAK3C,KAAK2C,YAAY,eAAe,EAAE;AAAA,YAAC,GAAA;AAAA,cAElG,GAAGd;AAAAA,cACHe,OAAOf,EAAKc,aAAa,KAAK3C,KAAK2C,YAAY,CAAA,IAAKd,EAAKe;AAAAA,aAEpD,GAAA;AAAA,cACLC,OAAOA,MACHrB,EAAAC,EAAA,gBAAA,GAAA;AAAA,gBAAA,KAEaI,EAAKb;AAAAA,gBAAG,SACJa,EAAKgB;AAAAA,gBAAK,UACThB,EAAKiB;AAAAA,gBAAa,mBACRC,CAAAA,MAAkBC,EAAgBD,GAAGlB,GAAM,IAAI;AAAA,cAAC,GAAA,IAAA;AAAA,cAKhF3B,SAASA,MACLsB,EAAAC,EAAA,gBAAA,GAAA;AAAA,gBAAA,KAEaI,EAAKb;AAAAA,gBAAG,SACJiC,EAAgB,KAAKjD,KAAKgC,MAAMH,EAAKb,GAAG,GAAGa,CAAI;AAAA,gBAAC,UAC/CA,EAAKc,aAAa,KAAK3C,KAAK2C,YAAY,KAAOd,EAAKqB;AAAAA,gBAAa,MACrErB;AAAAA,gBAAI,mBACUkB,CAAAA,MAAkBI,EAAgBJ,GAAGlB,GAAM,KAAK7B,KAAKgC,MAAMH,EAAKb,GAAG,GAAG,IAAI;AAAA,iBACrF;AAAA,gBACLd,SAASA,MAAM;;AACX,sBAAI,KAAKkD,OAAOC,EAAaxB,EAAKb,GAAG,CAAC;AAClC,4BAAQsC,KAAAC,IAAA,KAAKH,QAAOC,EAAaxB,EAAKb,GAAG,OAAjC,gBAAAsC,EAAA,KAAAC;AAEZ,wBAAMC,IAAa,CAAA;AACnB,sBAAI,CAAC3B,EAAKc,aAAa,CAAC,KAAK3C,KAAK2C;AAC9B,wBAAI,CAAC,SAAS,UAAU,EAAEc,SAAS5B,EAAK5B,IAAI,GAAG;AAC3C,4BAAMyD,KAAaC,KAAAC,IAAA,KAAKR,QAAOC,EAAaxB,EAAKb,MAAM,SAAS,OAA7C,gBAAA2C,EAAA,KAAAC,IACbC,IAAkBH,KAAcA,EAAW,CAAC,KAAKA,EAAW,CAAC,EAAEI,UAE/DC,KAAcC,KAAAC,IAAA,KAAKb,QAAOC,EAAaxB,EAAKb,MAAM,UAAU,OAA9C,gBAAAgD,EAAA,KAAAC,IACdC,IAAmBH,KAAeA,EAAY,CAAC,KAAKA,EAAY,CAAC,EAAED;AACzE,6BAAID,MACAL,EAAMW,SAAS,MAAM;;AAAA,gCAAAb,KAAAC,IAAA,KAAKH,QAAOC,EAAaxB,EAAKb,MAAM,SAAS,OAA7C,gBAAAsC,EAAA,KAAAC;AAAA,0BAErBW,MACAV,EAAMY,UAAU,MAAM;;AAAA,gCAAAd,KAAAC,IAAA,KAAKH,QAAOC,EAAaxB,EAAKb,MAAM,UAAU,OAA9C,gBAAAsC,EAAA,KAAAC;AAAA,0BAE1B/B,EAAA6C,GAAA;AAAA,wBAAA,MAA2B,KAAKrE;AAAAA,wBAAI,UAAY6B;AAAAA,sBAAI,GAAW2B,CAAK;AAAA,oBACxE,OAAO;AAAA,0BAAI,CAAC,cAAc,EAAEC,SAAS5B,EAAK5B,IAAI;AAC1C,+BAAAuB,EAAA8C,GAAA;AAAA,0BAAA,MAAiC,KAAKtE;AAAAA,0BAAI,UAAY6B;AAAAA,wBAAI,GAAA,IAAA;AACvD,0BAAI,CAAC,oBAAoB,EAAE4B,SAAS5B,EAAK5B,IAAI;AAChD,+BAAAuB,EAAA+C,GAAA;AAAA,0BAAA,MAAuC,KAAKvE;AAAAA,0BAAI,UAAY6B;AAAAA,wBAAI,GAAA,IAAA;AAC7D,0BAAI,CAAC,QAAQ,EAAE4B,SAAS5B,EAAK5B,IAAI;AACpC,+BAAAuB,EAAAgD,GAAA;AAAA,0BAAA,MAA4B,KAAKxE;AAAAA,0BAAI,UAAY6B;AAAAA,wBAAI,GAAA,IAAA;AAClD,0BAAI,CAAC,QAAQ,EAAE4B,SAAS5B,EAAK5B,IAAI;AACpC,+BAAAuB,EAAAiD,GAAA;AAAA,0BAAA,MAA4B,KAAKzE;AAAAA,0BAAI,UAAY6B;AAAAA,wBAAI,GAAA,IAAA;AAClD,0BAAI,CACP,YACA,QACA,QACA,SACA,QACA,iBACA,aACA,cACA,WAAW,EACb4B,SAAS5B,EAAK5B,IAAI;AAChB,+BAAAuB,EAAAkD,GAAA;AAAA,0BAAA,MAA0B,KAAK1E;AAAAA,0BAAI,UAAY6B;AAAAA,wBAAI,GAAA,IAAA;AAChD,0BAAI,CAAC,SAAS,cAAc,EAAE4B,SAAS5B,EAAK5B,IAAI;AACnD,+BAAAuB,EAAAmD,GAAA;AAAA,0BAAA,MAA2B,KAAK3E;AAAAA,0BAAI,UAAY6B;AAAAA,wBAAI,GAAA,IAAA;AACjD,0BAAI,CAAC,aAAa,EAAE4B,SAAS5B,EAAK5B,IAAI;AACzC,+BAAAuB,EAAAoD,GAAA;AAAA,0BAAA,MAAgC,KAAK5E;AAAAA,0BAAI,UAAY6B;AAAAA,wBAAI,GAAA,IAAA;AACtD,0BAAI,CAAC,MAAM,EAAE4B,SAAS5B,EAAK5B,IAAI;AAClC,+BAAAuB,EAAAqD,GAAA;AAAA,0BAAA,MAA0B,KAAK7E;AAAAA,0BAAI,UAAY6B;AAAAA,wBAAI,GAAA,IAAA;AAChD,0BAAI,CAAC,UAAU,EAAE4B,SAAS5B,EAAK5B,IAAI;AACtC,+BAAAuB,EAAAsD,GAAA;AAAA,0BAAA,MAA8B,KAAK9E;AAAAA,0BAAI,UAAY6B;AAAAA,wBAAI,GAAA,IAAA;AACpD,0BAAI,CAAC,UAAU,EAAE4B,SAAS5B,EAAK5B,IAAI;AACtC,+BAAAuB,EAAAuD,GAAA;AAAA,0BAAA,MAA8B,KAAK/E;AAAAA,0BAAI,UAAY6B;AAAAA,wBAAI,GAAA,IAAA;AAAA;AAI/D,yBAAAL,EAAc,QAAA,MAAA,CAAA,KAAKxB,KAAKgC,MAAMH,EAAKb,GAAG,CAAC,CAAA;AAAA,gBAC3C;AAAA,eACH;AAAA,aAKhB,CAAA;AAAA,UAAA,CAAA;AAAA,OAOpB,CAAC,IAAAO,IAAA;AAAA,QAAArB,SAAAA,MAAA,CAAAqB,CAAA;AAAA,MAAA,CAAA,GAIF,KAAKpB,UAAMqB,EAAAC,EAAA,QAAA,GAAA;AAAA,QAAA,OAAA;AAAA,MAAA,GAAA;AAAA,QAAAvB,SAAAA,MAAAA;;AAAAsB,kBAAAA,EAAAC,EAAA,WAAA,GAAA;AAAA,YAAA,OAAA;AAAA,YAAA,MAAA;AAAA,YAAA,MAAA;AAAA,YAAA,SAGE,KAAKJ;AAAAA,UAAM,GAAA;AAAA,YAAAnB,SAAAA,MAAAsB,CAAAA,EAAAC,EAAA,SAAA,GAAA,MAAA;AAAA,cAAAvB,SAAAA,MAGftB,CAAAA,EAAOU,QAAKkC,EAAAwD,GAAA,MAAA,IAAA,IAAAxD,EAAAyD,GAA4B,MAAA,IAAA,CAAA;AAAA,YAAA,CAAA,GAE5CrG,EAAOU,QAAQ,OAAO,IAAI;AAAA,UAAA,CAAA,KAE9BgE,KAAAC,IAAA,KAAKH,QAAO8B,gBAAZ,gBAAA5B,EAAA,KAAAC,OAA2B/B,EAAA2D,GAAA3D,MAAAA,CAAAA,EAAAC,EAAA,WAAA,GAAA;AAAA,YAAA,MAAA;AAAA,YAAA,SAGmB2D,MAAM,KAAKC,MAAM,UAAU;AAAA,UAAC,GAAA;AAAA,YAAAnF,SAAAA,MAAA,CAAAoF,EAAA,IAAA,CAAA;AAAA,UAAA9D,CAAAA,GAAAA,EAAAC,EAAA,WAAA,GAAA;AAAA,YAAA,MAAA;AAAA,YAAA,OAAA;AAAA,YAAA,SAElD2D,MAAM,KAAKC,MAAM,SAAS;AAAA,UAAC,GAAA;AAAA,YAAAnF,SAAAA,MAAA,CAAAoF,EAAA,IAAA,CAAA;AAAA,UAG/C,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,OAEA,CAAA;AAAA,IAAA,CAAA;AAAA,EAIrB;AACJ,CAAC;"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { defineComponent as t, computed as s, createVNode as o, resolveComponent as m, mergeProps as r } from "vue";
|
|
2
|
+
import { customPlaceholder as n } from "../utils/index.mjs";
|
|
3
|
+
const a = /* @__PURE__ */ t({
|
|
4
|
+
name: "dinert-input-autocomplete",
|
|
5
|
+
props: {
|
|
6
|
+
form: {
|
|
7
|
+
type: Object,
|
|
8
|
+
default: () => ({})
|
|
9
|
+
},
|
|
10
|
+
formItem: {
|
|
11
|
+
type: Object,
|
|
12
|
+
default: () => ({})
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
setup(e) {
|
|
16
|
+
return {
|
|
17
|
+
options: s(() => e.formItem.options || {
|
|
18
|
+
on: {}
|
|
19
|
+
})
|
|
20
|
+
};
|
|
21
|
+
},
|
|
22
|
+
render() {
|
|
23
|
+
return o("div", null, [o(m("el-autocomplete"), r({
|
|
24
|
+
modelValue: this.form.model[this.formItem.key],
|
|
25
|
+
"onUpdate:modelValue": (e) => this.form.model[this.formItem.key] = e,
|
|
26
|
+
clearable: !0,
|
|
27
|
+
placeholder: n(this.formItem.label),
|
|
28
|
+
"fetch-suggestions": this.options.fetchSuggestions || (() => ({}))
|
|
29
|
+
}, this.options, this.options.on), this.$slots)]);
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
export {
|
|
33
|
+
a as default
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=input-autocomplete.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-autocomplete.mjs","sources":["../../../../../packages/components/form/src/input-autocomplete.tsx"],"sourcesContent":["import {computed, defineComponent} from 'vue'\nimport {customPlaceholder} from '../utils'\n\nimport type {RewriteFormProps, CustomFormItemProps} from '@packages/components/form/types'\nimport type {PropType} from 'vue'\nimport type {AutocompleteProps} from 'element-plus'\n\n\nexport default defineComponent({\n name: 'dinert-input-autocomplete',\n props: {\n form: {\n type: Object as PropType<RewriteFormProps>,\n default: () => ({})\n },\n formItem: {\n type: Object as PropType<CustomFormItemProps<Partial<AutocompleteProps>>>,\n default: () => ({})\n },\n },\n setup(props) {\n const options = computed(() => {\n const options = props.formItem.options || {on: {}}\n return options\n })\n\n return {\n options\n }\n },\n render() {\n\n return (\n <div>\n <el-autocomplete\n v-model={this.form.model[this.formItem.key]}\n clearable\n placeholder={customPlaceholder(this.formItem.label)}\n fetch-suggestions={this.options.fetchSuggestions || (() => ({}))}\n {...this.options}\n {...this.options.on}\n v-slots={this.$slots}\n >\n </el-autocomplete>\n </div>\n )\n }\n})\n\n"],"names":["defineComponent","name","props","form","type","Object","default","formItem","setup","options","computed","on","render","_createVNode","_resolveComponent","_mergeProps","model","key","$event","customPlaceholder","label","fetchSuggestions","$slots"],"mappings":";;AAQA,MAAeA,sBAAgB;AAAA,EAC3BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACHC,MAAM;AAAA,MACFC,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDC,UAAU;AAAA,MACNH,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACpB;AAAA,EACH;AAAA,EACDE,MAAMN,GAAO;AAMT,WAAO;AAAA,MACHO,SANYC,EAAS,MACLR,EAAMK,SAASE,WAAW;AAAA,QAACE,IAAI,CAAC;AAAA,OAEnD;AAAA;EAKJ;AAAA,EACDC,SAAS;AAEL,WAAAC,EAAAA,OAAAA,MAAAA,CAAAA,EAAAC,sBAAAC,EAAA;AAAA,MAAA,YAGqB,KAAKZ,KAAKa,MAAM,KAAKT,SAASU,GAAG;AAAA,MAAC,uBAAAC,CAAAA,MAAlC,KAAKf,KAAKa,MAAM,KAAKT,SAASU,GAAG,IAACC;AAAAA,MAAA,WAAA;AAAA,MAAA,aAE9BC,EAAkB,KAAKZ,SAASa,KAAK;AAAA,MAAC,qBAChC,KAAKX,QAAQY,qBAAqB,OAAO,CAAE;AAAA,IAAE,GAC5D,KAAKZ,SACL,KAAKA,QAAQE,EAAE,GACV,KAAKW,MAAM,CAAA,CAAA;AAAA,EAKpC;AACJ,CAAC;"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { defineComponent as r, computed as s, createVNode as m, resolveComponent as p, mergeProps as i } from "vue";
|
|
2
|
+
import { customPlaceholder as u } from "../utils/index.mjs";
|
|
3
|
+
const d = /* @__PURE__ */ r({
|
|
4
|
+
name: "dinert-input-number",
|
|
5
|
+
props: {
|
|
6
|
+
form: {
|
|
7
|
+
type: Object,
|
|
8
|
+
default: () => ({})
|
|
9
|
+
},
|
|
10
|
+
formItem: {
|
|
11
|
+
type: Object,
|
|
12
|
+
default: () => ({})
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
setup(o) {
|
|
16
|
+
return {
|
|
17
|
+
options: s(() => o.formItem.options || {
|
|
18
|
+
on: {}
|
|
19
|
+
})
|
|
20
|
+
};
|
|
21
|
+
},
|
|
22
|
+
render() {
|
|
23
|
+
var o, e, t;
|
|
24
|
+
return m(p("el-input-number"), i({
|
|
25
|
+
modelValue: this.form.model[this.formItem.key],
|
|
26
|
+
"onUpdate:modelValue": (n) => this.form.model[this.formItem.key] = n,
|
|
27
|
+
clearable: !0,
|
|
28
|
+
placeholder: u(this.formItem.label)
|
|
29
|
+
}, this.options, {
|
|
30
|
+
onChange: (o = this.options.on) == null ? void 0 : o.onChange,
|
|
31
|
+
onFocus: (e = this.options.on) == null ? void 0 : e.onFocus,
|
|
32
|
+
onBlur: (t = this.options.on) == null ? void 0 : t.onBlur
|
|
33
|
+
}), this.$slots);
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
export {
|
|
37
|
+
d as default
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=input-number.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-number.mjs","sources":["../../../../../packages/components/form/src/input-number.tsx"],"sourcesContent":["import {computed, defineComponent} from 'vue'\nimport {customPlaceholder} from '../utils'\n\n\nimport type {RewriteFormProps, CustomFormItemProps} from '@packages/components/form/types'\nimport type {InputNumberProps} from 'element-plus'\nimport type {PropType} from 'vue'\n\n\nexport default defineComponent({\n name: 'dinert-input-number',\n props: {\n form: {\n type: Object as PropType<RewriteFormProps>,\n default: () => ({})\n },\n formItem: {\n type: Object as PropType<CustomFormItemProps<Partial<InputNumberProps>>>,\n default: () => ({})\n },\n },\n setup(props) {\n\n const options = computed(() => {\n const options = props.formItem.options || {on: {}}\n return options\n })\n\n return {\n options,\n }\n },\n render() {\n\n return (\n <el-input-number\n v-model={this.form.model[this.formItem.key]}\n clearable\n placeholder={customPlaceholder(this.formItem.label)}\n {...this.options}\n onChange={this.options.on?.onChange}\n onFocus={this.options.on?.onFocus}\n onBlur={this.options.on?.onBlur}\n v-slots={this.$slots}\n >\n </el-input-number>\n )\n }\n})\n\n"],"names":["defineComponent","name","props","form","type","Object","default","formItem","setup","options","computed","on","render","_createVNode","_resolveComponent","_mergeProps","model","key","$event","customPlaceholder","label","_a","onChange","_b","onFocus","_c","onBlur","$slots"],"mappings":";;AASA,MAAeA,sBAAgB;AAAA,EAC3BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACHC,MAAM;AAAA,MACFC,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDC,UAAU;AAAA,MACNH,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACpB;AAAA,EACH;AAAA,EACDE,MAAMN,GAAO;AAOT,WAAO;AAAA,MACHO,SANYC,EAAS,MACLR,EAAMK,SAASE,WAAW;AAAA,QAACE,IAAI,CAAC;AAAA,OAEnD;AAAA;EAKJ;AAAA,EACDC,SAAS;;AAEL,WAAAC,EAAAC,EAAA,iBAAA,GAAAC,EAAA;AAAA,MAAA,YAEiB,KAAKZ,KAAKa,MAAM,KAAKT,SAASU,GAAG;AAAA,MAAC,uBAAAC,CAAAA,MAAlC,KAAKf,KAAKa,MAAM,KAAKT,SAASU,GAAG,IAACC;AAAAA,MAAA,WAAA;AAAA,MAAA,aAE9BC,EAAkB,KAAKZ,SAASa,KAAK;AAAA,OAC9C,KAAKX,SAAO;AAAA,MAAA,WACNY,IAAA,KAAKZ,QAAQE,OAAb,gBAAAU,EAAiBC;AAAAA,MAAQ,UAC1BC,IAAA,KAAKd,QAAQE,OAAb,gBAAAY,EAAiBC;AAAAA,MAAO,SACzBC,IAAA,KAAKhB,QAAQE,OAAb,gBAAAc,EAAiBC;AAAAA,KAChB,GAAA,KAAKC,MAAM;AAAA,EAIhC;AACJ,CAAC;"}
|