@kp-ui/lowcode 1.0.99 → 1.0.101

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,51 +1,52 @@
1
- import { defineComponent as g, getCurrentInstance as x, useAttrs as b, ref as w, computed as f, onMounted as _, createBlock as V, openBlock as k, unref as s, mergeProps as R, withCtx as a, createVNode as p, nextTick as M } from "vue";
2
- import { useLowcode as B } from "../../../hooks/useLowcode.js";
3
- import T from "../../form-render/SubmitButtonRender.vue.js";
4
- import U from "../../form-render/index.vue.js";
5
- import { TpfModal as $ } from "tmgc2-share";
1
+ import { defineComponent as g, getCurrentInstance as x, useAttrs as b, ref as w, computed as p, onMounted as _, createBlock as V, openBlock as k, unref as s, mergeProps as R, withCtx as u, createVNode as a, nextTick as $ } from "vue";
2
+ import { useLowcode as M } from "../../../hooks/useLowcode.js";
3
+ import B from "../../form-render/SubmitButtonRender.vue.js";
4
+ import T from "../../form-render/index.vue.js";
5
+ import { TpfModal as U } from "tmgc2-share";
6
6
  const N = /* @__PURE__ */ g({
7
7
  __name: "CustomerModal",
8
8
  props: {
9
9
  type: {},
10
10
  formCode: {}
11
11
  },
12
- setup(u) {
13
- const d = x(), o = b() || {}, r = w(!1), t = u, m = f(() => {
12
+ setup(d) {
13
+ const l = x(), o = b() || {}, r = w(!1), t = d, m = p(() => {
14
14
  var n, e;
15
15
  return {
16
+ $router: l.proxy.$router,
16
17
  _id: ((e = (n = o == null ? void 0 : o.row) == null ? void 0 : n.record) == null ? void 0 : e._id) || null,
17
18
  type: t.type,
18
- instance: d,
19
+ instance: l,
19
20
  ...o
20
21
  };
21
22
  }), {
22
- vfdRef: l,
23
+ vfdRef: f,
23
24
  formConfig: c,
24
25
  getComponentJson: v
25
- } = B({
26
+ } = M({
26
27
  formCode: t.formCode,
27
28
  type: t.type
28
- }), C = f(() => t.type === "add" ? "新增" : t.type === "edit" ? "编辑" : t.type === "view" ? "查看" : "新增"), y = async () => {
29
- r.value = !0, await M(), await v([]), console.log("attrs", o);
29
+ }), C = p(() => t.type === "add" ? "新增" : t.type === "edit" ? "编辑" : t.type === "view" ? "查看" : "新增"), y = async () => {
30
+ r.value = !0, await $(), await v([]), console.log("attrs", o);
30
31
  };
31
32
  return _(() => {
32
33
  y();
33
- }), (n, e) => (k(), V(s($), R({
34
+ }), (n, e) => (k(), V(s(U), R({
34
35
  visible: r.value,
35
36
  "onUpdate:visible": e[1] || (e[1] = (i) => r.value = i)
36
37
  }, n.$attrs, {
37
38
  title: C.value
38
39
  }), {
39
- footerRight: a(() => [p(T, {
40
+ footerRight: u(() => [a(B, {
40
41
  dialogVisible: r.value,
41
42
  "onUpdate:dialogVisible": e[0] || (e[0] = (i) => r.value = i),
42
43
  options: s(c),
43
- ctx: s(l)
44
+ ctx: s(f)
44
45
  }, null, 8, ["dialogVisible", "options", "ctx"])]),
45
- default: a(() => [p(U, {
46
+ default: u(() => [a(T, {
46
47
  vfCtx: m.value,
47
48
  ref_key: "vfdRef",
48
- ref: l
49
+ ref: f
49
50
  }, null, 8, ["vfCtx"])]),
50
51
  _: 1
51
52
  }, 16, ["visible", "title"]));
@@ -1 +1 @@
1
- {"version":3,"file":"CustomerModal.vue2.js","sources":["../../../../../src/components/public/CustomerModal/CustomerModal.vue"],"sourcesContent":["<template>\n <TpfModal v-model:visible=\"visible\" v-bind=\"$attrs\" :title=\"title\">\n <VFormRender :vfCtx=\"vfCtx\" ref=\"vfdRef\" />\n <template #footerRight>\n <SubmitButtonRender\n v-model:dialogVisible=\"visible\"\n :options=\"formConfig\"\n :ctx=\"vfdRef\"\n />\n </template>\n </TpfModal>\n</template>\n\n<script setup lang=\"tsx\">\n import { useLowcode } from '@/hooks/useLowcode';\n import { useAttrs, onMounted, nextTick, computed, getCurrentInstance, ref } from 'vue';\n import SubmitButtonRender from '@/components/form-render/SubmitButtonRender.vue';\n import VFormRender from '@/components/form-render/index.vue';\n import { TpfModal } from 'tmgc2-share';\n\n const instance = getCurrentInstance()!;\n\n const attrs = (useAttrs() || {}) as any;\n const visible = ref(false);\n\n type Props = {\n type: string;\n formCode: string;\n };\n\n const props = withDefaults(defineProps<Props>(), {});\n\n const vfCtx = computed(() => {\n return {\n _id: attrs?.row?.record?._id || null,\n type: props.type,\n instance,\n ...attrs\n };\n });\n\n const { vfdRef, formConfig, getComponentJson } = useLowcode({\n formCode: props.formCode,\n type: props.type\n });\n\n const title = computed(() => {\n if (props.type === 'add') return '新增';\n if (props.type === 'edit') return '编辑';\n if (props.type === 'view') return '查看';\n return '新增';\n });\n\n const show = async () => {\n visible.value = true;\n await nextTick();\n await getComponentJson([]);\n console.log('attrs', attrs);\n };\n\n onMounted(() => {\n show();\n });\n</script>\n\n<style lang=\"less\" scoped></style>\n"],"names":["instance","getCurrentInstance","attrs","useAttrs","visible","ref","props","__props","vfCtx","computed","_id","row","record","type","vfdRef","formConfig","getComponentJson","useLowcode","formCode","title","show","value","nextTick","console","log","onMounted","_openBlock","_createBlock","_unref","_mergeProps","$event","$attrs","footerRight","_createVNode","SubmitButtonRender","dialogVisible","options","ctx","VFormRender"],"mappings":";;;;;;;;;;;;AAoBI,UAAMA,IAAWC,EAAkB,GAE7BC,IAASC,EAAQ,KAAM,CAAA,GACvBC,IAAUC,EAAI,EAAK,GAOnBC,IAAQC,GAERC,IAAQC,EAAS,MAAM;;AACzB,aAAO;AAAA,QACHC,OAAKR,KAAAA,IAAAA,KAAAA,gBAAAA,EAAOS,QAAPT,gBAAAA,EAAYU,WAAZV,gBAAAA,EAAoBQ,QAAO;AAAA,QAChCG,MAAMP,EAAMO;AAAAA,QACZb,UAAAA;AAAAA,QACA,GAAGE;AAAAA;IAEX,CAAC,GAEK;AAAA,MAAEY,QAAAA;AAAAA,MAAQC,YAAAA;AAAAA,MAAYC,kBAAAA;AAAAA,QAAqBC,EAAW;AAAA,MACxDC,UAAUZ,EAAMY;AAAAA,MAChBL,MAAMP,EAAMO;AAAAA,IAChB,CAAC,GAEKM,IAAQV,EAAS,MACfH,EAAMO,SAAS,QAAc,OAC7BP,EAAMO,SAAS,SAAe,OAC9BP,EAAMO,SAAS,SAAe,OAC3B,IACV,GAEKO,IAAO,YAAY;AACrBhB,MAAAA,EAAQiB,QAAQ,IAChB,MAAMC,EAAQ,GACd,MAAMN,EAAiB,CAAA,CAAE,GACzBO,QAAQC,IAAI,SAAStB,CAAK;AAAA,IAC9B;AAEAuB,WAAAA,EAAU,MAAM;AACZL,MAAAA,EAAI;AAAA,IACR,CAAC,cA7DDM,EAAA,GAAAC,EASWC,MATXC,EASW;AAAA,MATOzB,SAASA,EAAAiB;AAAAA,iDAAAjB,EAAOiB,QAAAS;AAAAA,OAAUC,EAAAA,QAAM;AAAA,MAAGZ,OAAOA,EAAAE;AAAAA,IAAK,CAAA,GAAA;AAAA,MAElDW,eACP,MAIE,CAJFC,EAIEC,GAAA;AAAA,QAHUC,eAAe/B,EAAAiB;AAAAA,yDAAAjB,EAAOiB,QAAAS;AAAAA,QAC7BM,SAASR,EAAAb,CAAA;AAAA,QACTsB,KAAKT,EAAAd,CAAA;AAAA;iBALd,MAA2C,CAA3CmB,EAA2CK,GAAA;AAAA,QAA7B9B,OAAOA,EAAAa;AAAAA,iBAAW;AAAA,QAAJhB,KAAIS;AAAAA;;;;;"}
1
+ {"version":3,"file":"CustomerModal.vue2.js","sources":["../../../../../src/components/public/CustomerModal/CustomerModal.vue"],"sourcesContent":["<template>\n <TpfModal v-model:visible=\"visible\" v-bind=\"$attrs\" :title=\"title\">\n <VFormRender :vfCtx=\"vfCtx\" ref=\"vfdRef\" />\n <template #footerRight>\n <SubmitButtonRender\n v-model:dialogVisible=\"visible\"\n :options=\"formConfig\"\n :ctx=\"vfdRef\"\n />\n </template>\n </TpfModal>\n</template>\n<script setup lang=\"tsx\">\n import { useLowcode } from '@/hooks/useLowcode';\n import { useAttrs, onMounted, nextTick, computed, getCurrentInstance, ref } from 'vue';\n import SubmitButtonRender from '@/components/form-render/SubmitButtonRender.vue';\n import VFormRender from '@/components/form-render/index.vue';\n import { TpfModal } from 'tmgc2-share';\n\n const instance = getCurrentInstance()!;\n\n const attrs = (useAttrs() || {}) as any;\n const visible = ref(false);\n\n type Props = {\n type: string;\n formCode: string;\n };\n\n const props = withDefaults(defineProps<Props>(), {});\n\n const vfCtx = computed(() => {\n return {\n $router: instance.proxy!.$router,\n _id: attrs?.row?.record?._id || null,\n type: props.type,\n instance,\n ...attrs\n };\n });\n\n const { vfdRef, formConfig, getComponentJson } = useLowcode({\n formCode: props.formCode,\n type: props.type\n });\n\n const title = computed(() => {\n if (props.type === 'add') return '新增';\n if (props.type === 'edit') return '编辑';\n if (props.type === 'view') return '查看';\n return '新增';\n });\n\n const show = async () => {\n visible.value = true;\n await nextTick();\n await getComponentJson([]);\n console.log('attrs', attrs);\n };\n\n onMounted(() => {\n show();\n });\n</script>\n\n<style lang=\"less\" scoped></style>\n"],"names":["instance","getCurrentInstance","attrs","useAttrs","visible","ref","props","__props","vfCtx","computed","$router","proxy","_id","row","record","type","vfdRef","formConfig","getComponentJson","useLowcode","formCode","title","show","value","nextTick","console","log","onMounted","_openBlock","_createBlock","_unref","_mergeProps","$event","$attrs","footerRight","_createVNode","SubmitButtonRender","dialogVisible","options","ctx","VFormRender"],"mappings":";;;;;;;;;;;;AAmBI,UAAMA,IAAWC,EAAkB,GAE7BC,IAASC,EAAQ,KAAM,CAAA,GACvBC,IAAUC,EAAI,EAAK,GAOnBC,IAAQC,GAERC,IAAQC,EAAS,MAAM;;AACzB,aAAO;AAAA,QACHC,SAASV,EAASW,MAAOD;AAAAA,QACzBE,OAAKV,KAAAA,IAAAA,KAAAA,gBAAAA,EAAOW,QAAPX,gBAAAA,EAAYY,WAAZZ,gBAAAA,EAAoBU,QAAO;AAAA,QAChCG,MAAMT,EAAMS;AAAAA,QACZf,UAAAA;AAAAA,QACA,GAAGE;AAAAA;IAEX,CAAC,GAEK;AAAA,MAAEc,QAAAA;AAAAA,MAAQC,YAAAA;AAAAA,MAAYC,kBAAAA;AAAAA,QAAqBC,EAAW;AAAA,MACxDC,UAAUd,EAAMc;AAAAA,MAChBL,MAAMT,EAAMS;AAAAA,IAChB,CAAC,GAEKM,IAAQZ,EAAS,MACfH,EAAMS,SAAS,QAAc,OAC7BT,EAAMS,SAAS,SAAe,OAC9BT,EAAMS,SAAS,SAAe,OAC3B,IACV,GAEKO,IAAO,YAAY;AACrBlB,MAAAA,EAAQmB,QAAQ,IAChB,MAAMC,EAAQ,GACd,MAAMN,EAAiB,CAAA,CAAE,GACzBO,QAAQC,IAAI,SAASxB,CAAK;AAAA,IAC9B;AAEAyB,WAAAA,EAAU,MAAM;AACZL,MAAAA,EAAI;AAAA,IACR,CAAC,cA7DDM,EAAA,GAAAC,EASWC,MATXC,EASW;AAAA,MATO3B,SAASA,EAAAmB;AAAAA,iDAAAnB,EAAOmB,QAAAS;AAAAA,OAAUC,EAAAA,QAAM;AAAA,MAAGZ,OAAOA,EAAAE;AAAAA,IAAK,CAAA,GAAA;AAAA,MAElDW,eACP,MAIE,CAJFC,EAIEC,GAAA;AAAA,QAHUC,eAAejC,EAAAmB;AAAAA,yDAAAnB,EAAOmB,QAAAS;AAAAA,QAC7BM,SAASR,EAAAb,CAAA;AAAA,QACTsB,KAAKT,EAAAd,CAAA;AAAA;iBALd,MAA2C,CAA3CmB,EAA2CK,GAAA;AAAA,QAA7BhC,OAAOA,EAAAe;AAAAA,iBAAW;AAAA,QAAJlB,KAAIW;AAAAA;;;;;"}
@@ -1,28 +1,28 @@
1
- import { defineAsyncComponent as i, createApp as u, createVNode as t, mergeProps as a } from "vue";
2
- import { TpfConfigProvider as f } from "tmgc2-share";
3
- const v = (n) => {
1
+ import { defineAsyncComponent as a, createApp as f, createVNode as c, mergeProps as C } from "vue";
2
+ import { TpfConfigProvider as u } from "tmgc2-share";
3
+ const y = (n, t) => {
4
4
  console.log("ops: ", n);
5
5
  const {
6
- type: c,
7
- formCode: d,
8
- ...m
6
+ type: m,
7
+ formCode: r,
8
+ ...d
9
9
  } = n, o = document.createElement("div");
10
10
  document.body.appendChild(o);
11
- const p = i(() => import("./CustomerModal.vue.js")), r = (s) => {
12
- s.unmount(), o.remove();
13
- }, l = () => {
14
- console.log("cancel"), r(e);
15
- }, e = u(t(f, null, {
16
- default: () => [t(p, a({
17
- type: c,
18
- formCode: d
11
+ const l = a(() => import("./CustomerModal.vue.js")), p = (i) => {
12
+ i.unmount(), o.remove();
13
+ }, s = () => {
14
+ console.log("cancel"), p(e);
15
+ }, e = f(c(u, null, {
16
+ default: () => [c(l, C({
17
+ type: m,
18
+ formCode: r
19
19
  }, {
20
- onCancel: l
21
- }, m), null)]
20
+ onCancel: s
21
+ }, d), null)]
22
22
  }));
23
- window.useMountApp && window.useMountApp(e), e.mount(o);
23
+ t && t(e), e.mount(o);
24
24
  };
25
25
  export {
26
- v as openCustomerModal
26
+ y as openCustomerModal
27
27
  };
28
28
  //# sourceMappingURL=useCustomerModal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useCustomerModal.js","sources":["../../../../../src/components/public/CustomerModal/useCustomerModal.tsx"],"sourcesContent":["import { App, createApp, defineAsyncComponent } from 'vue';\nimport { TpfConfigProvider } from 'tmgc2-share';\n\ntype CustomerModalProps = { type: string; formCode: string } & Record<string, any>;\n\nexport const openCustomerModal = (ops: CustomerModalProps) => {\n console.log('ops: ', ops);\n const { type, formCode, ...args } = ops;\n\n const div = document.createElement('div');\n document.body.appendChild(div);\n const Com = defineAsyncComponent(() => import('./CustomerModal.vue'));\n\n const hide = (modal: App<Element>) => {\n modal.unmount();\n div.remove();\n };\n\n const onCancel = () => {\n console.log('cancel');\n hide(modal);\n };\n\n const modal = createApp(\n <TpfConfigProvider>\n <Com type={type} formCode={formCode} {...{ onCancel }} {...args} />\n </TpfConfigProvider>\n );\n\n // 使用全局的useMountApp函数注册Ant Design组件\n if (window.useMountApp) {\n window.useMountApp(modal);\n }\n\n modal.mount(div);\n};\n\n// export default function useCustomerModal(app: App, useMountApp: (app: App<Element>) => App) {\n// app.config.globalProperties.$openCustomerModal = ops => {\n// openCustomerModal(ops, useMountApp);\n// };\n// }\n"],"names":["openCustomerModal","ops","console","log","type","formCode","args","div","document","createElement","body","appendChild","Com","defineAsyncComponent","hide","modal","unmount","remove","onCancel","createApp","_createVNode","TpfConfigProvider","default","_mergeProps","window","useMountApp","mount"],"mappings":";;AAKO,MAAMA,IAAqBC,CAAAA,MAA4B;AAC1DC,UAAQC,IAAI,SAASF,CAAG;AACxB,QAAM;AAAA,IAAEG,MAAAA;AAAAA,IAAMC,UAAAA;AAAAA,IAAU,GAAGC;AAAAA,EAAK,IAAIL,GAE9BM,IAAMC,SAASC,cAAc,KAAK;AACxCD,WAASE,KAAKC,YAAYJ,CAAG;AAC7B,QAAMK,IAAMC,EAAqB,MAAM,OAAO,wBAAqB,CAAC,GAE9DC,IAAQC,CAAAA,MAAwB;AAClCA,IAAAA,EAAMC,QAAO,GACbT,EAAIU,OAAM;AAAA,EACd,GAEMC,IAAWA,MAAM;AACnBhB,YAAQC,IAAI,QAAQ,GACpBW,EAAKC,CAAK;AAAA,EACd,GAEMA,IAAQI,EAASC,EAAAC,GAAA,MAAA;AAAA,IAAAC,SAAAA,MAAA,CAAAF,EAAAR,GAAAW,EAAA;AAAA,MAAA,MAEJnB;AAAAA,MAAI,UAAYC;AAAAA,IAAQ,GAAA;AAAA,MAAQa,UAAAA;AAAAA,IAAQ,GAAQZ,CAAI,GAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAEvE;AAGA,EAAIkB,OAAOC,eACPD,OAAOC,YAAYV,CAAK,GAG5BA,EAAMW,MAAMnB,CAAG;AACnB;"}
1
+ {"version":3,"file":"useCustomerModal.js","sources":["../../../../../src/components/public/CustomerModal/useCustomerModal.tsx"],"sourcesContent":["import { App, createApp, defineAsyncComponent } from 'vue';\nimport { TpfConfigProvider } from 'tmgc2-share';\n\ntype CustomerModalProps = { type: string; formCode: string } & Record<string, any>;\n\nexport const openCustomerModal = (ops: CustomerModalProps, useMountApp) => {\n console.log('ops: ', ops);\n const { type, formCode, ...args } = ops;\n\n const div = document.createElement('div');\n document.body.appendChild(div);\n const Com = defineAsyncComponent(() => import('./CustomerModal.vue'));\n\n const hide = (modal: App<Element>) => {\n modal.unmount();\n div.remove();\n };\n\n const onCancel = () => {\n console.log('cancel');\n hide(modal);\n };\n\n const modal = createApp(\n <TpfConfigProvider>\n <Com type={type} formCode={formCode} {...{ onCancel }} {...args} />\n </TpfConfigProvider>\n );\n\n // 使用全局的useMountApp函数注册Ant Design组件\n if (useMountApp) {\n useMountApp(modal);\n }\n\n modal.mount(div);\n};\n\n// export default function useCustomerModal(app: App, useMountApp: (app: App<Element>) => App) {\n// app.config.globalProperties.$openCustomerModal = ops => {\n// openCustomerModal(ops, useMountApp);\n// };\n// }\n"],"names":["openCustomerModal","ops","useMountApp","console","log","type","formCode","args","div","document","createElement","body","appendChild","Com","defineAsyncComponent","hide","modal","unmount","remove","onCancel","createApp","_createVNode","TpfConfigProvider","default","_mergeProps","mount"],"mappings":";;MAKaA,IAAoBA,CAACC,GAAyBC,MAAgB;AACvEC,UAAQC,IAAI,SAASH,CAAG;AACxB,QAAM;AAAA,IAAEI,MAAAA;AAAAA,IAAMC,UAAAA;AAAAA,IAAU,GAAGC;AAAAA,EAAK,IAAIN,GAE9BO,IAAMC,SAASC,cAAc,KAAK;AACxCD,WAASE,KAAKC,YAAYJ,CAAG;AAC7B,QAAMK,IAAMC,EAAqB,MAAM,OAAO,wBAAqB,CAAC,GAE9DC,IAAQC,CAAAA,MAAwB;AAClCA,IAAAA,EAAMC,QAAO,GACbT,EAAIU,OAAM;AAAA,EACd,GAEMC,IAAWA,MAAM;AACnBhB,YAAQC,IAAI,QAAQ,GACpBW,EAAKC,CAAK;AAAA,EACd,GAEMA,IAAQI,EAASC,EAAAC,GAAA,MAAA;AAAA,IAAAC,SAAAA,MAAA,CAAAF,EAAAR,GAAAW,EAAA;AAAA,MAAA,MAEJnB;AAAAA,MAAI,UAAYC;AAAAA,IAAQ,GAAA;AAAA,MAAQa,UAAAA;AAAAA,IAAQ,GAAQZ,CAAI,GAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAEvE;AAGA,EAAIL,KACAA,EAAYc,CAAK,GAGrBA,EAAMS,MAAMjB,CAAG;AACnB;"}