@maketribe/ms-app 3.2.46 → 4.0.0-alpha.1

package/dist/esm/components/data-model/data-filter-form/data-filter-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-form.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form.tsx"],"sourcesContent":["import {\r\n  Suspense,\r\n  computed,\r\n  defineComponent,\r\n  provide,\r\n  reactive,\r\n  unref,\r\n  watch,\r\n  onMounted,\r\n  Fragment,\r\n} from \"vue\";\r\nimport { dataFilterFormProps } from \"./data-filter-form-options\";\r\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\r\nimport { DATA_FILTER_CONTEXT } from \"./token\";\r\nimport { ElForm } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataFilterForm\",\r\n  props: dataFilterFormProps,\r\n  setup(props, { slots }) {\r\n    const dataTable = computed(() => props.dataTable);\r\n    const dataFilter = computed(() => unref(dataTable).dataFilter);\r\n\r\n    const columns = computed(() =>\r\n      unref(dataFilter)\r\n        .getColumns()\r\n        .filter((column) => column.visible)\r\n    );\r\n\r\n    const labelWidth = computed(() => {\r\n      const maxWordCount = Math.max(\r\n        ...unref(columns).map((column) => column.label.length)\r\n      );\r\n\r\n      return maxWordCount * 14 + 20;\r\n    });\r\n\r\n    provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\r\n\r\n    let resolve: Function | null = null;\r\n    const suspenseResolvePromise = new Promise((_resolve) => {\r\n      resolve = _resolve;\r\n    });\r\n\r\n    const handleResolve = () => {\r\n      resolve?.();\r\n    };\r\n\r\n    onMounted(() => {\r\n      watch(\r\n        dataTable,\r\n        async (dataTable, _, onCleanup) => {\r\n          await suspenseResolvePromise;\r\n\r\n          const disposable = dataTable.afterInitdEvent.on(() => {\r\n            dataTable.dataFilter.setReady();\r\n          });\r\n\r\n          onCleanup(() => {\r\n            disposable.dispose();\r\n          });\r\n        },\r\n        { immediate: true }\r\n      );\r\n    });\r\n\r\n    return () => {\r\n      if (!unref(columns).length) {\r\n        return null;\r\n      }\r\n\r\n      let children: any = slots.default?.();\r\n\r\n      if (!children) {\r\n        children = unref(columns).map((column) => {\r\n          if (!column.name) {\r\n            return null;\r\n          }\r\n\r\n          return (\r\n            slots[`col-${column.name}`]?.() || (\r\n              <MKDataFilterFormItem\r\n                name={column.name}\r\n                v-slots={{ default: slots[`col-${column.name}-content`] }}\r\n              />\r\n            )\r\n          );\r\n        });\r\n      }\r\n\r\n      if (!children) {\r\n        return null;\r\n      }\r\n\r\n      return (\r\n        <ElForm class=\"mk-data-filter-form\">\r\n          <Suspense onResolve={handleResolve}>\r\n            <Fragment>{children}</Fragment>\r\n          </Suspense>\r\n        </ElForm>\r\n      );\r\n    };\r\n  },\r\n});\r\n\r\n// export default defineComponent({\r\n//   name: \"MKDataFilterForm\",\r\n//   props: dataFilterFormProps,\r\n//   setup(props, { slots }) {\r\n//     const dataTable = computed(() => props.dataTable);\r\n//     const dataFilter = computed(() => unref(dataTable).dataFilter);\r\n\r\n//     const columns = computed(() =>\r\n//       unref(dataFilter)\r\n//         .getColumns()\r\n//         .filter((column) => column.visible)\r\n//     );\r\n\r\n//     const labelWidth = computed(() => {\r\n//       const maxWordCount = Math.max(\r\n//         ...unref(columns).map((column) => column.label.length)\r\n//       );\r\n\r\n//       return maxWordCount * 14 + 10;\r\n//     });\r\n\r\n//     provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\r\n\r\n//     let resolve: Function | null = null;\r\n//     const suspenseResolvePromise = new Promise((_resolve) => {\r\n//       resolve = _resolve;\r\n//     });\r\n\r\n//     const handleResolve = () => {\r\n//       resolve?.();\r\n//     };\r\n\r\n//     onMounted(() => {\r\n//       watch(\r\n//         dataTable,\r\n//         async (dataTable, _, onCleanup) => {\r\n//           await suspenseResolvePromise;\r\n\r\n//           const disposable = dataTable.afterInitdEvent.on(() => {\r\n//             dataTable.dataFilter.setReady();\r\n//           });\r\n\r\n//           onCleanup(() => {\r\n//             disposable.dispose();\r\n//           });\r\n//         },\r\n//         { immediate: true }\r\n//       );\r\n//     });\r\n\r\n//     return () => {\r\n//       if (!unref(columns).length) {\r\n//         return null;\r\n//       }\r\n\r\n//       let children: any = slots.default?.();\r\n\r\n//       if (!children) {\r\n//         children = unref(columns).map((column) => {\r\n//           if (!column.name) {\r\n//             return null;\r\n//           }\r\n\r\n//           return (\r\n//             slots[`col-${column.name}`]?.() || (\r\n//               <MKDataFilterFormItem\r\n//                 name={column.name}\r\n//                 v-slots={{ default: slots[`col-${column.name}-content`] }}\r\n//               />\r\n//             )\r\n//           );\r\n//         });\r\n//       }\r\n\r\n//       if (!children) {\r\n//         return null;\r\n//       }\r\n\r\n//       return (\r\n//         <div class=\"mk-data-filter-form\">\r\n//           <Suspense onResolve={handleResolve}>\r\n//             <Fragment>{children}</Fragment>\r\n//           </Suspense>\r\n//         </div>\r\n//       );\r\n//     };\r\n//   },\r\n// });\r\n"],"names":["defineComponent","name","props","dataFilterFormProps","setup","slots","dataTable","computed","dataFilter","unref","columns","getColumns","filter","column","visible","labelWidth","maxWordCount","Math","max","map","label","length","provide","DATA_FILTER_CONTEXT","reactive","resolve","suspenseResolvePromise","Promise","_resolve","handleResolve","onMounted","watch","_","onCleanup","disposable","afterInitdEvent","on","setReady","dispose","immediate","children","default","_createVNode","MKDataFilterFormItem","ElForm","Suspense","_Fragment"],"mappings":";;;;;AAgBA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,YAAYC,SAAS,MAAML,MAAMI,SAAS;AAChD,UAAME,aAAaD,SAAS,MAAME,MAAMH,SAAS,EAAEE,UAAU;AAE7D,UAAME,UAAUH,SAAS,MACvBE,MAAMD,UAAU,EACbG,WAAY,EACZC,OAAQC,YAAWA,OAAOC,OAAO,CACtC;AAEA,UAAMC,aAAaR,SAAS,MAAM;AAChC,YAAMS,eAAeC,KAAKC,IACxB,GAAGT,MAAMC,OAAO,EAAES,IAAKN,YAAWA,OAAOO,MAAMC,MAAM,CACvD;AAEA,aAAOL,eAAe,KAAK;AAAA,IAC7B,CAAC;AAEDM,YAAQC,qBAAqBC,SAAS;AAAA,MAAEhB;AAAAA,MAAYO;AAAAA,IAAY,CAAA,CAAC;AAEjE,QAAIU,UAA2B;AAC/B,UAAMC,yBAAyB,IAAIC,QAASC,cAAa;AACvDH,gBAAUG;AAAAA,IACZ,CAAC;AAED,UAAMC,gBAAgBA,MAAM;AAC1BJ;AAAAA;AAGFK,cAAU,MAAM;AACdC,YACEzB,WACA,OAAOA,YAAW0B,GAAGC,cAAc;AACjC,cAAMP;AAEN,cAAMQ,aAAa5B,WAAU6B,gBAAgBC,GAAG,MAAM;AACpD9B,UAAAA,WAAUE,WAAW6B;QACvB,CAAC;AAEDJ,kBAAU,MAAM;AACdC,qBAAWI,QAAO;AAAA,QACpB,CAAC;AAAA,MACH,GACA;AAAA,QAAEC,WAAW;AAAA,MAAK,CACpB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;;AACX,UAAI,CAAC9B,MAAMC,OAAO,EAAEW,QAAQ;AAC1B,eAAO;AAAA,MACT;AAEA,UAAImB,YAAgBnC,WAAMoC,YAANpC;AAEpB,UAAI,CAACmC,UAAU;AACbA,mBAAW/B,MAAMC,OAAO,EAAES,IAAKN,YAAW;;AACxC,cAAI,CAACA,OAAOZ,MAAM;AAChB,mBAAO;AAAA,UACT;AAEA,mBACEI,MAAAA,MAAM,OAAOQ,OAAOZ,IAAI,QAAxBI,gBAAAA,IAAAA,gBAA+BqC,YAAAC,sBAAA;AAAA,YAAA,QAErB9B,OAAOZ;AAAAA,aACJ;AAAA,YAAEwC,SAASpC,MAAM,OAAOQ,OAAOZ,IAAI,UAAU;AAAA,UAAE,CAAC;AAAA,QAIjE,CAAC;AAAA,MACH;AAEA,UAAI,CAACuC,UAAU;AACb,eAAO;AAAA,MACT;AAEA,aAAAE,YAAAE,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAH,SAAAA,MAAAC,CAAAA,YAAAG,UAAA;AAAA,UAAA,aAEyBhB;AAAAA,QAAa,GAAA;AAAA,UAAAY,SAAAA,MAAA,CAAAC,YAAAI,iBACrBN,QAAQ,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAK7B;AACF,CAAC;"}
+{"version":3,"file":"data-filter-form.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form.tsx"],"sourcesContent":["import {\n  Suspense,\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  watch,\n  onMounted,\n  Fragment,\n} from \"vue\";\nimport { dataFilterFormProps } from \"./data-filter-form-options\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport { DATA_FILTER_CONTEXT } from \"./token\";\nimport { ElForm } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKDataFilterForm\",\n  props: dataFilterFormProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n    const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n    const columns = computed(() =>\n      unref(dataFilter)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    const labelWidth = computed(() => {\n      const maxWordCount = Math.max(\n        ...unref(columns).map((column) => column.label.length)\n      );\n\n      return maxWordCount * 14 + 20;\n    });\n\n    provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n    let resolve: Function | null = null;\n    const suspenseResolvePromise = new Promise((_resolve) => {\n      resolve = _resolve;\n    });\n\n    const handleResolve = () => {\n      resolve?.();\n    };\n\n    onMounted(() => {\n      watch(\n        dataTable,\n        async (dataTable, _, onCleanup) => {\n          await suspenseResolvePromise;\n\n          const disposable = dataTable.afterInitdEvent.on(() => {\n            dataTable.dataFilter.setReady();\n          });\n\n          onCleanup(() => {\n            disposable.dispose();\n          });\n        },\n        { immediate: true }\n      );\n    });\n\n    return () => {\n      if (!unref(columns).length) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      if (!children) {\n        children = unref(columns).map((column) => {\n          if (!column.name) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() || (\n              <MKDataFilterFormItem\n                name={column.name}\n                v-slots={{ default: slots[`col-${column.name}-content`] }}\n              />\n            )\n          );\n        });\n      }\n\n      if (!children) {\n        return null;\n      }\n\n      return (\n        <ElForm class=\"mk-data-filter-form\">\n          <Suspense onResolve={handleResolve}>\n            <Fragment>{children}</Fragment>\n          </Suspense>\n        </ElForm>\n      );\n    };\n  },\n});\n\n// export default defineComponent({\n//   name: \"MKDataFilterForm\",\n//   props: dataFilterFormProps,\n//   setup(props, { slots }) {\n//     const dataTable = computed(() => props.dataTable);\n//     const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n//     const columns = computed(() =>\n//       unref(dataFilter)\n//         .getColumns()\n//         .filter((column) => column.visible)\n//     );\n\n//     const labelWidth = computed(() => {\n//       const maxWordCount = Math.max(\n//         ...unref(columns).map((column) => column.label.length)\n//       );\n\n//       return maxWordCount * 14 + 10;\n//     });\n\n//     provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n//     let resolve: Function | null = null;\n//     const suspenseResolvePromise = new Promise((_resolve) => {\n//       resolve = _resolve;\n//     });\n\n//     const handleResolve = () => {\n//       resolve?.();\n//     };\n\n//     onMounted(() => {\n//       watch(\n//         dataTable,\n//         async (dataTable, _, onCleanup) => {\n//           await suspenseResolvePromise;\n\n//           const disposable = dataTable.afterInitdEvent.on(() => {\n//             dataTable.dataFilter.setReady();\n//           });\n\n//           onCleanup(() => {\n//             disposable.dispose();\n//           });\n//         },\n//         { immediate: true }\n//       );\n//     });\n\n//     return () => {\n//       if (!unref(columns).length) {\n//         return null;\n//       }\n\n//       let children: any = slots.default?.();\n\n//       if (!children) {\n//         children = unref(columns).map((column) => {\n//           if (!column.name) {\n//             return null;\n//           }\n\n//           return (\n//             slots[`col-${column.name}`]?.() || (\n//               <MKDataFilterFormItem\n//                 name={column.name}\n//                 v-slots={{ default: slots[`col-${column.name}-content`] }}\n//               />\n//             )\n//           );\n//         });\n//       }\n\n//       if (!children) {\n//         return null;\n//       }\n\n//       return (\n//         <div class=\"mk-data-filter-form\">\n//           <Suspense onResolve={handleResolve}>\n//             <Fragment>{children}</Fragment>\n//           </Suspense>\n//         </div>\n//       );\n//     };\n//   },\n// });\n"],"names":["defineComponent","name","props","dataFilterFormProps","setup","slots","dataTable","computed","dataFilter","unref","columns","getColumns","filter","column","visible","labelWidth","maxWordCount","Math","max","map","label","length","provide","DATA_FILTER_CONTEXT","reactive","resolve","suspenseResolvePromise","Promise","_resolve","handleResolve","onMounted","watch","_","onCleanup","disposable","afterInitdEvent","on","setReady","dispose","immediate","children","default","_createVNode","MKDataFilterFormItem","ElForm","Suspense","_Fragment"],"mappings":";;;;;AAgBA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,YAAYC,SAAS,MAAML,MAAMI,SAAS;AAChD,UAAME,aAAaD,SAAS,MAAME,MAAMH,SAAS,EAAEE,UAAU;AAE7D,UAAME,UAAUH,SAAS,MACvBE,MAAMD,UAAU,EACbG,WAAY,EACZC,OAAQC,YAAWA,OAAOC,OAAO,CACtC;AAEA,UAAMC,aAAaR,SAAS,MAAM;AAChC,YAAMS,eAAeC,KAAKC,IACxB,GAAGT,MAAMC,OAAO,EAAES,IAAKN,YAAWA,OAAOO,MAAMC,MAAM,CACvD;AAEA,aAAOL,eAAe,KAAK;AAAA,IAC7B,CAAC;AAEDM,YAAQC,qBAAqBC,SAAS;AAAA,MAAEhB;AAAAA,MAAYO;AAAAA,IAAY,CAAA,CAAC;AAEjE,QAAIU,UAA2B;AAC/B,UAAMC,yBAAyB,IAAIC,QAASC,cAAa;AACvDH,gBAAUG;AAAAA,IACZ,CAAC;AAED,UAAMC,gBAAgBA,MAAM;AAC1BJ;AAAAA;AAGFK,cAAU,MAAM;AACdC,YACEzB,WACA,OAAOA,YAAW0B,GAAGC,cAAc;AACjC,cAAMP;AAEN,cAAMQ,aAAa5B,WAAU6B,gBAAgBC,GAAG,MAAM;AACpD9B,UAAAA,WAAUE,WAAW6B;QACvB,CAAC;AAEDJ,kBAAU,MAAM;AACdC,qBAAWI,QAAO;AAAA,QACpB,CAAC;AAAA,MACH,GACA;AAAA,QAAEC,WAAW;AAAA,MAAK,CACpB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;;AACX,UAAI,CAAC9B,MAAMC,OAAO,EAAEW,QAAQ;AAC1B,eAAO;AAAA,MACT;AAEA,UAAImB,YAAgBnC,WAAMoC,YAANpC;AAEpB,UAAI,CAACmC,UAAU;AACbA,mBAAW/B,MAAMC,OAAO,EAAES,IAAKN,YAAW;;AACxC,cAAI,CAACA,OAAOZ,MAAM;AAChB,mBAAO;AAAA,UACT;AAEA,mBACEI,MAAAA,MAAM,OAAOQ,OAAOZ,IAAI,QAAxBI,gBAAAA,IAAAA,gBAA+BqC,YAAAC,sBAAA;AAAA,YAAA,QAErB9B,OAAOZ;AAAAA,aACJ;AAAA,YAAEwC,SAASpC,MAAM,OAAOQ,OAAOZ,IAAI,UAAU;AAAA,UAAE,CAAC;AAAA,QAIjE,CAAC;AAAA,MACH;AAEA,UAAI,CAACuC,UAAU;AACb,eAAO;AAAA,MACT;AAEA,aAAAE,YAAAE,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAH,SAAAA,MAAAC,CAAAA,YAAAG,UAAA;AAAA,UAAA,aAEyBhB;AAAAA,QAAa,GAAA;AAAA,UAAAY,SAAAA,MAAA,CAAAC,YAAAI,iBACrBN,QAAQ,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAK7B;AACF,CAAC;"}

package/dist/esm/components/data-model/data-filter-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-filter-form/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\r\nimport DataFilterForm from \"./data-filter-form\";\r\n\r\nexport const MKDataFilterForm = withInstall(DataFilterForm, {\r\n  MKDataFilterFormItem,\r\n});\r\nexport default MKDataFilterForm;\r\n\r\nexport * from \"./data-filter-form-item\";\r\nexport * from \"./data-filter-form-options\";\r\nexport * from \"./composables\";\r\nexport * from \"./operator-options\";\r\n\r\nexport * from \"./components\";\r\n"],"names":[],"mappings":";;;;;;;;;;AAIa,MAAA,mBAAmB,YAAY,gBAAgB;AAAA,EAC1D;AACF,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-filter-form/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport DataFilterForm from \"./data-filter-form\";\n\nexport const MKDataFilterForm = withInstall(DataFilterForm, {\n  MKDataFilterFormItem,\n});\nexport default MKDataFilterForm;\n\nexport * from \"./data-filter-form-item\";\nexport * from \"./data-filter-form-options\";\nexport * from \"./composables\";\nexport * from \"./operator-options\";\n\nexport * from \"./components\";\n"],"names":[],"mappings":";;;;;;;;;;AAIa,MAAA,mBAAmB,YAAY,gBAAgB;AAAA,EAC1D;AACF,CAAC;"}

package/dist/esm/components/data-model/data-filter-form/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-filter-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\r\nimport { Operator, FilterColumn, DataFilter } from \"@maketribe/dm\";\r\nimport { OperatorOption } from \"./operator-options\";\r\n\r\nexport interface DataFilterContext {\r\n  dataFilter: DataFilter;\r\n  labelWidth: number;\r\n}\r\n\r\nexport interface DataFilterItemContext {\r\n  dataFilter: DataFilter;\r\n  // dataFilterItem: DataFilterItem;\r\n}\r\n\r\n// export interface DataFilterItem {\r\n//   dataFilter: DataFilter;\r\n//   column: FilterColumn;\r\n//   currentOperator: Operator | null;\r\n//   operatorOptions: OperatorOption[];\r\n//   setOperator(operator: Operator): void;\r\n//   setOperatorOptions(options: OperatorOption[]): void;\r\n//   setValue(value: any): void;\r\n//   getValue(): any;\r\n// }\r\n\r\nexport const DATA_FILTER_CONTEXT: InjectionKey<DataFilterContext> = Symbol(\r\n  \"DATA_FILTER_CONTEXT\"\r\n);\r\nexport const DATA_FILTER_ITEM_CONTEXT: InjectionKey<DataFilterItemContext> =\r\n  Symbol(\"DATA_FILTER_ITEM_CONTEXT\");\r\n\r\nexport const DATA_FILTER_QUERY_NAME: string = \"dataTableParams\";\r\n"],"names":[],"mappings":"AAyBO,MAAM,sBAAuD;AAAA,EAClE;AACF;"}
+{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-filter-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\nimport { Operator, FilterColumn, DataFilter } from \"@maketribe/dm\";\nimport { OperatorOption } from \"./operator-options\";\n\nexport interface DataFilterContext {\n  dataFilter: DataFilter;\n  labelWidth: number;\n}\n\nexport interface DataFilterItemContext {\n  dataFilter: DataFilter;\n  // dataFilterItem: DataFilterItem;\n}\n\n// export interface DataFilterItem {\n//   dataFilter: DataFilter;\n//   column: FilterColumn;\n//   currentOperator: Operator | null;\n//   operatorOptions: OperatorOption[];\n//   setOperator(operator: Operator): void;\n//   setOperatorOptions(options: OperatorOption[]): void;\n//   setValue(value: any): void;\n//   getValue(): any;\n// }\n\nexport const DATA_FILTER_CONTEXT: InjectionKey<DataFilterContext> = Symbol(\n  \"DATA_FILTER_CONTEXT\"\n);\nexport const DATA_FILTER_ITEM_CONTEXT: InjectionKey<DataFilterItemContext> =\n  Symbol(\"DATA_FILTER_ITEM_CONTEXT\");\n\nexport const DATA_FILTER_QUERY_NAME: string = \"dataTableParams\";\n"],"names":[],"mappings":"AAyBO,MAAM,sBAAuD;AAAA,EAClE;AACF;"}

package/dist/esm/components/data-model/data-form/components/form-detail/form-detail-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-detail-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { FormDetailColumn } from \"@maketribe/dm\";\r\n\r\nexport const formDetailProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  column: { type: FormDetailColumn, required: true },\r\n  formWidth: {\r\n    type: String,\r\n    default: \"400px\",\r\n  },\r\n} as const);\r\n\r\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\r\n\r\nexport const formDetailEmits = {\r\n  \"update:model-value\": (v: any) => true,\r\n};\r\n\r\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\r\n"],"names":[],"mappings":";;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ,EAAE,MAAM,kBAAkB,UAAU,KAAK;AAAA,EACjD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,MAAW;AACpC;"}
+{"version":3,"file":"form-detail-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\n\nexport const formDetailProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n  formWidth: {\n    type: String,\n    default: \"400px\",\n  },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n\nexport const formDetailEmits = {\n  \"update:model-value\": (v: any) => true,\n};\n\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\n"],"names":[],"mappings":";;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ,EAAE,MAAM,kBAAkB,UAAU,KAAK;AAAA,EACjD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,MAAW;AACpC;"}

package/dist/esm/components/data-model/data-form/components/form-detail/form-detail.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, watch, unref, ref, createVNode, isVNode } from "vue";
 import { MKPageContainer } from "../../../../basic/page-container/index.js";
 import { MKDataTable } from "../../../data-table/index.js";
-import DataForm from "../../data-form.js";
+import DataForm from "../../data-form.vue.js";
 import { formDetailProps, formDetailEmits } from "./form-detail-options.js";
 import { useFormItem } from "../../composables/use-form-item.js";
 import { ElEmpty, ElDrawer } from "element-plus";

package/dist/esm/components/data-model/data-form/components/form-detail/form-detail.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-detail.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail.tsx"],"sourcesContent":["import { computed, defineComponent, ref, unref, watch } from \"vue\";\r\nimport { MKPageContainer } from \"../../../../basic/page-container\";\r\nimport { MKDataTable } from \"../../../data-table\";\r\nimport DataForm from \"../../data-form\";\r\nimport { formDetailEmits, formDetailProps } from \"./form-detail-options\";\r\nimport { useFormItem } from \"../../composables\";\r\nimport { ElDrawer, ElEmpty } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormDetail\",\r\n  props: formDetailProps,\r\n  emits: formDetailEmits,\r\n  setup(props) {\r\n    const detailTable = computed(() => props.column.detailTable);\r\n    const detailForm = computed(() => props.column.detailForm!);\r\n\r\n    const { value } = useFormItem();\r\n\r\n    watch(\r\n      computed(() => unref(value)),\r\n      (value) => {\r\n        const _detailTable = unref(detailTable);\r\n\r\n        value = Array.isArray(value) ? value : [];\r\n\r\n        _detailTable.setList(\r\n          value.map((item: any) => _detailTable.formatItem(item))\r\n        );\r\n      }\r\n    );\r\n\r\n    const isShowDataForm = ref(false);\r\n\r\n    watch(\r\n      detailTable,\r\n      (dataTable, _, onCleanup) => {\r\n        const addRecordDisposable = dataTable.addRecordEvent.on(async ({ item }) => {\r\n          const _dataForm = unref(detailForm);\r\n\r\n          if (!_dataForm) {\r\n            console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n            return;\r\n          }\r\n\r\n          isShowDataForm.value = true;\r\n\r\n          _dataForm.addRecord(item);\r\n        });\r\n\r\n        const editRecordDisposable = dataTable.editRecordEvent.on(\r\n          async ({ item }) => {\r\n            const _dataForm = unref(detailForm);\r\n\r\n            if (!_dataForm) {\r\n              console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n              return;\r\n            }\r\n\r\n            isShowDataForm.value = true;\r\n\r\n            try {\r\n              const response = await _dataForm.editRecord(item);\r\n\r\n              if (response.data.code !== 200) {\r\n                Messager.error({ message: response.data.msg });\r\n                isShowDataForm.value = false;\r\n                return;\r\n              }\r\n            } catch (e) {\r\n              console.error(e);\r\n              isShowDataForm.value = false;\r\n            }\r\n          }\r\n        );\r\n\r\n        onCleanup(() => {\r\n          addRecordDisposable.dispose();\r\n          editRecordDisposable.dispose();\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    watch(\r\n      detailForm,\r\n      (dataForm, _, onCleanup) => {\r\n        const submittedDisposable = dataForm.submittedEvent.on(() => {\r\n          isShowDataForm.value = false;\r\n\r\n          unref(detailTable)?.load();\r\n        });\r\n\r\n        const cancelDisposable = dataForm.cancelEvent.on(() => {\r\n          isShowDataForm.value = false;\r\n        });\r\n\r\n        onCleanup(() => {\r\n          submittedDisposable.dispose();\r\n          cancelDisposable.dispose();\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    return () => {\r\n      const dataForm = unref(isShowDataForm) ? (\r\n        <MKPageContainer>\r\n          <DataForm dataForm={unref(detailForm)} autoLoad={false} />\r\n        </MKPageContainer>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-form-detail\">\r\n          <MKDataTable\r\n            dataTable={unref(detailTable)}\r\n            autoLoad={false}\r\n            v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\r\n          />\r\n          <ElDrawer\r\n            class=\"mk-form-detail__drawer\"\r\n            modelValue={unref(isShowDataForm)}\r\n            onUpdate:modelValue={(v) => (isShowDataForm.value = v)}\r\n            appendToBody\r\n            withHeader={false}\r\n            width=\"50%\"\r\n          >\r\n            {dataForm}\r\n          </ElDrawer>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formDetailProps","emits","formDetailEmits","setup","detailTable","computed","column","detailForm","value","useFormItem","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","isShowDataForm","ref","dataTable","_","onCleanup","addRecordDisposable","addRecordEvent","on","_dataForm","console","warn","addRecord","editRecordDisposable","editRecordEvent","response","editRecord","data","code","Messager","error","message","msg","e","dispose","immediate","dataForm","submittedDisposable","submittedEvent","load","cancelDisposable","cancelEvent","_createVNode","MKPageContainer","default","DataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":"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"}
+{"version":3,"file":"form-detail.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail.tsx"],"sourcesContent":["import { computed, defineComponent, ref, unref, watch } from \"vue\";\r\nimport { MKPageContainer } from \"../../../../basic/page-container\";\r\nimport { MKDataTable } from \"../../../data-table\";\r\nimport DataForm from \"../../data-form.vue\";\r\nimport { formDetailEmits, formDetailProps } from \"./form-detail-options\";\r\nimport { useFormItem } from \"../../composables\";\r\nimport { ElDrawer, ElEmpty } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormDetail\",\r\n  props: formDetailProps,\r\n  emits: formDetailEmits,\r\n  setup(props) {\r\n    const detailTable = computed(() => props.column.detailTable);\r\n    const detailForm = computed(() => props.column.detailForm!);\r\n\r\n    const { value } = useFormItem();\r\n\r\n    watch(\r\n      computed(() => unref(value)),\r\n      (value) => {\r\n        const _detailTable = unref(detailTable);\r\n\r\n        value = Array.isArray(value) ? value : [];\r\n\r\n        _detailTable.setList(\r\n          value.map((item: any) => _detailTable.formatItem(item))\r\n        );\r\n      }\r\n    );\r\n\r\n    const isShowDataForm = ref(false);\r\n\r\n    watch(\r\n      detailTable,\r\n      (dataTable, _, onCleanup) => {\r\n        const addRecordDisposable = dataTable.addRecordEvent.on(async ({ item }) => {\r\n          const _dataForm = unref(detailForm);\r\n\r\n          if (!_dataForm) {\r\n            console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n            return;\r\n          }\r\n\r\n          isShowDataForm.value = true;\r\n\r\n          _dataForm.addRecord(item);\r\n        });\r\n\r\n        const editRecordDisposable = dataTable.editRecordEvent.on(\r\n          async ({ item }) => {\r\n            const _dataForm = unref(detailForm);\r\n\r\n            if (!_dataForm) {\r\n              console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n              return;\r\n            }\r\n\r\n            isShowDataForm.value = true;\r\n\r\n            try {\r\n              const response = await _dataForm.editRecord(item);\r\n\r\n              if (response.data.code !== 200) {\r\n                Messager.error({ message: response.data.msg });\r\n                isShowDataForm.value = false;\r\n                return;\r\n              }\r\n            } catch (e) {\r\n              console.error(e);\r\n              isShowDataForm.value = false;\r\n            }\r\n          }\r\n        );\r\n\r\n        onCleanup(() => {\r\n          addRecordDisposable.dispose();\r\n          editRecordDisposable.dispose();\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    watch(\r\n      detailForm,\r\n      (dataForm, _, onCleanup) => {\r\n        const submittedDisposable = dataForm.submittedEvent.on(() => {\r\n          isShowDataForm.value = false;\r\n\r\n          unref(detailTable)?.load();\r\n        });\r\n\r\n        const cancelDisposable = dataForm.cancelEvent.on(() => {\r\n          isShowDataForm.value = false;\r\n        });\r\n\r\n        onCleanup(() => {\r\n          submittedDisposable.dispose();\r\n          cancelDisposable.dispose();\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    return () => {\r\n      const dataForm = unref(isShowDataForm) ? (\r\n        <MKPageContainer>\r\n          <DataForm dataForm={unref(detailForm)} autoLoad={false} />\r\n        </MKPageContainer>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-form-detail\">\r\n          <MKDataTable\r\n            dataTable={unref(detailTable)}\r\n            autoLoad={false}\r\n            v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\r\n          />\r\n          <ElDrawer\r\n            class=\"mk-form-detail__drawer\"\r\n            modelValue={unref(isShowDataForm)}\r\n            onUpdate:modelValue={(v) => (isShowDataForm.value = v)}\r\n            appendToBody\r\n            withHeader={false}\r\n            width=\"50%\"\r\n          >\r\n            {dataForm}\r\n          </ElDrawer>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formDetailProps","emits","formDetailEmits","setup","detailTable","computed","column","detailForm","value","useFormItem","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","isShowDataForm","ref","dataTable","_","onCleanup","addRecordDisposable","addRecordEvent","on","_dataForm","console","warn","addRecord","editRecordDisposable","editRecordEvent","response","editRecord","data","code","Messager","error","message","msg","e","dispose","immediate","dataForm","submittedDisposable","submittedEvent","load","cancelDisposable","cancelEvent","_createVNode","MKPageContainer","default","DataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":"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"}

package/dist/esm/components/data-model/data-form/composables/use-form-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-item.js","sources":["../../../../../../src/components/data-model/data-form/composables/use-form-item.ts"],"sourcesContent":["import { ExtractPropTypes, computed, inject, unref } from \"vue\";\r\nimport { DATA_FORM_ITEM_CONTEXT_KEY } from \"../token\";\r\nimport { FormColumn } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const columnProps = buildProps({\r\n  column: { type: FormColumn, required: true },\r\n} as const);\r\n\r\nexport type ColumnProps = ExtractPropTypes<typeof columnProps>;\r\n\r\nexport function useFormItem() {\r\n  const dataFormItemContext = inject(DATA_FORM_ITEM_CONTEXT_KEY);\r\n  const column = computed(() => unref(dataFormItemContext)?.column ?? null);\r\n\r\n  const value = computed({\r\n    get: () => {\r\n      const _column = unref(column);\r\n\r\n      if (!_column) {\r\n        return;\r\n      }\r\n\r\n      return _column.getValue();\r\n    },\r\n    set: (v: any) => {\r\n      const _column = unref(column);\r\n\r\n      if (!_column) {\r\n        return;\r\n      }\r\n\r\n      _column.setValue(v);\r\n    },\r\n  });\r\n\r\n  const disabled = computed(() => unref(column)?.disabled ?? false);\r\n\r\n  return { column, value, disabled };\r\n}\r\n"],"names":[],"mappings":";;;;AAK2B,WAAW;AAAA,EACpC,QAAQ,EAAE,MAAM,YAAY,UAAU,KAAK;AAC7C,CAAU;AAIH,SAAS,cAAc;AACtB,QAAA,sBAAsB,OAAO,0BAA0B;AAC7D,QAAM,SAAS,SAAS,MAAM;;AAAA,wBAAM,mBAAmB,MAAzB,mBAA4B,WAAU;AAAA,GAAI;AAExE,QAAM,QAAQ,SAAS;AAAA,IACrB,KAAK,MAAM;AACH,YAAA,UAAU,MAAM,MAAM;AAE5B,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,aAAO,QAAQ;IACjB;AAAA,IACA,KAAK,CAAC,MAAW;AACT,YAAA,UAAU,MAAM,MAAM;AAE5B,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,cAAQ,SAAS,CAAC;AAAA,IACpB;AAAA,EAAA,CACD;AAED,QAAM,WAAW,SAAS,MAAM;;AAAA,wBAAM,MAAM,MAAZ,mBAAe,aAAY;AAAA,GAAK;AAEzD,SAAA,EAAE,QAAQ,OAAO;AAC1B;"}
+{"version":3,"file":"use-form-item.js","sources":["../../../../../../src/components/data-model/data-form/composables/use-form-item.ts"],"sourcesContent":["import { ExtractPropTypes, computed, inject, unref } from \"vue\";\nimport { DATA_FORM_ITEM_CONTEXT_KEY } from \"../token\";\nimport { FormColumn } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const columnProps = buildProps({\n  column: { type: FormColumn, required: true },\n} as const);\n\nexport type ColumnProps = ExtractPropTypes<typeof columnProps>;\n\nexport function useFormItem() {\n  const dataFormItemContext = inject(DATA_FORM_ITEM_CONTEXT_KEY);\n  const column = computed(() => unref(dataFormItemContext)?.column ?? null);\n\n  const value = computed({\n    get: () => {\n      const _column = unref(column);\n\n      if (!_column) {\n        return;\n      }\n\n      return _column.getValue();\n    },\n    set: (v: any) => {\n      const _column = unref(column);\n\n      if (!_column) {\n        return;\n      }\n\n      _column.setValue(v);\n    },\n  });\n\n  const disabled = computed(() => unref(column)?.disabled ?? false);\n\n  return { column, value, disabled };\n}\n"],"names":[],"mappings":";;;;AAK2B,WAAW;AAAA,EACpC,QAAQ,EAAE,MAAM,YAAY,UAAU,KAAK;AAC7C,CAAU;AAIH,SAAS,cAAc;AACtB,QAAA,sBAAsB,OAAO,0BAA0B;AAC7D,QAAM,SAAS,SAAS,MAAM;;AAAA,wBAAM,mBAAmB,MAAzB,mBAA4B,WAAU;AAAA,GAAI;AAExE,QAAM,QAAQ,SAAS;AAAA,IACrB,KAAK,MAAM;AACH,YAAA,UAAU,MAAM,MAAM;AAE5B,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,aAAO,QAAQ;IACjB;AAAA,IACA,KAAK,CAAC,MAAW;AACT,YAAA,UAAU,MAAM,MAAM;AAE5B,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,cAAQ,SAAS,CAAC;AAAA,IACpB;AAAA,EAAA,CACD;AAED,QAAM,WAAW,SAAS,MAAM;;AAAA,wBAAM,MAAM,MAAZ,mBAAe,aAAY;AAAA,GAAK;AAEzD,SAAA,EAAE,QAAQ,OAAO;AAC1B;"}

package/dist/esm/components/data-model/data-form/data-form-item/data-form-item.js

@@ -7,6 +7,8 @@ import "vue-router";
 import "@maketribe/request";
 import "@maketribe/locale";
 import "@maketribe/utils";
+import "../../../../store/modules/settings.js";
+import "../../../../store/modules/menu.js";
 import "../../../../core/DataModelDefines.js";
 import { DATA_FORM_CONTEXT_KEY, DATA_FORM_ITEM_CONTEXT_KEY } from "../token.js";
 import { dataFormItemProps } from "./data-form-item-options.js";

package/dist/esm/components/data-model/data-form/data-form-item/data-form-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-form-item.js","sources":["../../../../../../src/components/data-model/data-form/data-form-item/data-form-item.tsx"],"sourcesContent":["import { ElFormItem, useFormDisabled } from \"element-plus\";\r\nimport {\r\n  Ref,\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  provide,\r\n  reactive,\r\n  ref,\r\n  toRaw,\r\n  unref,\r\n  useSlots,\r\n  watch,\r\n} from \"vue\";\r\nimport { FormColumn } from \"@maketribe/dm\";\r\n\r\nimport { useFormColumnComponent } from \"../../../../composables\";\r\nimport {\r\n  DATA_FORM_CONTEXT_KEY,\r\n  DATA_FORM_ITEM_CONTEXT_KEY,\r\n  DataFormItemContext,\r\n} from \"../token\";\r\nimport { dataFormItemProps } from \"./data-form-item-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataFormItem\",\r\n  props: dataFormItemProps,\r\n  setup(props) {\r\n    const slots = useSlots();\r\n\r\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\r\n\r\n    const dataForm = computed(() => dataFormContext?.dataForm ?? null);\r\n\r\n    let _formColumn: FormColumn | null = null;\r\n\r\n    const existFormColumn = ref(\r\n      unref(dataForm)!.getColumn(props.name!)\r\n    ) as Ref<FormColumn | null>;\r\n\r\n    const formColumn = computed(() => {\r\n      const existingColumn = unref(existFormColumn);\r\n\r\n      if (existingColumn) {\r\n        return existingColumn;\r\n      }\r\n\r\n      if (!_formColumn) {\r\n        _formColumn = reactive(\r\n          new FormColumn({\r\n            required: props.required,\r\n            name: props.name!,\r\n            label: props.label!,\r\n          })\r\n        ) as FormColumn;\r\n      }\r\n\r\n      return _formColumn!;\r\n    });\r\n\r\n    watch(\r\n      formColumn,\r\n      (formColumn, _, onCleanup) => {\r\n        const existFormColumn = unref(dataForm)!.getColumn(formColumn.name);\r\n\r\n        if (!existFormColumn && _formColumn) {\r\n          unref(dataForm)!.addColumn(_formColumn);\r\n        }\r\n\r\n        onCleanup(() => {\r\n          if (_formColumn) {\r\n            unref(dataForm)!.removeColumn(_formColumn);\r\n          }\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const { component, componentProps } = useFormColumnComponent(\r\n      formColumn,\r\n      dataForm\r\n    );\r\n\r\n    const disabled = useFormDisabled(\r\n      computed(() => unref(formColumn).disabled)\r\n    );\r\n\r\n    const value = computed({\r\n      get: () => unref(formColumn)?.getValue(),\r\n      set: (v) => {\r\n        unref(formColumn).setValue(v);\r\n      },\r\n    });\r\n\r\n    const label = computed(() =>\r\n      typeof props.label !== \"string\" ? unref(formColumn).label : props.label\r\n    );\r\n\r\n    provide(\r\n      DATA_FORM_ITEM_CONTEXT_KEY,\r\n      reactive({ column: formColumn }) as DataFormItemContext\r\n    );\r\n\r\n    return () => {\r\n      let _formColumn = unref(formColumn);\r\n\r\n      let _component = unref(component);\r\n\r\n      let children: any =\r\n        slots.default?.({\r\n          data: unref(dataForm)!.data,\r\n          column: _formColumn,\r\n          dataForm: unref(dataForm),\r\n        }) || null;\r\n\r\n      if (!children && _component) {\r\n        const FormColumnComponent = toRaw(_component);\r\n\r\n        children = (\r\n          <FormColumnComponent\r\n            {...unref(componentProps)}\r\n            column={_formColumn}\r\n            modelValue={value.value}\r\n            disabled={unref(disabled)}\r\n            onUpdate:modelValue={(v: any) => (value.value = v)}\r\n          />\r\n        );\r\n      }\r\n\r\n      return (\r\n        <ElFormItem\r\n          prop={_formColumn.name}\r\n          label={unref(label)}\r\n          required={_formColumn.required}\r\n          labelWidth={props.labelWidth}\r\n        >\r\n          {children}\r\n        </ElFormItem>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataFormItemProps","setup","slots","useSlots","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","dataForm","computed","_formColumn","existFormColumn","ref","unref","getColumn","formColumn","existingColumn","reactive","FormColumn","required","label","watch","_","onCleanup","addColumn","removeColumn","immediate","component","componentProps","useFormColumnComponent","disabled","useFormDisabled","value","get","getValue","set","v","setValue","provide","DATA_FORM_ITEM_CONTEXT_KEY","column","_component","children","default","data","FormColumnComponent","toRaw","_createVNode","_mergeProps","ElFormItem","labelWidth"],"mappings":"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"}
+{"version":3,"file":"data-form-item.js","sources":["../../../../../../src/components/data-model/data-form/data-form-item/data-form-item.tsx"],"sourcesContent":["import { ElFormItem, useFormDisabled } from \"element-plus\";\nimport {\n  Ref,\n  computed,\n  defineComponent,\n  inject,\n  provide,\n  reactive,\n  ref,\n  toRaw,\n  unref,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { FormColumn } from \"@maketribe/dm\";\n\nimport { useFormColumnComponent } from \"../../../../composables\";\nimport {\n  DATA_FORM_CONTEXT_KEY,\n  DATA_FORM_ITEM_CONTEXT_KEY,\n  DataFormItemContext,\n} from \"../token\";\nimport { dataFormItemProps } from \"./data-form-item-options\";\n\nexport default defineComponent({\n  name: \"MKDataFormItem\",\n  props: dataFormItemProps,\n  setup(props) {\n    const slots = useSlots();\n\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\n\n    const dataForm = computed(() => dataFormContext?.dataForm ?? null);\n\n    let _formColumn: FormColumn | null = null;\n\n    const existFormColumn = ref(\n      unref(dataForm)!.getColumn(props.name!)\n    ) as Ref<FormColumn | null>;\n\n    const formColumn = computed(() => {\n      const existingColumn = unref(existFormColumn);\n\n      if (existingColumn) {\n        return existingColumn;\n      }\n\n      if (!_formColumn) {\n        _formColumn = reactive(\n          new FormColumn({\n            required: props.required,\n            name: props.name!,\n            label: props.label!,\n          })\n        ) as FormColumn;\n      }\n\n      return _formColumn!;\n    });\n\n    watch(\n      formColumn,\n      (formColumn, _, onCleanup) => {\n        const existFormColumn = unref(dataForm)!.getColumn(formColumn.name);\n\n        if (!existFormColumn && _formColumn) {\n          unref(dataForm)!.addColumn(_formColumn);\n        }\n\n        onCleanup(() => {\n          if (_formColumn) {\n            unref(dataForm)!.removeColumn(_formColumn);\n          }\n        });\n      },\n      { immediate: true }\n    );\n\n    const { component, componentProps } = useFormColumnComponent(\n      formColumn,\n      dataForm\n    );\n\n    const disabled = useFormDisabled(\n      computed(() => unref(formColumn).disabled)\n    );\n\n    const value = computed({\n      get: () => unref(formColumn)?.getValue(),\n      set: (v) => {\n        unref(formColumn).setValue(v);\n      },\n    });\n\n    const label = computed(() =>\n      typeof props.label !== \"string\" ? unref(formColumn).label : props.label\n    );\n\n    provide(\n      DATA_FORM_ITEM_CONTEXT_KEY,\n      reactive({ column: formColumn }) as DataFormItemContext\n    );\n\n    return () => {\n      let _formColumn = unref(formColumn);\n\n      let _component = unref(component);\n\n      let children: any =\n        slots.default?.({\n          data: unref(dataForm)!.data,\n          column: _formColumn,\n          dataForm: unref(dataForm),\n        }) || null;\n\n      if (!children && _component) {\n        const FormColumnComponent = toRaw(_component);\n\n        children = (\n          <FormColumnComponent\n            {...unref(componentProps)}\n            column={_formColumn}\n            modelValue={value.value}\n            disabled={unref(disabled)}\n            onUpdate:modelValue={(v: any) => (value.value = v)}\n          />\n        );\n      }\n\n      return (\n        <ElFormItem\n          prop={_formColumn.name}\n          label={unref(label)}\n          required={_formColumn.required}\n          labelWidth={props.labelWidth}\n        >\n          {children}\n        </ElFormItem>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataFormItemProps","setup","slots","useSlots","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","dataForm","computed","_formColumn","existFormColumn","ref","unref","getColumn","formColumn","existingColumn","reactive","FormColumn","required","label","watch","_","onCleanup","addColumn","removeColumn","immediate","component","componentProps","useFormColumnComponent","disabled","useFormDisabled","value","get","getValue","set","v","setValue","provide","DATA_FORM_ITEM_CONTEXT_KEY","column","_component","children","default","data","FormColumnComponent","toRaw","_createVNode","_mergeProps","ElFormItem","labelWidth"],"mappings":"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"}

package/dist/esm/components/data-model/data-form/data-form.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./data-form.vue2.js";
+/* empty css               */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const DataForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1441a22e"]]);
+export {
+  DataForm as default
+};
+//# sourceMappingURL=data-form.vue.js.map

package/dist/esm/components/data-model/data-form/data-form.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-form.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/data-model/data-form/data-form.vue2.js

@@ -0,0 +1,91 @@
+import { defineComponent, ref, computed, reactive, unref, watch, provide, resolveDirective, withDirectives, openBlock, createElementBlock, renderSlot, mergeProps, createVNode } from "vue";
+import { dataFormProps, dataFormEmits } from "./data-form-options.js";
+import { DataForm, FormColumn } from "@maketribe/dm";
+import { Disposable, Event } from "@maketribe/utils";
+import { DATA_FORM_CONTEXT_KEY } from "./token.js";
+import "./views/form/index.js";
+import { MKFormView } from "./views/form-view/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "MKDataForm" },
+  __name: "data-form",
+  props: dataFormProps,
+  emits: dataFormEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    let _dataForm = null;
+    const dataFormEl = ref(null);
+    const createDataForm = () => {
+      const dataForm2 = new DataForm({
+        name: props.name,
+        primaryKey: props.primaryKey,
+        interfaceURL: {
+          load: props.loadInterfaceURL || "",
+          add: props.addInterfaceURL || "",
+          update: props.updateInterfaceURL || props.addInterfaceURL || ""
+        }
+      });
+      const columns = props.columns.map((column) => new FormColumn(column));
+      dataForm2.setColumns(columns);
+      return dataForm2;
+    };
+    const dataForm = computed(() => {
+      if (props.dataForm instanceof DataForm) {
+        return props.dataForm;
+      }
+      if (!_dataForm) {
+        _dataForm = reactive(createDataForm());
+      }
+      return _dataForm;
+    });
+    const loading = computed(() => unref(dataForm).loading);
+    watch(
+      dataForm,
+      async (dataForm2, _, onCleanup) => {
+        await dataForm2.init();
+        if (unref(dataForm2).autoReset) {
+          unref(dataForm2).reset();
+        }
+        const disposable = new Disposable();
+        const events = Object.keys(dataForm2).filter((key) => dataForm2[key] instanceof Event).map((key) => ({
+          eventName: key.replace(/Event$/, "").replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),
+          event: dataForm2[key]
+        }));
+        for (const item of events.filter(
+          (event) => event.eventName in dataFormEmits
+        )) {
+          disposable.register(
+            // @ts-ignore
+            item.event.on((event) => {
+              emit(item.eventName, event);
+            })
+          );
+        }
+        onCleanup(() => {
+          disposable.dispose();
+        });
+        emit("changeDataForm", dataForm2);
+      },
+      { immediate: true }
+    );
+    provide(DATA_FORM_CONTEXT_KEY, reactive({ dataForm, el: dataFormEl }));
+    return (_ctx, _cache) => {
+      const _directive_loading = resolveDirective("loading");
+      return withDirectives((openBlock(), createElementBlock("div", {
+        class: "mk-data-form",
+        ref_key: "dataFormEl",
+        ref: dataFormEl
+      }, [
+        renderSlot(_ctx.$slots, "default", mergeProps(props, { dataForm: unref(dataForm) }), () => [
+          createVNode(unref(MKFormView), mergeProps(props, { dataForm: unref(dataForm) }), null, 16, ["dataForm"])
+        ], true)
+      ])), [
+        [_directive_loading, unref(loading)]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=data-form.vue2.js.map

package/dist/esm/components/data-model/data-form/data-form.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-form.vue2.js","sources":["../../../../../src/components/data-model/data-form/data-form.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {dataFormEmits, dataFormProps} from \"./data-form-options\";\r\nimport {DataForm, FormColumn} from \"@maketribe/dm\";\r\nimport {Disposable, Event} from \"@maketribe/utils\";\r\nimport {DATA_FORM_CONTEXT_KEY} from \"./token\";\r\nimport {MKFormView} from \"./views\";\r\n\r\ndefineOptions({name: \"MKDataForm\"})\r\n\r\nconst props = defineProps(dataFormProps);\r\nconst emit = defineEmits(dataFormEmits);\r\n\r\nlet _dataForm: DataForm | null = null;\r\n\r\nconst dataFormEl: Ref<HTMLElement | null> = ref(null);\r\n\r\nconst createDataForm = () => {\r\n  const dataForm = new DataForm({\r\n    name: props.name!,\r\n    primaryKey: props.primaryKey,\r\n    interfaceURL: {\r\n      load: props.loadInterfaceURL || \"\",\r\n      add: props.addInterfaceURL || \"\",\r\n      update: props.updateInterfaceURL || props.addInterfaceURL || \"\",\r\n    },\r\n  });\r\n\r\n  const columns = props.columns.map((column) => new FormColumn(column));\r\n\r\n  dataForm.setColumns(columns);\r\n\r\n  return dataForm;\r\n};\r\n\r\nconst dataForm = computed(() => {\r\n  if (props.dataForm instanceof DataForm) {\r\n    return props.dataForm;\r\n  }\r\n\r\n  if (!_dataForm) {\r\n    _dataForm = reactive(createDataForm()) as DataForm;\r\n  }\r\n\r\n  return _dataForm;\r\n});\r\n\r\nconst loading = computed(() => unref(dataForm).loading);\r\n\r\nwatch(\r\n  dataForm,\r\n  async (dataForm, _, onCleanup) => {\r\n    await dataForm.init();\r\n\r\n    if (unref(dataForm).autoReset) {\r\n      unref(dataForm).reset();\r\n    }\r\n\r\n    const disposable = new Disposable();\r\n\r\n    const events = Object.keys(dataForm)\r\n      .filter((key) => dataForm[key as keyof DataForm] instanceof Event)\r\n      .map((key) => ({\r\n        eventName: key\r\n          .replace(/Event$/, \"\")\r\n          .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),\r\n        event: dataForm[key as keyof DataForm]! as Event,\r\n      }));\r\n\r\n    for (const item of events.filter(\r\n      (event) => event.eventName in dataFormEmits\r\n    )) {\r\n      disposable.register(\r\n        // @ts-ignore\r\n        item.event.on((event: any) => {\r\n          // @ts-ignore\r\n          emit(item.eventName, event);\r\n        })\r\n      );\r\n    }\r\n\r\n    onCleanup(() => {\r\n      disposable.dispose();\r\n    });\r\n\r\n    emit(\"changeDataForm\", dataForm);\r\n  },\r\n  {immediate: true}\r\n);\r\n\r\nprovide(DATA_FORM_CONTEXT_KEY, reactive({dataForm, el: dataFormEl}));\r\n\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    class=\"mk-data-form\"\r\n    v-loading=\"loading\"\r\n    ref=\"dataFormEl\"\r\n  >\r\n    <slot v-bind=\"props\" :dataForm=\"dataForm\">\r\n      <MKFormView v-bind=\"props\" :dataForm=\"dataForm\"/>\r\n    </slot>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n.mk-data-form {\r\n  :deep(.el-card) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n\r\n    .el-car__body {\r\n      height: 0;\r\n      flex: 1;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"],"names":["dataForm"],"mappings":";;;;;;;;;;;;;AASA,UAAM,QAAQ;AACd,UAAM,OAAO;AAEb,QAAI,YAA6B;AAE3B,UAAA,aAAsC,IAAI,IAAI;AAEpD,UAAM,iBAAiB,MAAM;AACrBA,YAAAA,YAAW,IAAI,SAAS;AAAA,QAC5B,MAAM,MAAM;AAAA,QACZ,YAAY,MAAM;AAAA,QAClB,cAAc;AAAA,UACZ,MAAM,MAAM,oBAAoB;AAAA,UAChC,KAAK,MAAM,mBAAmB;AAAA,UAC9B,QAAQ,MAAM,sBAAsB,MAAM,mBAAmB;AAAA,QAC/D;AAAA,MAAA,CACD;AAEK,YAAA,UAAU,MAAM,QAAQ,IAAI,CAAC,WAAW,IAAI,WAAW,MAAM,CAAC;AAEpEA,gBAAS,WAAW,OAAO;AAEpBA,aAAAA;AAAAA,IAAA;AAGH,UAAA,WAAW,SAAS,MAAM;AAC1B,UAAA,MAAM,oBAAoB,UAAU;AACtC,eAAO,MAAM;AAAA,MACf;AAEA,UAAI,CAAC,WAAW;AACF,oBAAA,SAAS,gBAAgB;AAAA,MACvC;AAEO,aAAA;AAAA,IAAA,CACR;AAED,UAAM,UAAU,SAAS,MAAM,MAAM,QAAQ,EAAE,OAAO;AAEtD;AAAA,MACE;AAAA,MACA,OAAOA,WAAU,GAAG,cAAc;AAChC,cAAMA,UAAS;AAEX,YAAA,MAAMA,SAAQ,EAAE,WAAW;AACvBA,gBAAAA,SAAQ,EAAE;QAClB;AAEM,cAAA,aAAa,IAAI;AAEvB,cAAM,SAAS,OAAO,KAAKA,SAAQ,EAChC,OAAO,CAAC,QAAQA,UAAS,GAAqB,aAAa,KAAK,EAChE,IAAI,CAAC,SAAS;AAAA,UACb,WAAW,IACR,QAAQ,UAAU,EAAE,EACpB,QAAQ,UAAU,CAAC,UAAU,IAAI,MAAM,kBAAA,CAAmB,EAAE;AAAA,UAC/D,OAAOA,UAAS,GAAqB;AAAA,QACrC,EAAA;AAEJ,mBAAW,QAAQ,OAAO;AAAA,UACxB,CAAC,UAAU,MAAM,aAAa;AAAA,QAAA,GAC7B;AACU,qBAAA;AAAA;AAAA,YAET,KAAK,MAAM,GAAG,CAAC,UAAe;AAEvB,mBAAA,KAAK,WAAW,KAAK;AAAA,YAAA,CAC3B;AAAA,UAAA;AAAA,QAEL;AAEA,kBAAU,MAAM;AACd,qBAAW,QAAQ;AAAA,QAAA,CACpB;AAED,aAAK,kBAAkBA,SAAQ;AAAA,MACjC;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGlB,YAAQ,uBAAuB,SAAS,EAAC,UAAU,IAAI,WAAW,CAAA,CAAC;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/data-model/data-form/index.js

@@ -1,5 +1,5 @@
 import { withInstall } from "@maketribe/utils";
-import DataForm from "./data-form.js";
+import DataForm from "./data-form.vue.js";
 import { MKDataFormItem } from "./data-form-item/index.js";
 import { dataFormEmits, dataFormProps } from "./data-form-options.js";
 import { MKForm } from "./views/form/index.js";

package/dist/esm/components/data-model/data-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-form/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport DataForm from \"./data-form\";\r\nimport MKDataFormItem from \"./data-form-item\";\r\n\r\nexport const MKDataForm = withInstall(DataForm, {\r\n  MKDataFormItem,\r\n});\r\nexport default MKDataForm;\r\n\r\nexport * from \"./data-form-options\";\r\nexport * from \"./data-form-item\";\r\n\r\nexport * from \"./views\";\r\n\r\n// export * from \"./components\";\r\n"],"names":[],"mappings":";;;;;;AAIa,MAAA,aAAa,YAAY,UAAU;AAAA,EAC9C;AACF,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-form/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport DataForm from \"./data-form.vue\";\r\nimport MKDataFormItem from \"./data-form-item\";\r\n\r\nexport const MKDataForm = withInstall(DataForm, {\r\n  MKDataFormItem,\r\n});\r\nexport default MKDataForm;\r\n\r\nexport * from \"./data-form-options\";\r\nexport * from \"./data-form-item\";\r\n\r\nexport * from \"./views\";\r\n\r\n// export * from \"./components\";\r\n"],"names":[],"mappings":";;;;;;AAIa,MAAA,aAAa,YAAY,UAAU;AAAA,EAC9C;AACF,CAAC;"}

package/dist/esm/components/data-model/data-form/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\r\nimport { DataForm, FormColumn } from \"@maketribe/dm\";\r\n\r\nexport interface DataFormContext {\r\n  dataForm: DataForm;\r\n  el: HTMLElement | null;\r\n}\r\n\r\nexport const DATA_FORM_CONTEXT_KEY: InjectionKey<DataFormContext> =\r\n  Symbol(\"dataFormContextKey\");\r\n\r\nexport interface DataFormItemContext {\r\n  column: FormColumn;\r\n}\r\n\r\nexport const DATA_FORM_ITEM_CONTEXT_KEY: InjectionKey<DataFormItemContext> =\r\n  Symbol(\"dataFormItemContextKey\");\r\n"],"names":[],"mappings":"AAQa,MAAA,wBACX,OAAO,oBAAoB;AAMhB,MAAA,6BACX,OAAO,wBAAwB;"}
+{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\nimport { DataForm, FormColumn } from \"@maketribe/dm\";\n\nexport interface DataFormContext {\n  dataForm: DataForm;\n  el: HTMLElement | null;\n}\n\nexport const DATA_FORM_CONTEXT_KEY: InjectionKey<DataFormContext> =\n  Symbol(\"dataFormContextKey\");\n\nexport interface DataFormItemContext {\n  column: FormColumn;\n}\n\nexport const DATA_FORM_ITEM_CONTEXT_KEY: InjectionKey<DataFormItemContext> =\n  Symbol(\"dataFormItemContextKey\");\n"],"names":[],"mappings":"AAQa,MAAA,wBACX,OAAO,oBAAoB;AAMhB,MAAA,6BACX,OAAO,wBAAwB;"}

package/dist/esm/components/data-model/data-form/views/form/form-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-options.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\n\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataForm } from \"@maketribe/dm\";\r\n\r\nexport const formProps = buildProps({\r\n  rules: { type: Object },\r\n  labelWidth: { type: String },\r\n  dataForm: { type: DataForm<any> },\r\n} as const);\r\n\r\nexport type FormProps = ExtractPropTypes<typeof formProps>;\r\n\r\nexport const formEmits = {};\r\n\r\nexport const FormEmits = typeof formEmits;\r\n"],"names":[],"mappings":";;AAKO,MAAM,YAAY,WAAW;AAAA,EAClC,OAAO,EAAE,MAAM,OAAO;AAAA,EACtB,YAAY,EAAE,MAAM,OAAO;AAAA,EAC3B,UAAU,EAAE,MAAM,SAAc;AAClC,CAAU;"}
+{"version":3,"file":"form-options.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\n\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataForm } from \"@maketribe/dm\";\n\nexport const formProps = buildProps({\n  rules: { type: Object },\n  labelWidth: { type: String },\n  dataForm: { type: DataForm<any> },\n} as const);\n\nexport type FormProps = ExtractPropTypes<typeof formProps>;\n\nexport const formEmits = {};\n\nexport const FormEmits = typeof formEmits;\n"],"names":[],"mappings":";;AAKO,MAAM,YAAY,WAAW;AAAA,EAClC,OAAO,EAAE,MAAM,OAAO;AAAA,EACtB,YAAY,EAAE,MAAM,OAAO;AAAA,EAC3B,UAAU,EAAE,MAAM,SAAc;AAClC,CAAU;"}

package/dist/esm/components/data-model/data-form/views/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form.tsx"],"sourcesContent":["import {\r\n  Fragment,\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  nextTick,\r\n  onMounted,\r\n  ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport {\r\n  ElDivider,\r\n  ElForm,\r\n  FormItemRule,\r\n  FormRules,\r\n  FormContext,\r\n} from \"element-plus\";\r\nimport { formProps } from \"./form-options\";\r\nimport { DataFormType, FormColumn } from \"@maketribe/dm\";\r\nimport MKDataFormItem from \"../../data-form-item\";\r\nimport { DATA_FORM_CONTEXT_KEY } from \"../../token\";\r\n\r\nlet uid = 0;\r\n\r\nexport default defineComponent({\r\n  name: \"MKForm\",\r\n  props: formProps,\r\n  setup(props, { slots }) {\r\n    const formUID = uid++;\r\n\r\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\r\n\r\n    const formEl = ref<FormContext | null>(null);\r\n\r\n    const dataForm = computed(\r\n      () => props.dataForm ?? dataFormContext!.dataForm\r\n    );\r\n\r\n    const data = computed(() => unref(dataForm).data as any);\r\n\r\n    const columns = computed(() =>\r\n      unref(dataForm)\r\n        .getColumns()\r\n        .filter((column) => column.visible)\r\n    );\r\n\r\n    const rules = computed(() => {\r\n      const rules: FormRules = {};\r\n\r\n      for (const column of unref(columns)) {\r\n        if (column.required && !column.rules.find((rule) => rule.required)) {\r\n          rules[column.name] = [\r\n            {\r\n              required: column.required,\r\n              message: `请录入${column.label}.`,\r\n            },\r\n          ];\r\n        }\r\n        let componentRules: FormItemRule[] = props.rules?.[column.name] || [];\r\n\r\n        if (!Array.isArray(componentRules)) {\r\n          componentRules = [componentRules];\r\n        }\r\n\r\n        if (column.rules.length) {\r\n          rules[column.name] = [\r\n            ...((rules[column.name] as FormItemRule[]) || []),\r\n            ...column.rules,\r\n            ...componentRules,\r\n          ];\r\n        }\r\n      }\r\n\r\n      return rules;\r\n    });\r\n\r\n    const labelWidth = computed(() => {\r\n      return (\r\n        props.labelWidth ||\r\n        Math.max.apply(\r\n          null,\r\n          columns.value\r\n            .filter((column) => column.visible)\r\n            .filter((column) => column.componentInfo !== \"MKFormDetail\")\r\n            .map((item: FormColumn) => {\r\n              // + 8 像素只是预留 必填 * 号的宽度位置 12 像素是label的padding\r\n              return item.label.length * 16 + 8 + 12;\r\n            })\r\n        )\r\n      );\r\n    });\r\n\r\n    const disabled = computed(() => unref(dataForm).disabled);\r\n\r\n    onMounted(() => {\r\n      watch(\r\n        dataForm,\r\n        (dataForm, _, onCleanup) => {\r\n          unref(dataForm).formModels.push({\r\n            id: formUID,\r\n            validate: async () => {\r\n              return unref(formEl)?.validateField() ?? false;\r\n            },\r\n            reset: () => {\r\n              unref(formEl)?.resetFields();\r\n            },\r\n            clearValidate: () => {\r\n              unref(formEl)?.clearValidate();\r\n            },\r\n          });\r\n\r\n          const disposable = dataForm.dataFormTypeChangeEvent.on(\r\n            async ({ dataFormType }) => {\r\n              if (dataFormType !== DataFormType.NONE) {\r\n                // 测试下来 需要两次nextTick才能清除验证\r\n                await nextTick();\r\n                await nextTick();\r\n\r\n                dataForm.clearValidate();\r\n              }\r\n            }\r\n          );\r\n\r\n          onCleanup(() => {\r\n            const index = dataForm.formModels.findIndex(\r\n              (formModel) => formModel.id === formUID\r\n            );\r\n\r\n            if (index === -1) {\r\n              return;\r\n            }\r\n\r\n            dataForm.formModels.splice(index, 1);\r\n\r\n            disposable.dispose();\r\n          });\r\n        },\r\n        { immediate: true }\r\n      );\r\n    });\r\n\r\n    return () => {\r\n      if (!unref(dataForm).initd) {\r\n        return null;\r\n      }\r\n\r\n      let children: any = slots.default?.();\r\n\r\n      const detailColumns = unref(columns).filter(\r\n        (column) => column.componentInfo === \"MKFormDetail\"\r\n      );\r\n\r\n      if (!children) {\r\n        children = unref(columns)\r\n          .filter(\r\n            (column) => !detailColumns.find((item) => item.name === column.name)\r\n          )\r\n          .map((column) => {\r\n            if (!column.name) {\r\n              return null;\r\n            }\r\n\r\n            return (\r\n              slots[`col-${column.name}`]?.() || (\r\n                <MKDataFormItem\r\n                  key={column.name}\r\n                  name={column.name}\r\n                  v-slots={{ default: slots[`col-${column.name}-content`] }}\r\n                />\r\n              )\r\n            );\r\n          });\r\n\r\n        children.push(\r\n          detailColumns.map((column) => {\r\n            if (!column.name) {\r\n              return null;\r\n            }\r\n\r\n            return (\r\n              <Fragment>\r\n                <ElDivider contentPosition=\"left\">{column.label}</ElDivider>\r\n                <MKDataFormItem\r\n                  label=\"\"\r\n                  labelWidth=\"0px\"\r\n                  key={column.name}\r\n                  name={column.name}\r\n                />\r\n              </Fragment>\r\n            );\r\n          })\r\n        );\r\n      }\r\n\r\n      if (!unref(data)) {\r\n        return null;\r\n      }\r\n\r\n      return (\r\n        <ElForm\r\n          validateOnRuleChange={false}\r\n          {...props}\r\n          ref={formEl}\r\n          model={unref(data)}\r\n          rules={unref(rules)}\r\n          disabled={unref(disabled)}\r\n          labelWidth={unref(labelWidth)}\r\n        >\r\n          {children}\r\n        </ElForm>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","uid","defineComponent","name","props","formProps","setup","slots","formUID","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","formEl","ref","dataForm","computed","data","unref","columns","getColumns","filter","column","visible","rules","required","find","rule","message","label","componentRules","Array","isArray","length","labelWidth","Math","max","apply","value","componentInfo","map","item","disabled","onMounted","watch","_","onCleanup","formModels","push","id","validate","validateField","reset","resetFields","clearValidate","disposable","dataFormTypeChangeEvent","on","dataFormType","DataFormType","NONE","nextTick","index","findIndex","formModel","splice","dispose","immediate","initd","children","default","detailColumns","_createVNode","MKDataFormItem","_Fragment","ElDivider","ElForm","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"form.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport {\n  ElDivider,\n  ElForm,\n  FormItemRule,\n  FormRules,\n  FormContext,\n} from \"element-plus\";\nimport { formProps } from \"./form-options\";\nimport { DataFormType, FormColumn } from \"@maketribe/dm\";\nimport MKDataFormItem from \"../../data-form-item\";\nimport { DATA_FORM_CONTEXT_KEY } from \"../../token\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  name: \"MKForm\",\n  props: formProps,\n  setup(props, { slots }) {\n    const formUID = uid++;\n\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\n\n    const formEl = ref<FormContext | null>(null);\n\n    const dataForm = computed(\n      () => props.dataForm ?? dataFormContext!.dataForm\n    );\n\n    const data = computed(() => unref(dataForm).data as any);\n\n    const columns = computed(() =>\n      unref(dataForm)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    const rules = computed(() => {\n      const rules: FormRules = {};\n\n      for (const column of unref(columns)) {\n        if (column.required && !column.rules.find((rule) => rule.required)) {\n          rules[column.name] = [\n            {\n              required: column.required,\n              message: `请录入${column.label}.`,\n            },\n          ];\n        }\n        let componentRules: FormItemRule[] = props.rules?.[column.name] || [];\n\n        if (!Array.isArray(componentRules)) {\n          componentRules = [componentRules];\n        }\n\n        if (column.rules.length) {\n          rules[column.name] = [\n            ...((rules[column.name] as FormItemRule[]) || []),\n            ...column.rules,\n            ...componentRules,\n          ];\n        }\n      }\n\n      return rules;\n    });\n\n    const labelWidth = computed(() => {\n      return (\n        props.labelWidth ||\n        Math.max.apply(\n          null,\n          columns.value\n            .filter((column) => column.visible)\n            .filter((column) => column.componentInfo !== \"MKFormDetail\")\n            .map((item: FormColumn) => {\n              // + 8 像素只是预留 必填 * 号的宽度位置 12 像素是label的padding\n              return item.label.length * 16 + 8 + 12;\n            })\n        )\n      );\n    });\n\n    const disabled = computed(() => unref(dataForm).disabled);\n\n    onMounted(() => {\n      watch(\n        dataForm,\n        (dataForm, _, onCleanup) => {\n          unref(dataForm).formModels.push({\n            id: formUID,\n            validate: async () => {\n              return unref(formEl)?.validateField() ?? false;\n            },\n            reset: () => {\n              unref(formEl)?.resetFields();\n            },\n            clearValidate: () => {\n              unref(formEl)?.clearValidate();\n            },\n          });\n\n          const disposable = dataForm.dataFormTypeChangeEvent.on(\n            async ({ dataFormType }) => {\n              if (dataFormType !== DataFormType.NONE) {\n                // 测试下来 需要两次nextTick才能清除验证\n                await nextTick();\n                await nextTick();\n\n                dataForm.clearValidate();\n              }\n            }\n          );\n\n          onCleanup(() => {\n            const index = dataForm.formModels.findIndex(\n              (formModel) => formModel.id === formUID\n            );\n\n            if (index === -1) {\n              return;\n            }\n\n            dataForm.formModels.splice(index, 1);\n\n            disposable.dispose();\n          });\n        },\n        { immediate: true }\n      );\n    });\n\n    return () => {\n      if (!unref(dataForm).initd) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      const detailColumns = unref(columns).filter(\n        (column) => column.componentInfo === \"MKFormDetail\"\n      );\n\n      if (!children) {\n        children = unref(columns)\n          .filter(\n            (column) => !detailColumns.find((item) => item.name === column.name)\n          )\n          .map((column) => {\n            if (!column.name) {\n              return null;\n            }\n\n            return (\n              slots[`col-${column.name}`]?.() || (\n                <MKDataFormItem\n                  key={column.name}\n                  name={column.name}\n                  v-slots={{ default: slots[`col-${column.name}-content`] }}\n                />\n              )\n            );\n          });\n\n        children.push(\n          detailColumns.map((column) => {\n            if (!column.name) {\n              return null;\n            }\n\n            return (\n              <Fragment>\n                <ElDivider contentPosition=\"left\">{column.label}</ElDivider>\n                <MKDataFormItem\n                  label=\"\"\n                  labelWidth=\"0px\"\n                  key={column.name}\n                  name={column.name}\n                />\n              </Fragment>\n            );\n          })\n        );\n      }\n\n      if (!unref(data)) {\n        return null;\n      }\n\n      return (\n        <ElForm\n          validateOnRuleChange={false}\n          {...props}\n          ref={formEl}\n          model={unref(data)}\n          rules={unref(rules)}\n          disabled={unref(disabled)}\n          labelWidth={unref(labelWidth)}\n        >\n          {children}\n        </ElForm>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","uid","defineComponent","name","props","formProps","setup","slots","formUID","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","formEl","ref","dataForm","computed","data","unref","columns","getColumns","filter","column","visible","rules","required","find","rule","message","label","componentRules","Array","isArray","length","labelWidth","Math","max","apply","value","componentInfo","map","item","disabled","onMounted","watch","_","onCleanup","formModels","push","id","validate","validateField","reset","resetFields","clearValidate","disposable","dataFormTypeChangeEvent","on","dataFormType","DataFormType","NONE","nextTick","index","findIndex","formModel","splice","dispose","immediate","initd","children","default","detailColumns","_createVNode","MKDataFormItem","_Fragment","ElDivider","ElForm","_mergeProps"],"mappings":"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"}

package/dist/esm/components/data-model/data-form/views/form-view/form-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-view.js","sources":["../../../../../../../src/components/data-model/data-form/views/form-view/form-view.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { ElButton, ElCard, ElScrollbar } from \"element-plus\";\r\nimport { formViewProps } from \"./form-view-options\";\r\nimport { I18n } from \"@maketribe/locale\";\r\nimport MKForm from \"../form\";\r\nimport { DATA_FORM_CONTEXT_KEY } from \"../../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormView\",\r\n  props: formViewProps,\r\n  setup(props, { slots }) {\r\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\r\n\r\n    const dataForm = computed(\r\n      () => props.dataForm ?? dataFormContext!.dataForm\r\n    );\r\n\r\n    const isChange = computed(() => unref(dataForm).isChanged);\r\n\r\n    const handleSave = async () => {\r\n      await unref(dataForm)?.simpleSubmit();\r\n    };\r\n\r\n    const handleCancel = () => {\r\n      unref(dataForm).cancel();\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElCard class=\"mk-form-view\" shadow=\"never\">\r\n          <div class=\"mk-form-view__main\">\r\n            <ElScrollbar>\r\n              <MKForm\r\n                rules={props.rules}\r\n                labelWidth={props.labelWidth}\r\n                dataForm={props.dataForm}\r\n                v-slots={slots}\r\n              />\r\n            </ElScrollbar>\r\n          </div>\r\n          <div class=\"mk-form-view__footer\">\r\n            {slots[\"footer-button\"]?.()}\r\n            <ElButton\r\n              type=\"primary\"\r\n              onClick={handleSave}\r\n              disabled={!unref(isChange)}\r\n              loading={!unref(unref(dataForm).allowSubmit)}\r\n            >\r\n              {I18n.instance.translate(\"mk.dataForm.saveButton\")}\r\n            </ElButton>\r\n            <ElButton onClick={handleCancel}>\r\n              {I18n.instance.translate(\"mk.dataForm.cancelButton\")}\r\n            </ElButton>\r\n          </div>\r\n        </ElCard>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formViewProps","setup","slots","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","dataForm","computed","isChange","unref","isChanged","handleSave","simpleSubmit","handleCancel","cancel","_slot","_slot2","_createVNode","ElCard","default","ElScrollbar","MKForm","rules","labelWidth","ElButton","allowSubmit","I18n","instance","translate"],"mappings":";;;;;;AAKoD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAEpD,MAAeM,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,kBAAkBC,OAAOC,qBAAqB;AAEpD,UAAMC,WAAWC,SACf,MAAMR,MAAMO,YAAYH,gBAAiBG,QAC3C;AAEA,UAAME,WAAWD,SAAS,MAAME,MAAMH,QAAQ,EAAEI,SAAS;AAEzD,UAAMC,aAAa,YAAY;;AAC7B,cAAMF,WAAMH,QAAQ,MAAdG,mBAAiBG;AAAAA;AAGzB,UAAMC,eAAeA,MAAM;AACzBJ,YAAMH,QAAQ,EAAEQ;;AAGlB,WAAO,MAAM;AAAA,UAAAC,OAAAC;AACX,aAAAC,YAAAC,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,UAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,kBAAAF,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,YAAAG,aAAA,MAAA;AAAA,YAAAD,SAAAA,MAAAF,CAAAA,YAAAI,QAAA;AAAA,cAAA,SAKiBtB,MAAMuB;AAAAA,cAAK,cACNvB,MAAMwB;AAAAA,cAAU,YAClBxB,MAAMO;AAAAA,YAAQ,GACfJ,KAAK,CAAA;AAAA,UAAA,CAAA,CAAA,CAAA,GAAAe,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,UAKjBf,GAAAA,EAAAA,WAAM,qBAANA,gCAA0Be,YAAAO,UAAA;AAAA,YAAA,QAAA;AAAA,YAAA,WAGhBb;AAAAA,YAAU,YACT,CAACF,MAAMD,QAAQ;AAAA,YAAC,WACjB,CAACC,MAAMA,MAAMH,QAAQ,EAAEmB,WAAW;AAAA,UAAC,GAAAnC,QAAAyB,QAE3CW,KAAKC,SAASC,UAAU,wBAAwB,CAAC,IAAAb,QAAA;AAAA,YAAAI,SAAAA,MAAA,CAAAJ,KAAA;AAAA,WAAAE,GAAAA,YAAAO,UAAA;AAAA,YAAA,WAEjCX;AAAAA,UAAY,GAAAvB,QAAA0B,SAC5BU,KAAKC,SAASC,UAAU,0BAA0B,CAAC,IAAAZ,SAAA;AAAA,YAAAG,SAAAA,MAAA,CAAAH,MAAA;AAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,MAAA,CAAA;AAAA;EAMhE;AACF,CAAC;"}
+{"version":3,"file":"form-view.js","sources":["../../../../../../../src/components/data-model/data-form/views/form-view/form-view.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\nimport { ElButton, ElCard, ElScrollbar } from \"element-plus\";\nimport { formViewProps } from \"./form-view-options\";\nimport { I18n } from \"@maketribe/locale\";\nimport MKForm from \"../form\";\nimport { DATA_FORM_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKFormView\",\n  props: formViewProps,\n  setup(props, { slots }) {\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\n\n    const dataForm = computed(\n      () => props.dataForm ?? dataFormContext!.dataForm\n    );\n\n    const isChange = computed(() => unref(dataForm).isChanged);\n\n    const handleSave = async () => {\n      await unref(dataForm)?.simpleSubmit();\n    };\n\n    const handleCancel = () => {\n      unref(dataForm).cancel();\n    };\n\n    return () => {\n      return (\n        <ElCard class=\"mk-form-view\" shadow=\"never\">\n          <div class=\"mk-form-view__main\">\n            <ElScrollbar>\n              <MKForm\n                rules={props.rules}\n                labelWidth={props.labelWidth}\n                dataForm={props.dataForm}\n                v-slots={slots}\n              />\n            </ElScrollbar>\n          </div>\n          <div class=\"mk-form-view__footer\">\n            {slots[\"footer-button\"]?.()}\n            <ElButton\n              type=\"primary\"\n              onClick={handleSave}\n              disabled={!unref(isChange)}\n              loading={!unref(unref(dataForm).allowSubmit)}\n            >\n              {I18n.instance.translate(\"mk.dataForm.saveButton\")}\n            </ElButton>\n            <ElButton onClick={handleCancel}>\n              {I18n.instance.translate(\"mk.dataForm.cancelButton\")}\n            </ElButton>\n          </div>\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formViewProps","setup","slots","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","dataForm","computed","isChange","unref","isChanged","handleSave","simpleSubmit","handleCancel","cancel","_slot","_slot2","_createVNode","ElCard","default","ElScrollbar","MKForm","rules","labelWidth","ElButton","allowSubmit","I18n","instance","translate"],"mappings":";;;;;;AAKoD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAEpD,MAAeM,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,kBAAkBC,OAAOC,qBAAqB;AAEpD,UAAMC,WAAWC,SACf,MAAMR,MAAMO,YAAYH,gBAAiBG,QAC3C;AAEA,UAAME,WAAWD,SAAS,MAAME,MAAMH,QAAQ,EAAEI,SAAS;AAEzD,UAAMC,aAAa,YAAY;;AAC7B,cAAMF,WAAMH,QAAQ,MAAdG,mBAAiBG;AAAAA;AAGzB,UAAMC,eAAeA,MAAM;AACzBJ,YAAMH,QAAQ,EAAEQ;;AAGlB,WAAO,MAAM;AAAA,UAAAC,OAAAC;AACX,aAAAC,YAAAC,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,UAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,kBAAAF,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,YAAAG,aAAA,MAAA;AAAA,YAAAD,SAAAA,MAAAF,CAAAA,YAAAI,QAAA;AAAA,cAAA,SAKiBtB,MAAMuB;AAAAA,cAAK,cACNvB,MAAMwB;AAAAA,cAAU,YAClBxB,MAAMO;AAAAA,YAAQ,GACfJ,KAAK,CAAA;AAAA,UAAA,CAAA,CAAA,CAAA,GAAAe,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,UAKjBf,GAAAA,EAAAA,WAAM,qBAANA,gCAA0Be,YAAAO,UAAA;AAAA,YAAA,QAAA;AAAA,YAAA,WAGhBb;AAAAA,YAAU,YACT,CAACF,MAAMD,QAAQ;AAAA,YAAC,WACjB,CAACC,MAAMA,MAAMH,QAAQ,EAAEmB,WAAW;AAAA,UAAC,GAAAnC,QAAAyB,QAE3CW,KAAKC,SAASC,UAAU,wBAAwB,CAAC,IAAAb,QAAA;AAAA,YAAAI,SAAAA,MAAA,CAAAJ,KAAA;AAAA,WAAAE,GAAAA,YAAAO,UAAA;AAAA,YAAA,WAEjCX;AAAAA,UAAY,GAAAvB,QAAA0B,SAC5BU,KAAKC,SAASC,UAAU,0BAA0B,CAAC,IAAAZ,SAAA;AAAA,YAAAG,SAAAA,MAAA,CAAAH,MAAA;AAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,MAAA,CAAA;AAAA;EAMhE;AACF,CAAC;"}

package/dist/esm/components/data-model/data-table/components/column-action/column-action-options.js

@@ -7,6 +7,8 @@ import "element-plus";
 import "../../../../../core/DataModelDefines.js";
 import "@maketribe/request";
 import "@maketribe/locale";
+import "../../../../../store/modules/settings.js";
+import "../../../../../store/modules/menu.js";
 import "lodash-es";
 const columnActionProps = buildProps({
   ...columnProps,

package/dist/esm/components/data-model/data-table/components/column-action/column-action-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-action-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-action/column-action-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { TableColumn } from \"@maketribe/dm\";\r\nimport { columnProps } from \"../../composables\";\r\n\r\nexport const columnActionProps = buildProps({\r\n  ...columnProps,\r\n  column: { type: TableColumn, required: true },\r\n  buttons: { type: Array, default: () => [] }\r\n} as const);\r\n\r\nexport type ColumnActionProps = ExtractPropTypes<typeof columnActionProps>;\r\n"],"names":[],"mappings":";;;;;;;;;;AAKO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,GAAG;AAAA,EACH,QAAQ,EAAE,MAAM,aAAa,UAAU,KAAK;AAAA,EAC5C,SAAS,EAAE,MAAM,OAAO,SAAS,MAAM,CAAA,EAAG;AAC5C,CAAU;"}
+{"version":3,"file":"column-action-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-action/column-action-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { TableColumn } from \"@maketribe/dm\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnActionProps = buildProps({\n  ...columnProps,\n  column: { type: TableColumn, required: true },\n  buttons: { type: Array, default: () => [] }\n} as const);\n\nexport type ColumnActionProps = ExtractPropTypes<typeof columnActionProps>;\n"],"names":[],"mappings":";;;;;;;;;;;;AAKO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,GAAG;AAAA,EACH,QAAQ,EAAE,MAAM,aAAa,UAAU,KAAK;AAAA,EAC5C,SAAS,EAAE,MAAM,OAAO,SAAS,MAAM,CAAA,EAAG;AAC5C,CAAU;"}

package/dist/esm/components/data-model/data-table/components/column-action/column-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-action.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-action/column-action.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElButton } from \"element-plus\";\r\n\r\nimport { columnActionProps } from \"./column-action-options\";\r\nimport { MKButton } from \"../../../../basic/button\";\r\nimport { ActionButton, TableActionColumn } from \"@maketribe/dm\";\r\n\r\nexport type MKColumnActionButton = {\r\n  name?: string;\r\n  label?: string;\r\n  type?: InstanceType<typeof ElButton>[\"type\"];\r\n  handler?: (row: any) => any;\r\n};\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnAction\",\r\n  props: columnActionProps,\r\n  setup(props) {\r\n    const buttons = computed(() => {\r\n      if (props.column instanceof TableActionColumn) {\r\n        return props.column.buttons;\r\n      }\r\n\r\n      return props.buttons as ActionButton[];\r\n    });\r\n\r\n    const handleColumnActionClick = (e: MouseEvent) => {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    };\r\n\r\n    return () => {\r\n      const buttonVnodes = unref(buttons)\r\n        .filter((button) => button.predicate(props.row))\r\n        .map((button) => (\r\n          <MKButton\r\n            icon={button.icon}\r\n            label={button.label}\r\n            type={button.type}\r\n            link\r\n            onClick={() => button.handler(props.row)}\r\n          />\r\n        ));\r\n\r\n      return (\r\n        <span class=\"mk-column-action\" onClick={handleColumnActionClick}>\r\n          {buttonVnodes}\r\n        </span>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnActionProps","setup","buttons","computed","column","TableActionColumn","handleColumnActionClick","e","preventDefault","stopPropagation","buttonVnodes","unref","filter","button","predicate","row","map","_createVNode","MKButton","icon","label","type","onClick","handler"],"mappings":";;;;AAcA,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,UAAUC,SAAS,MAAM;AAC7B,UAAIJ,MAAMK,kBAAkBC,mBAAmB;AAC7C,eAAON,MAAMK,OAAOF;AAAAA,MACtB;AAEA,aAAOH,MAAMG;AAAAA,IACf,CAAC;AAED,UAAMI,0BAA2BC,OAAkB;AACjDA,QAAEC,eAAc;AAChBD,QAAEE,gBAAe;AAAA;AAGnB,WAAO,MAAM;AACX,YAAMC,eAAeC,MAAMT,OAAO,EAC/BU,OAAQC,YAAWA,OAAOC,UAAUf,MAAMgB,GAAG,CAAC,EAC9CC,IAAKH,YAAMI,YAAAC,UAAA;AAAA,QAAA,QAEFL,OAAOM;AAAAA,QAAI,SACVN,OAAOO;AAAAA,QAAK,QACbP,OAAOQ;AAAAA,QAAI,QAAA;AAAA,QAAA,WAERC,MAAMT,OAAOU,QAAQxB,MAAMgB,GAAG;AAAA,MAAC,GAAA,IAAA,CAE3C;AAEH,aAAAE,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,WAC0CX;AAAAA,MAAuB,GAAA,CAC5DI,YAAY,CAAA;AAAA;EAIrB;AACF,CAAC;"}
+{"version":3,"file":"column-action.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-action/column-action.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElButton } from \"element-plus\";\n\nimport { columnActionProps } from \"./column-action-options\";\nimport { MKButton } from \"../../../../basic/button\";\nimport { ActionButton, TableActionColumn } from \"@maketribe/dm\";\n\nexport type MKColumnActionButton = {\n  name?: string;\n  label?: string;\n  type?: InstanceType<typeof ElButton>[\"type\"];\n  handler?: (row: any) => any;\n};\n\nexport default defineComponent({\n  name: \"MKColumnAction\",\n  props: columnActionProps,\n  setup(props) {\n    const buttons = computed(() => {\n      if (props.column instanceof TableActionColumn) {\n        return props.column.buttons;\n      }\n\n      return props.buttons as ActionButton[];\n    });\n\n    const handleColumnActionClick = (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    return () => {\n      const buttonVnodes = unref(buttons)\n        .filter((button) => button.predicate(props.row))\n        .map((button) => (\n          <MKButton\n            icon={button.icon}\n            label={button.label}\n            type={button.type}\n            link\n            onClick={() => button.handler(props.row)}\n          />\n        ));\n\n      return (\n        <span class=\"mk-column-action\" onClick={handleColumnActionClick}>\n          {buttonVnodes}\n        </span>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","columnActionProps","setup","buttons","computed","column","TableActionColumn","handleColumnActionClick","e","preventDefault","stopPropagation","buttonVnodes","unref","filter","button","predicate","row","map","_createVNode","MKButton","icon","label","type","onClick","handler"],"mappings":";;;;AAcA,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,UAAUC,SAAS,MAAM;AAC7B,UAAIJ,MAAMK,kBAAkBC,mBAAmB;AAC7C,eAAON,MAAMK,OAAOF;AAAAA,MACtB;AAEA,aAAOH,MAAMG;AAAAA,IACf,CAAC;AAED,UAAMI,0BAA2BC,OAAkB;AACjDA,QAAEC,eAAc;AAChBD,QAAEE,gBAAe;AAAA;AAGnB,WAAO,MAAM;AACX,YAAMC,eAAeC,MAAMT,OAAO,EAC/BU,OAAQC,YAAWA,OAAOC,UAAUf,MAAMgB,GAAG,CAAC,EAC9CC,IAAKH,YAAMI,YAAAC,UAAA;AAAA,QAAA,QAEFL,OAAOM;AAAAA,QAAI,SACVN,OAAOO;AAAAA,QAAK,QACbP,OAAOQ;AAAAA,QAAI,QAAA;AAAA,QAAA,WAERC,MAAMT,OAAOU,QAAQxB,MAAMgB,GAAG;AAAA,MAAC,GAAA,IAAA,CAE3C;AAEH,aAAAE,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,WAC0CX;AAAAA,MAAuB,GAAA,CAC5DI,YAAY,CAAA;AAAA;EAIrB;AACF,CAAC;"}

package/dist/esm/components/data-model/data-table/components/column-date/column-date.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-date.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-date/column-date.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { dayjs } from \"element-plus\";\r\n\r\nimport { MKColumnText } from \"../column-text\";\r\nimport { columnDateProps } from \"./column-date-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnDate\",\r\n  props: columnDateProps,\r\n  setup(props) {\r\n    const columnTextProps = computed(() => {\r\n      const { type, ...columnTextProps } = props;\r\n      return columnTextProps;\r\n    });\r\n\r\n    const type = computed(() => props.type);\r\n\r\n    const formatValue = (value: string) => {\r\n      const dayInstance = dayjs(value ?? null);\r\n\r\n      if (!dayInstance.isValid()) {\r\n        return;\r\n      }\r\n\r\n      switch (unref(type)) {\r\n        case \"datetime\":\r\n          return dayInstance.format(\"YYYY-MM-DD HH:mm:ss\");\r\n        case \"date\":\r\n          return dayInstance.format(\"YYYY-MM-DD\");\r\n        case \"month\":\r\n          return dayInstance.format(\"YYYY-MM\");\r\n        case \"year\":\r\n          return dayInstance.format(\"YYYY\");\r\n        default:\r\n          return props.formatValue(value);\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <MKColumnText {...unref(columnTextProps)} formatValue={formatValue} />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnDateProps","setup","columnTextProps","computed","type","formatValue","value","dayInstance","dayjs","isValid","unref","format","_createVNode","MKColumnText","_mergeProps"],"mappings":";;;;AAMA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,kBAAkBC,SAAS,MAAM;AACrC,YAAM;AAAA,QAAEC,MAAAA;AAAAA,QAAM,GAAGF;AAAAA,MAAiB,IAAGH;AACrC,aAAOG;AAAAA,IACT,CAAC;AAED,UAAME,OAAOD,SAAS,MAAMJ,MAAMK,IAAI;AAEtC,UAAMC,cAAeC,WAAkB;AACrC,YAAMC,cAAcC,MAAMF,SAAS,IAAI;AAEvC,UAAI,CAACC,YAAYE,WAAW;AAC1B;AAAA,MACF;AAEA,cAAQC,MAAMN,IAAI,GAAC;AAAA,QACjB,KAAK;AACH,iBAAOG,YAAYI,OAAO,qBAAqB;AAAA,QACjD,KAAK;AACH,iBAAOJ,YAAYI,OAAO,YAAY;AAAA,QACxC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,SAAS;AAAA,QACrC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,MAAM;AAAA,QAClC;AACE,iBAAOZ,MAAMM,YAAYC,KAAK;AAAA,MAClC;AAAA;AAGF,WAAO,MAAM;AACX,aAAAM,YAAAC,cAAAC,WACoBJ,MAAMR,eAAe,GAAC;AAAA,QAAA,eAAeG;AAAAA,MAAW,CAAA,GAAA,IAAA;AAAA;EAGxE;AACF,CAAC;"}
+{"version":3,"file":"column-date.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-date/column-date.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { dayjs } from \"element-plus\";\n\nimport { MKColumnText } from \"../column-text\";\nimport { columnDateProps } from \"./column-date-options\";\n\nexport default defineComponent({\n  name: \"MKColumnDate\",\n  props: columnDateProps,\n  setup(props) {\n    const columnTextProps = computed(() => {\n      const { type, ...columnTextProps } = props;\n      return columnTextProps;\n    });\n\n    const type = computed(() => props.type);\n\n    const formatValue = (value: string) => {\n      const dayInstance = dayjs(value ?? null);\n\n      if (!dayInstance.isValid()) {\n        return;\n      }\n\n      switch (unref(type)) {\n        case \"datetime\":\n          return dayInstance.format(\"YYYY-MM-DD HH:mm:ss\");\n        case \"date\":\n          return dayInstance.format(\"YYYY-MM-DD\");\n        case \"month\":\n          return dayInstance.format(\"YYYY-MM\");\n        case \"year\":\n          return dayInstance.format(\"YYYY\");\n        default:\n          return props.formatValue(value);\n      }\n    };\n\n    return () => {\n      return (\n        <MKColumnText {...unref(columnTextProps)} formatValue={formatValue} />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","columnDateProps","setup","columnTextProps","computed","type","formatValue","value","dayInstance","dayjs","isValid","unref","format","_createVNode","MKColumnText","_mergeProps"],"mappings":";;;;AAMA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,kBAAkBC,SAAS,MAAM;AACrC,YAAM;AAAA,QAAEC,MAAAA;AAAAA,QAAM,GAAGF;AAAAA,MAAiB,IAAGH;AACrC,aAAOG;AAAAA,IACT,CAAC;AAED,UAAME,OAAOD,SAAS,MAAMJ,MAAMK,IAAI;AAEtC,UAAMC,cAAeC,WAAkB;AACrC,YAAMC,cAAcC,MAAMF,SAAS,IAAI;AAEvC,UAAI,CAACC,YAAYE,WAAW;AAC1B;AAAA,MACF;AAEA,cAAQC,MAAMN,IAAI,GAAC;AAAA,QACjB,KAAK;AACH,iBAAOG,YAAYI,OAAO,qBAAqB;AAAA,QACjD,KAAK;AACH,iBAAOJ,YAAYI,OAAO,YAAY;AAAA,QACxC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,SAAS;AAAA,QACrC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,MAAM;AAAA,QAClC;AACE,iBAAOZ,MAAMM,YAAYC,KAAK;AAAA,MAClC;AAAA;AAGF,WAAO,MAAM;AACX,aAAAM,YAAAC,cAAAC,WACoBJ,MAAMR,eAAe,GAAC;AAAA,QAAA,eAAeG;AAAAA,MAAW,CAAA,GAAA,IAAA;AAAA;EAGxE;AACF,CAAC;"}

package/dist/esm/components/data-model/data-table/components/column-icon/column-icon.js

@@ -9,6 +9,8 @@ import "element-plus";
 import "../../../../../core/DataModelDefines.js";
 import "@maketribe/request";
 import "@maketribe/locale";
+import "../../../../../store/modules/settings.js";
+import "../../../../../store/modules/menu.js";
 import "lodash-es";
 const ColumnIcon = /* @__PURE__ */ defineComponent({
   name: "MKColumnIcon",
@@ -19,7 +21,7 @@ const ColumnIcon = /* @__PURE__ */ defineComponent({
     } = useColumn(props);
     return () => {
       return createVNode(MKSvgIcon, {
-        "iconClass": unref(value)
+        "name": unref(value)
       }, null);
     };
   }

package/dist/esm/components/data-model/data-table/components/column-icon/column-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-icon.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-icon/column-icon.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\r\nimport { columnIconProps } from \"./column-icon-options\";\r\nimport { MKSvgIcon } from \"../../../../basic/svg-icon\";\r\nimport { useColumn } from \"../../composables\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnIcon\",\r\n  props: columnIconProps,\r\n  setup(props) {\r\n    const { value } = useColumn(props);\r\n    return () => {\r\n      return <MKSvgIcon iconClass={unref(value)} />;\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnIconProps","setup","value","useColumn","_createVNode","MKSvgIcon","unref"],"mappings":";;;;;;;;;;;;AAKA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AACjC,WAAO,MAAM;AACX,aAAAK,YAAAC,WAAA;AAAA,QAAA,aAA6BC,MAAMJ,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAE7C;AACF,CAAC;"}
+{"version":3,"file":"column-icon.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-icon/column-icon.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\r\nimport { columnIconProps } from \"./column-icon-options\";\r\nimport { MKSvgIcon } from \"../../../../basic/svg-icon\";\r\nimport { useColumn } from \"../../composables\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnIcon\",\r\n  props: columnIconProps,\r\n  setup(props) {\r\n    const { value } = useColumn(props);\r\n    return () => {\r\n      return <MKSvgIcon name={unref(value)} />;\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnIconProps","setup","value","useColumn","_createVNode","MKSvgIcon","unref"],"mappings":";;;;;;;;;;;;;;AAKA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AACjC,WAAO,MAAM;AACX,aAAAK,YAAAC,WAAA;AAAA,QAAA,QAAwBC,MAAMJ,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAExC;AACF,CAAC;"}

package/dist/esm/components/data-model/data-table/components/column-image/column-image-options.js

@@ -7,6 +7,8 @@ import "element-plus";
 import "../../../../../core/DataModelDefines.js";
 import "@maketribe/request";
 import "@maketribe/locale";
+import "../../../../../store/modules/settings.js";
+import "../../../../../store/modules/menu.js";
 import "lodash-es";
 const columnImageProps = buildProps({
   ...columnProps

package/dist/esm/components/data-model/data-table/components/column-image/column-image-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-image-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-image/column-image-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { columnProps } from \"../../composables\";\r\n\r\nexport const columnImageProps = buildProps({\r\n  ...columnProps,\r\n} as const);\r\n\r\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\r\n"],"names":[],"mappings":";;;;;;;;;;AAIO,MAAM,mBAAmB,WAAW;AAAA,EACzC,GAAG;AACL,CAAU;"}
+{"version":3,"file":"column-image-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-image/column-image-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnImageProps = buildProps({\n  ...columnProps,\n} as const);\n\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\n"],"names":[],"mappings":";;;;;;;;;;;;AAIO,MAAM,mBAAmB,WAAW;AAAA,EACzC,GAAG;AACL,CAAU;"}

package/dist/esm/components/data-model/data-table/components/column-image/column-image.js

@@ -7,6 +7,8 @@ import { ElImage } from "element-plus";
 import "../../../../../core/DataModelDefines.js";
 import "@maketribe/request";
 import "@maketribe/locale";
+import "../../../../../store/modules/settings.js";
+import "../../../../../store/modules/menu.js";
 import "lodash-es";
 import { columnImageProps } from "./column-image-options.js";
 const ColumnImage = /* @__PURE__ */ defineComponent({

package/dist/esm/components/data-model/data-table/components/column-image/column-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-image.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-image/column-image.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\r\nimport { useColumn } from \"../../composables\";\r\nimport { columnImageProps } from \"./column-image-options\";\r\nimport { ElImage } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnImage\",\r\n  props: columnImageProps,\r\n  setup(props) {\r\n    const { value } = useColumn(props);\r\n\r\n    return () => {\r\n      if (!unref(value)) {\r\n        return null;\r\n      }\r\n\r\n      return <ElImage src={unref(value)} />;\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnImageProps","setup","value","useColumn","unref","_createVNode","ElImage"],"mappings":";;;;;;;;;;;AAKA,MAAeA,8CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,WAAO,MAAM;AACX,UAAI,CAACK,MAAMF,KAAK,GAAG;AACjB,eAAO;AAAA,MACT;AAEA,aAAAG,YAAAC,SAAA;AAAA,QAAA,OAAqBF,MAAMF,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAErC;AACF,CAAC;"}
+{"version":3,"file":"column-image.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-image/column-image.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\r\nimport { useColumn } from \"../../composables\";\r\nimport { columnImageProps } from \"./column-image-options\";\r\nimport { ElImage } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnImage\",\r\n  props: columnImageProps,\r\n  setup(props) {\r\n    const { value } = useColumn(props);\r\n\r\n    return () => {\r\n      if (!unref(value)) {\r\n        return null;\r\n      }\r\n\r\n      return <ElImage src={unref(value)} />;\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnImageProps","setup","value","useColumn","unref","_createVNode","ElImage"],"mappings":";;;;;;;;;;;;;AAKA,MAAeA,8CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,WAAO,MAAM;AACX,UAAI,CAACK,MAAMF,KAAK,GAAG;AACjB,eAAO;AAAA,MACT;AAEA,aAAAG,YAAAC,SAAA;AAAA,QAAA,OAAqBF,MAAMF,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAErC;AACF,CAAC;"}

package/dist/esm/components/data-model/data-table/components/column-json/column-json-options.js

@@ -7,6 +7,8 @@ import "element-plus";
 import "../../../../../core/DataModelDefines.js";
 import "@maketribe/request";
 import "@maketribe/locale";
+import "../../../../../store/modules/settings.js";
+import "../../../../../store/modules/menu.js";
 import "lodash-es";
 const columnJsonProps = buildProps({
   ...columnProps,

package/dist/esm/components/data-model/data-table/components/column-json/column-json-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-json-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-json/column-json-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { columnProps } from \"../../composables\";\r\n\r\nexport const columnJsonProps = buildProps({\r\n  ...columnProps,\r\n  buttonText: {\r\n    type: String,\r\n    default: \"查看\",\r\n  },\r\n} as const);\r\n\r\nexport type ColumnJsonProps = ExtractPropTypes<typeof columnJsonProps>;\r\n"],"names":[],"mappings":";;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;"}
+{"version":3,"file":"column-json-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-json/column-json-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnJsonProps = buildProps({\n  ...columnProps,\n  buttonText: {\n    type: String,\n    default: \"查看\",\n  },\n} as const);\n\nexport type ColumnJsonProps = ExtractPropTypes<typeof columnJsonProps>;\n"],"names":[],"mappings":";;;;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;"}

package/dist/esm/components/data-model/data-table/components/column-json/column-json.js

@@ -7,6 +7,8 @@ import "@maketribe/dm";
 import "../../../../../core/DataModelDefines.js";
 import "@maketribe/request";
 import "@maketribe/locale";
+import "../../../../../store/modules/settings.js";
+import "../../../../../store/modules/menu.js";
 import "lodash-es";
 import { columnJsonProps } from "./column-json-options.js";
 import { MKJsonEditor } from "../../../../basic/json-editor/index.js";