@maketribe/ms-app 3.0.50 → 3.0.52

package/dist/cjs/components/basic/data-select/data-select-options.d.ts

@@ -31,6 +31,8 @@ export declare const dataSelectProps: {
         __mkPropKey: true;
     };
     readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly allowCreate: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly filterable: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 };
 export type DataSelectProps = ExtractPropTypes<typeof dataSelectProps>;
 export declare const dataSelectEmit: {

package/dist/cjs/components/basic/data-select/data-select-options.js

@@ -31,6 +31,14 @@ const dataSelectProps = utils.buildProps({
   disabled: {
     type: Boolean,
     default: false
+  },
+  allowCreate: {
+    type: Boolean,
+    default: false
+  },
+  filterable: {
+    type: Boolean,
+    default: false
   }
 });
 const dataSelectEmit = {

package/dist/cjs/components/basic/data-select/data-select-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-select-options.js","sources":["../../../../../src/components/basic/data-select/data-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\n\r\nexport const dataSelectProps = buildProps({\r\n  source: {\r\n    type: Object,\r\n  },\r\n  options: {\r\n    type: Array,\r\n  },\r\n  dataTable: {\r\n    type: DataTable<any>,\r\n  },\r\n  formatOptions: {\r\n    type: Function,\r\n    default: (item: any) => {\r\n      const value = item.value ?? item.id ?? item.name;\r\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\r\n\r\n      return { value, label };\r\n    },\r\n  },\r\n  multiple: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  modelValue: {\r\n    type: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type DataSelectProps = ExtractPropTypes<typeof dataSelectProps>;\r\n\r\nexport const dataSelectEmit = {\r\n  \"update:model-value\": (modelValue: any) => true,\r\n};\r\n\r\nexport type DataSelectEmit = typeof dataSelectEmit;\r\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,kBAAkBA,gBAAW,CAAA;AAAA,EACxC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,GACR;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAAC,YAAA;AAAA,GACR;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,OAAA,EAAS,CAAC,IAAc,KAAA;AACtB,MAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,KAAS,IAAA,IAAA,CAAK,MAAM,IAAK,CAAA,IAAA,CAAA;AAC5C,MAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,IAAS,KAAK,IAAQ,IAAA,IAAA,CAAK,SAAS,IAAK,CAAA,IAAA,CAAA;AAE5D,MAAO,OAAA,EAAE,OAAO,KAAM,EAAA,CAAA;AAAA,KACxB;AAAA,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,IAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAIH,MAAM,cAAiB,GAAA;AAAA,EAC5B,oBAAA,EAAsB,CAAC,UAAoB,KAAA,IAAA;AAC7C;;;;;"}
+{"version":3,"file":"data-select-options.js","sources":["../../../../../src/components/basic/data-select/data-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\n\r\nexport const dataSelectProps = buildProps({\r\n\tsource: {\r\n\t\ttype: Object,\r\n\t},\r\n\toptions: {\r\n\t\ttype: Array,\r\n\t},\r\n\tdataTable: {\r\n\t\ttype: DataTable<any>,\r\n\t},\r\n\tformatOptions: {\r\n\t\ttype: Function,\r\n\t\tdefault: (item: any) => {\r\n\t\t\tconst value = item.value ?? item.id ?? item.name;\r\n\t\t\tconst label = item.label ?? item.desc ?? item.title ?? item.name;\r\n\r\n\t\t\treturn { value, label };\r\n\t\t},\r\n\t},\r\n\tmultiple: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false,\r\n\t},\r\n\tmodelValue: {\r\n\t\ttype: null,\r\n\t},\r\n\tdisabled: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false,\r\n\t},\r\n\tallowCreate: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false,\r\n\t},\r\n\tfilterable: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false,\r\n\t},\r\n} as const);\r\n\r\nexport type DataSelectProps = ExtractPropTypes<typeof dataSelectProps>;\r\n\r\nexport const dataSelectEmit = {\r\n\t\"update:model-value\": (modelValue: any) => true,\r\n};\r\n\r\nexport type DataSelectEmit = typeof dataSelectEmit;\r\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,kBAAkBA,gBAAW,CAAA;AAAA,EACzC,MAAQ,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,GACP;AAAA,EACA,OAAS,EAAA;AAAA,IACR,IAAM,EAAA,KAAA;AAAA,GACP;AAAA,EACA,SAAW,EAAA;AAAA,IACV,IAAM,EAAAC,YAAA;AAAA,GACP;AAAA,EACA,aAAe,EAAA;AAAA,IACd,IAAM,EAAA,QAAA;AAAA,IACN,OAAA,EAAS,CAAC,IAAc,KAAA;AACvB,MAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,KAAS,IAAA,IAAA,CAAK,MAAM,IAAK,CAAA,IAAA,CAAA;AAC5C,MAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,IAAS,KAAK,IAAQ,IAAA,IAAA,CAAK,SAAS,IAAK,CAAA,IAAA,CAAA;AAE5D,MAAO,OAAA,EAAE,OAAO,KAAM,EAAA,CAAA;AAAA,KACvB;AAAA,GACD;AAAA,EACA,QAAU,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA,EACA,UAAY,EAAA;AAAA,IACX,IAAM,EAAA,IAAA;AAAA,GACP;AAAA,EACA,QAAU,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA,EACA,WAAa,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA,EACA,UAAY,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AACD,CAAU,EAAA;AAIH,MAAM,cAAiB,GAAA;AAAA,EAC7B,oBAAA,EAAsB,CAAC,UAAoB,KAAA,IAAA;AAC5C;;;;;"}

package/dist/cjs/components/basic/data-select/data-select.d.ts

@@ -33,6 +33,8 @@ declare const _default: import("vue").DefineComponent<{
         __mkPropKey: true;
     };
     readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly allowCreate: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly filterable: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (modelValue: any) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -66,11 +68,15 @@ declare const _default: import("vue").DefineComponent<{
         __mkPropKey: true;
     };
     readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly allowCreate: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly filterable: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
 }, {
     readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly formatOptions: Function;
     readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly filterable: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly allowCreate: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

package/dist/cjs/components/basic/data-select/data-select.js

@@ -62,7 +62,9 @@ var DataSelect = /* @__PURE__ */ vue.defineComponent({
         "class": "data-select",
         "modelValue": vue.unref(value),
         "multiple": props.multiple,
-        "onUpdate:modelValue": (v) => value.value = v
+        "onUpdate:modelValue": (v) => value.value = v,
+        "allowCreate": props.allowCreate,
+        "filterable": props.filterable
       }, _isSlot(children) ? children : {
         default: () => [children]
       });

package/dist/cjs/components/basic/data-select/data-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-select.js","sources":["../../../../../src/components/basic/data-select/data-select.tsx"],"sourcesContent":["import { ComputedRef, computed, defineComponent, unref, watch } from \"vue\";\r\nimport { ElSelect, ElOption } from \"element-plus\";\r\nimport { DataSource, isDataTable } from \"@maketribe/dm\";\r\n\r\nimport { dataSelectProps, dataSelectEmit } from \"./data-select-options\";\r\n\r\nexport type DataOptionItem = { value: any; label: string };\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataSelect\",\r\n  props: dataSelectProps,\r\n  emits: dataSelectEmit,\r\n  setup(props, { emit }) {\r\n    const value = computed({\r\n      get: () => unref(props.modelValue),\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n\r\n    const options: ComputedRef<DataOptionItem[]> = computed(() => {\r\n      if (props.dataTable) {\r\n        return props.dataTable\r\n          .getList()\r\n          .map((item) => props.formatOptions(item));\r\n      }\r\n\r\n      if (Array.isArray(props.options)) {\r\n        return props.options.map((item) => props.formatOptions(item));\r\n      }\r\n\r\n      if (props.source) {\r\n        const source = props.source;\r\n\r\n        switch (source.type) {\r\n          case DataSource.DATA:\r\n            return Array.isArray(source.value)\r\n              ? source.value.map((item) => props.formatOptions(item))\r\n              : [];\r\n\r\n          case DataSource.DATATABLE:\r\n            const dataTable = source.value;\r\n\r\n            if (isDataTable(dataTable)) {\r\n              return dataTable\r\n                .getList()\r\n                .map((item) => props.formatOptions(item));\r\n            }\r\n\r\n            return [];\r\n\r\n          default:\r\n            return [];\r\n        }\r\n      }\r\n\r\n      return [];\r\n    });\r\n\r\n    watch(\r\n      computed(() => props.dataTable),\r\n      (dataTable) => {\r\n        dataTable?.dataFilter.setReady();\r\n        dataTable?.load();\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    return () => {\r\n      const children = unref(options).map((item) => (\r\n        <ElOption key={item.value} value={item.value} label={item.label} />\r\n      ));\r\n\r\n      return (\r\n        <ElSelect\r\n          disabled={props.disabled}\r\n          class=\"data-select\"\r\n          modelValue={unref(value)}\r\n          multiple={props.multiple}\r\n          onUpdate:modelValue={(v: any) => (value.value = v)}\r\n        >\r\n          {children}\r\n        </ElSelect>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataSelectProps","emits","dataSelectEmit","setup","emit","value","computed","get","unref","modelValue","set","v","options","dataTable","getList","map","item","formatOptions","Array","isArray","source","type","DataSource","DATA","DATATABLE","isDataTable","watch","dataFilter","setReady","load","immediate","children","_createVNode","ElOption","label","ElSelect","disabled","multiple","default"],"mappings":";;;;;;;AAIwE,SAAAA,QAAAC,CAAA,EAAA;AAAA,EAAA,OAAA,OAAAA,CAAAA,KAAA,UAAAC,IAAAA,MAAAA,CAAAC,SAAAC,CAAAA,QAAAA,CAAAC,IAAAJ,CAAAA,CAAA,CAAAK,KAAAA,iBAAAA,IAAAA,CAAAA,WAAAA,CAAAL,CAAA,CAAA,CAAA;AAAA,CAAA;AAIxE,iCAA+BM,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,cAAA;AAAA,EACNC,KAAOC,EAAAA,iCAAAA;AAAAA,EACPC,KAAOC,EAAAA,gCAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,QAAQC,YAAS,CAAA;AAAA,MACrBC,GAAKA,EAAAA,MAAMC,SAAMT,CAAAA,KAAAA,CAAMU,UAAU,CAAA;AAAA,MACjCC,KAAMC,CAAM,CAAA,KAAA;AACVP,QAAAA,IAAAA,CAAK,sBAAsBO,CAAC,CAAA,CAAA;AAAA,OAC9B;AAAA,KACD,CAAA,CAAA;AAED,IAAMC,MAAAA,OAAAA,GAAyCN,aAAS,MAAM;AAC5D,MAAA,IAAIP,MAAMc,SAAW,EAAA;AACnB,QAAOd,OAAAA,KAAAA,CAAMc,UACVC,OAAQ,EAAA,CACRC,IAAKC,CAASjB,IAAAA,KAAAA,KAAAA,CAAMkB,aAAcD,CAAAA,IAAI,CAAC,CAAA,CAAA;AAAA,OAC5C;AAEA,MAAA,IAAIE,KAAMC,CAAAA,OAAAA,CAAQpB,KAAMa,CAAAA,OAAO,CAAG,EAAA;AAChC,QAAA,OAAOb,MAAMa,OAAQG,CAAAA,GAAAA,CAAKC,UAASjB,KAAMkB,CAAAA,aAAAA,CAAcD,IAAI,CAAC,CAAA,CAAA;AAAA,OAC9D;AAEA,MAAA,IAAIjB,MAAMqB,MAAQ,EAAA;AAChB,QAAA,MAAMA,SAASrB,KAAMqB,CAAAA,MAAAA,CAAAA;AAErB,QAAA,QAAQA,OAAOC,IAAI;AAAA,UACjB,KAAKC,aAAWC,CAAAA,IAAAA;AACd,YAAA,OAAOL,KAAMC,CAAAA,OAAAA,CAAQC,MAAOf,CAAAA,KAAK,IAC7Be,MAAOf,CAAAA,KAAAA,CAAMU,GAAKC,CAAAA,CAAAA,IAAAA,KAASjB,KAAMkB,CAAAA,aAAAA,CAAcD,IAAI,CAAC,IACpD,EAAE,CAAA;AAAA,UAER,KAAKM,aAAWE,CAAAA,SAAAA;AACd,YAAA,MAAMX,YAAYO,MAAOf,CAAAA,KAAAA,CAAAA;AAEzB,YAAIoB,IAAAA,cAAAA,CAAYZ,SAAS,CAAG,EAAA;AAC1B,cAAOA,OAAAA,SAAAA,CACJC,SACAC,CAAAA,GAAAA,CAAKC,UAASjB,KAAMkB,CAAAA,aAAAA,CAAcD,IAAI,CAAC,CAAA,CAAA;AAAA,aAC5C;AAEA,YAAA,OAAO,EAAE,CAAA;AAAA,UAEX;AACE,YAAA,OAAO,EAAE,CAAA;AAAA,SACb;AAAA,OACF;AAEA,MAAA,OAAO,EAAE,CAAA;AAAA,KACV,CAAA,CAAA;AAEDU,IAAAA,SAAAA,CACEpB,YAAS,CAAA,MAAMP,KAAMc,CAAAA,SAAS,GAC7BA,CAAc,SAAA,KAAA;AACbA,MAAAA,SAAAA,EAAWc,WAAWC,QAAS,EAAA,CAAA;AAC/Bf,MAAAA,SAAAA,EAAWgB,IAAK,EAAA,CAAA;AAAA,KAElB,EAAA;AAAA,MAAEC,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,MAAMC,WAAWvB,SAAMI,CAAAA,OAAO,EAAEG,GAAKC,CAAAA,CAAAA,IAAAA,KAAIgB,gBAAAC,oBAAA,EAAA;AAAA,QAAA,OACxBjB,IAAKX,CAAAA,KAAAA;AAAAA,QAAK,SAASW,IAAKX,CAAAA,KAAAA;AAAAA,QAAK,SAASW,IAAKkB,CAAAA,KAAAA;AAAAA,OAAK,EAAA,IAAA,CAChE,CAAA,CAAA;AAED,MAAA,OAAAF,gBAAAG,oBAAA,EAAA;AAAA,QAAA,YAEcpC,KAAMqC,CAAAA,QAAAA;AAAAA,QAAQ,OAAA,EAAA,aAAA;AAAA,QAAA,YAAA,EAEZ5B,UAAMH,KAAK,CAAA;AAAA,QAAC,YACdN,KAAMsC,CAAAA,QAAAA;AAAAA,QAAQ,qBAAA,EACF1B,CAAYN,CAAAA,KAAAA,KAAAA,CAAMA,KAAQM,GAAAA,CAAAA;AAAAA,OAAErB,EAAAA,OAAAA,CAEjDyC,QAAQ,CAAA,GAARA,QAAQ,GAAA;AAAA,QAAAO,OAAAA,EAAAA,MAAA,CAARP,QAAQ,CAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAGf,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"data-select.js","sources":["../../../../../src/components/basic/data-select/data-select.tsx"],"sourcesContent":["import { ComputedRef, computed, defineComponent, unref, watch } from \"vue\";\r\nimport { ElSelect, ElOption } from \"element-plus\";\r\nimport { DataSource, isDataTable } from \"@maketribe/dm\";\r\n\r\nimport { dataSelectProps, dataSelectEmit } from \"./data-select-options\";\r\n\r\nexport type DataOptionItem = { value: any; label: string };\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataSelect\",\r\n  props: dataSelectProps,\r\n  emits: dataSelectEmit,\r\n  setup(props, { emit }) {\r\n    const value = computed({\r\n      get: () => unref(props.modelValue),\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n    const options: ComputedRef<DataOptionItem[]> = computed(() => {\r\n      if (props.dataTable) {\r\n        return props.dataTable\r\n          .getList()\r\n          .map((item) => props.formatOptions(item));\r\n      }\r\n\r\n      if (Array.isArray(props.options)) {\r\n        return props.options.map((item) => props.formatOptions(item));\r\n      }\r\n\r\n      if (props.source) {\r\n        const source = props.source;\r\n\r\n        switch (source.type) {\r\n          case DataSource.DATA:\r\n            return Array.isArray(source.value)\r\n              ? source.value.map((item) => props.formatOptions(item))\r\n              : [];\r\n\r\n          case DataSource.DATATABLE:\r\n            const dataTable = source.value;\r\n\r\n            if (isDataTable(dataTable)) {\r\n              return dataTable\r\n                .getList()\r\n                .map((item) => props.formatOptions(item));\r\n            }\r\n\r\n            return [];\r\n\r\n          default:\r\n            return [];\r\n        }\r\n      }\r\n\r\n      return [];\r\n    });\r\n\r\n    watch(\r\n      computed(() => props.dataTable),\r\n      (dataTable) => {\r\n        dataTable?.dataFilter.setReady();\r\n        dataTable?.load();\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    return () => {\r\n      const children = unref(options).map((item) => (\r\n        <ElOption key={item.value} value={item.value} label={item.label} />\r\n      ));\r\n\r\n      return (\r\n\t\t\t\t<ElSelect\r\n\t\t\t\t\tdisabled={props.disabled}\r\n\t\t\t\t\tclass=\"data-select\"\r\n\t\t\t\t\tmodelValue={unref(value)}\r\n\t\t\t\t\tmultiple={props.multiple}\r\n\t\t\t\t\tonUpdate:modelValue={(v: any) => (value.value = v)}\r\n\t\t\t\t\tallowCreate={props.allowCreate}\r\n\t\t\t\t\tfilterable={props.filterable}>\r\n\t\t\t\t\t{children}\r\n\t\t\t\t</ElSelect>\r\n\t\t\t);\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataSelectProps","emits","dataSelectEmit","setup","emit","value","computed","get","unref","modelValue","set","v","options","dataTable","getList","map","item","formatOptions","Array","isArray","source","type","DataSource","DATA","DATATABLE","isDataTable","watch","dataFilter","setReady","load","immediate","children","_createVNode","ElOption","label","ElSelect","disabled","multiple","allowCreate","filterable","default"],"mappings":"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"}

package/dist/cjs/components/basic/data-select/index.d.ts

@@ -29,6 +29,8 @@ export declare const MKDataSelect: import("@maketribe/utils").SFCWithInstall<imp
         __mkPropKey: true;
     };
     readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly allowCreate: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly filterable: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (modelValue: any) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -62,12 +64,16 @@ export declare const MKDataSelect: import("@maketribe/utils").SFCWithInstall<imp
         __mkPropKey: true;
     };
     readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly allowCreate: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly filterable: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
 }, {
     readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly formatOptions: Function;
     readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly filterable: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly allowCreate: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>> & Record<string, any>;
 export default MKDataSelect;
 export * from "./data-select-options";

package/dist/cjs/components/basic/data-table-select/data-table-select-options.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from "vue";
-import { DataTable } from "@maketribe/dm";
+import { DataForm, DataTable } from "@maketribe/dm";
 export declare const dataTableSelectProps: {
     readonly modelValue: {
         readonly type: import("vue").PropType<any>;
@@ -27,6 +27,12 @@ export declare const dataTableSelectProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
     readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 };
 export type DataTableSelectProps = ExtractPropTypes<typeof dataTableSelectProps>;

package/dist/cjs/components/basic/data-table-select/data-table-select-options.js

@@ -26,6 +26,10 @@ const dataTableSelectProps = utils.buildProps({
     type: dm.DataTable,
     required: true
   },
+  dataForm: {
+    type: dm.DataForm,
+    required: false
+  },
   disabled: {
     type: Boolean,
     default: false

package/dist/cjs/components/basic/data-table-select/data-table-select-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-select-options.js","sources":["../../../../../src/components/basic/data-table-select/data-table-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const dataTableSelectProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n  },\r\n  labelFieldName: {\r\n    type: String,\r\n    required: true,\r\n  },\r\n  primaryFieldName: {\r\n    type: String,\r\n  },\r\n  multiple: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  objectValue: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  dataTable: {\r\n    type: DataTable<any>,\r\n    required: true,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type DataTableSelectProps = ExtractPropTypes<\r\n  typeof dataTableSelectProps\r\n>;\r\n\r\nexport const dataTableSelectEmits = {\r\n  \"update:model-value\": (modelValue: any) => true,\r\n  recordsChange: (records: any[]) => Array.isArray(records),\r\n};\r\n\r\nexport type DataTableSelectEmits = typeof dataTableSelectEmits;\r\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,uBAAuBA,gBAAW,CAAA;AAAA,EAC7C,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,IAAA;AAAA,GACR;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAAC,YAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAMH,MAAM,oBAAuB,GAAA;AAAA,EAClC,oBAAA,EAAsB,CAAC,UAAoB,KAAA,IAAA;AAAA,EAC3C,aAAe,EAAA,CAAC,OAAmB,KAAA,KAAA,CAAM,QAAQ,OAAO,CAAA;AAC1D;;;;;"}
+{"version":3,"file":"data-table-select-options.js","sources":["../../../../../src/components/basic/data-table-select/data-table-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { DataForm, DataTable } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const dataTableSelectProps = buildProps({\r\n\tmodelValue: {\r\n\t\ttype: null,\r\n\t},\r\n\tlabelFieldName: {\r\n\t\ttype: String,\r\n\t\trequired: true,\r\n\t},\r\n\tprimaryFieldName: {\r\n\t\ttype: String,\r\n\t},\r\n\tmultiple: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false,\r\n\t},\r\n\tobjectValue: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false,\r\n\t},\r\n\tdataTable: {\r\n\t\ttype: DataTable<any>,\r\n\t\trequired: true,\r\n\t},\r\n\tdataForm: {\r\n\t\ttype: DataForm<any>,\r\n\t\trequired: false,\r\n\t},\r\n\tdisabled: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false,\r\n\t},\r\n} as const);\r\n\r\nexport type DataTableSelectProps = ExtractPropTypes<\r\n  typeof dataTableSelectProps\r\n>;\r\n\r\nexport const dataTableSelectEmits = {\r\n  \"update:model-value\": (modelValue: any) => true,\r\n  recordsChange: (records: any[]) => Array.isArray(records),\r\n};\r\n\r\nexport type DataTableSelectEmits = typeof dataTableSelectEmits;\r\n"],"names":["buildProps","DataTable","DataForm"],"mappings":";;;;;AAIO,MAAM,uBAAuBA,gBAAW,CAAA;AAAA,EAC9C,UAAY,EAAA;AAAA,IACX,IAAM,EAAA,IAAA;AAAA,GACP;AAAA,EACA,cAAgB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACX;AAAA,EACA,gBAAkB,EAAA;AAAA,IACjB,IAAM,EAAA,MAAA;AAAA,GACP;AAAA,EACA,QAAU,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA,EACA,WAAa,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA,EACA,SAAW,EAAA;AAAA,IACV,IAAM,EAAAC,YAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACT,IAAM,EAAAC,WAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AACD,CAAU,EAAA;AAMH,MAAM,oBAAuB,GAAA;AAAA,EAClC,oBAAA,EAAsB,CAAC,UAAoB,KAAA,IAAA;AAAA,EAC3C,aAAe,EAAA,CAAC,OAAmB,KAAA,KAAA,CAAM,QAAQ,OAAO,CAAA;AAC1D;;;;;"}

package/dist/cjs/components/basic/data-table-select/data-table-select.d.ts

@@ -25,6 +25,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
     readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (modelValue: any) => boolean;
@@ -56,6 +62,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
     readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;

package/dist/cjs/components/basic/data-table-select/data-table-select.js

@@ -36,7 +36,7 @@ var DataTableSelect = /* @__PURE__ */ vue.defineComponent({
         if (existingRecords.length !== recordIds.length) {
           const notExistingRecords = recordIds.filter((id) => !existingRecords.find((item) => item[vue.unref(primaryFieldName)] === id));
           const where = new request.Where();
-          where.addCondition(vue.unref(primaryFieldName), "in", `(${notExistingRecords.map((id) => JSON.stringify(id)).join(",")})`);
+          where.addCondition(vue.unref(primaryFieldName), "in", `${notExistingRecords.map((id) => JSON.stringify(id)).join(",")}`);
           const response = await vue.unref(dataViewRequest).allList({
             data: {
               condition: where
@@ -106,10 +106,11 @@ var DataTableSelect = /* @__PURE__ */ vue.defineComponent({
         "modelValue": props.multiple ? _options : _options[0] ?? null
       }, null)]), vue.createVNode(index.default, {
         "dataTable": vue.unref(props.dataTable),
+        "dataForm": vue.unref(props.dataForm),
         "multiple": props.multiple,
         "modelValue": vue.unref(isShowDialog),
         "onUpdate:model-value": (v) => isShowDialog.value = v,
-        "selection": vue.unref(modelValue),
+        "selection": vue.unref(values),
         "onUpdate:selection": (v) => values.value = v
       }, null)]);
     };

package/dist/cjs/components/basic/data-table-select/data-table-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-select.js","sources":["../../../../../src/components/basic/data-table-select/data-table-select.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  ref,\n  unref,\n  watch,\n  defineComponent,\n  Ref,\n} from \"vue\";\nimport { ElSelect, ElInput } from \"element-plus\";\nimport { Grid } from \"@element-plus/icons-vue\";\nimport { isEqual } from \"lodash-es\";\nimport { Where } from \"@maketribe/request\";\nimport MKDataTableSelectDialog from \"../data-table-select-dialog\";\nimport {\n  dataTableSelectEmits,\n  dataTableSelectProps,\n} from \"./data-table-select-options\";\n\nexport default defineComponent({\n  name: \"MKDataTableSelect\",\n  inheritAttrs: false,\n  props: dataTableSelectProps,\n  emits: dataTableSelectEmits,\n  setup(props, { emit }) {\n    const dataTable = computed(() => props.dataTable);\n\n    const dataViewRequest = computed(() => unref(dataTable).dataViewRequest);\n\n    const loadingRecords = ref(false);\n\n    const isShowDialog = ref(false);\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    const values = ref(unref(modelValue));\n\n    const primaryFieldName = computed(\n      () => props.primaryFieldName ?? unref(dataTable).primaryKey\n    );\n\n    const loadRecords = async () => {\n      try {\n        loadingRecords.value = true;\n\n        const _dataTable = unref(dataTable);\n\n        const selection = unref(values);\n\n        const recordIds = Array.isArray(selection)\n          ? selection\n          : selection\n          ? [selection]\n          : [];\n\n        let existingRecords = _dataTable!\n          .getList()\n          .filter((item) => recordIds.includes(item[unref(primaryFieldName)]));\n\n        if (existingRecords.length !== recordIds.length) {\n          const notExistingRecords = recordIds.filter(\n            (id) =>\n              !existingRecords.find(\n                (item) => item[unref(primaryFieldName)] === id\n              )\n          );\n\n          const where = new Where();\n          where.addCondition(\n            unref(primaryFieldName),\n            \"in\",\n            `(${notExistingRecords.map((id) => JSON.stringify(id)).join(\",\")})`\n          );\n\n          const response = await unref(dataViewRequest).allList({\n            data: { condition: where },\n          });\n\n          if (response.data.code !== 200) {\n            return existingRecords;\n          }\n\n          existingRecords = [...existingRecords, ...response.data.data];\n        }\n\n        return recordIds.map((id) =>\n          existingRecords.find((item) => item[unref(primaryFieldName)] === id)\n        );\n      } finally {\n        loadingRecords.value = false;\n      }\n    };\n\n    const currentRecords: Ref<any[]> = ref([]);\n\n    watch(\n      computed(() => props.multiple),\n      (multiple) => {\n        values.value = multiple ? [] : null;\n      }\n    );\n\n    watch(\n      modelValue,\n      async (modelValue) => {\n        let _values: any;\n        if (props.objectValue) {\n          _values = props.multiple\n            ? modelValue?.map(\n                (item: any) => item[unref(dataTable).primaryKey]\n              ) ?? []\n            : modelValue?.[unref(dataTable).primaryKey] ?? null;\n        } else {\n          _values = modelValue;\n        }\n\n        if (!isEqual(_values, unref(values))) {\n          values.value = _values;\n        }\n      },\n      { immediate: true }\n    );\n\n    watch(\n      values,\n      async (values) => {\n        currentRecords.value = await loadRecords();\n\n        emit(\"recordsChange\", currentRecords.value);\n\n        if (modelValue.value !== values) {\n          if (props.objectValue) {\n            modelValue.value = props.multiple\n              ? [...currentRecords.value]\n              : currentRecords.value[0] ?? null;\n          } else {\n            modelValue.value = values;\n          }\n        }\n      },\n      { immediate: true }\n    );\n\n    const options = computed(() =>\n      unref(currentRecords).map((record) => ({\n        value: record[unref(dataTable)!.primaryKey],\n        label: record[props.labelFieldName],\n        isDisabled: true,\n      }))\n    );\n\n    return () => {\n      const _options = unref(options);\n\n      return (\n        <Fragment>\n          <span\n            class=\"mk-data-table-select\"\n            onMouseup={(e: MouseEvent) => {\n              if (!props.disabled) {\n                isShowDialog.value = true;\n              }\n            }}\n          >\n            <ElSelect\n              disabled={props.disabled}\n              multiple={props.multiple}\n              loading={unref(loadingRecords)}\n              suffixIcon={Grid}\n              popperClass=\"mk-data-table-select__popper\"\n              clearable\n              modelValue={props.multiple ? _options : _options[0] ?? null}\n            />\n          </span>\n          <MKDataTableSelectDialog\n            dataTable={unref(props.dataTable)}\n            multiple={props.multiple}\n            modelValue={unref(isShowDialog)}\n            onUpdate:model-value={(v: boolean) => (isShowDialog.value = v)}\n            selection={unref(modelValue)}\n            onUpdate:selection={(v: any) => (values.value = v)}\n          />\n        </Fragment>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","inheritAttrs","props","dataTableSelectProps","emits","dataTableSelectEmits","setup","emit","dataTable","computed","dataViewRequest","unref","loadingRecords","ref","isShowDialog","modelValue","get","set","v","values","primaryFieldName","primaryKey","loadRecords","value","_dataTable","selection","recordIds","Array","isArray","existingRecords","getList","filter","item","includes","length","notExistingRecords","id","find","where","Where","addCondition","map","JSON","stringify","join","response","allList","data","condition","code","currentRecords","watch","multiple","_values","objectValue","isEqual","immediate","options","record","label","labelFieldName","isDisabled","_options","_createVNode","_Fragment","e","disabled","ElSelect","Grid","MKDataTableSelectDialog"],"mappings":";;;;;;;;;;AAmBA,sCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,mBAAA;AAAA,EACNC,YAAc,EAAA,KAAA;AAAA,EACdC,KAAOC,EAAAA,2CAAAA;AAAAA,EACPC,KAAOC,EAAAA,2CAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,SAAYC,GAAAA,YAAAA,CAAS,MAAMP,KAAAA,CAAMM,SAAS,CAAA,CAAA;AAEhD,IAAA,MAAME,kBAAkBD,YAAS,CAAA,MAAME,SAAMH,CAAAA,SAAS,EAAEE,eAAe,CAAA,CAAA;AAEvE,IAAME,MAAAA,cAAAA,GAAiBC,QAAI,KAAK,CAAA,CAAA;AAEhC,IAAMC,MAAAA,YAAAA,GAAeD,QAAI,KAAK,CAAA,CAAA;AAE9B,IAAA,MAAME,aAAaN,YAAS,CAAA;AAAA,MAC1BO,GAAAA,EAAKA,MAAMd,KAAMa,CAAAA,UAAAA;AAAAA,MACjBE,GAAMC,EAAAA,CAAAA,CAAAA,KAAMX,IAAK,CAAA,oBAAA,EAAsBW,CAAC,CAAA;AAAA,KACzC,CAAA,CAAA;AAED,IAAA,MAAMC,MAASN,GAAAA,OAAAA,CAAIF,SAAMI,CAAAA,UAAU,CAAC,CAAA,CAAA;AAEpC,IAAMK,MAAAA,gBAAAA,GAAmBX,aACvB,MAAMP,KAAAA,CAAMkB,oBAAoBT,SAAMH,CAAAA,SAAS,EAAEa,UACnD,CAAA,CAAA;AAEA,IAAA,MAAMC,cAAc,YAAY;AAC9B,MAAI,IAAA;AACFV,QAAAA,cAAAA,CAAeW,KAAQ,GAAA,IAAA,CAAA;AAEvB,QAAMC,MAAAA,UAAAA,GAAab,UAAMH,SAAS,CAAA,CAAA;AAElC,QAAMiB,MAAAA,SAAAA,GAAYd,UAAMQ,MAAM,CAAA,CAAA;AAE9B,QAAMO,MAAAA,SAAAA,GAAYC,KAAMC,CAAAA,OAAAA,CAAQH,SAAS,CAAA,GACrCA,YACAA,SACA,GAAA,CAACA,SAAS,CAAA,GACV,EAAE,CAAA;AAEN,QAAA,IAAII,eAAkBL,GAAAA,UAAAA,CACnBM,OAAQ,EAAA,CACRC,MAAQC,CAAAA,CAAAA,IAAAA,KAASN,SAAUO,CAAAA,QAAAA,CAASD,IAAKrB,CAAAA,SAAAA,CAAMS,gBAAgB,CAAC,CAAC,CAAC,CAAA,CAAA;AAErE,QAAIS,IAAAA,eAAAA,CAAgBK,MAAWR,KAAAA,SAAAA,CAAUQ,MAAQ,EAAA;AAC/C,UAAA,MAAMC,kBAAqBT,GAAAA,SAAAA,CAAUK,MAClCK,CAAAA,CAAAA,EAAAA,KACC,CAACP,eAAgBQ,CAAAA,IAAAA,CACdL,CAASA,IAAAA,KAAAA,IAAAA,CAAKrB,SAAMS,CAAAA,gBAAgB,CAAC,CAAA,KAAMgB,EAC9C,CACJ,CAAA,CAAA;AAEA,UAAME,MAAAA,KAAAA,GAAQ,IAAIC,aAAM,EAAA,CAAA;AACxBD,UAAAA,KAAAA,CAAME,aACJ7B,SAAMS,CAAAA,gBAAgB,CACtB,EAAA,IAAA,EACC,IAAGe,kBAAmBM,CAAAA,GAAAA,CAAKL,CAAOM,EAAAA,KAAAA,IAAAA,CAAKC,UAAUP,EAAE,CAAC,EAAEQ,IAAK,CAAA,GAAG,CAAE,CACnE,CAAA,CAAA,CAAA,CAAA;AAEA,UAAA,MAAMC,QAAW,GAAA,MAAMlC,SAAMD,CAAAA,eAAe,EAAEoC,OAAQ,CAAA;AAAA,YACpDC,IAAM,EAAA;AAAA,cAAEC,SAAWV,EAAAA,KAAAA;AAAAA,aAAM;AAAA,WAC1B,CAAA,CAAA;AAED,UAAIO,IAAAA,QAAAA,CAASE,IAAKE,CAAAA,IAAAA,KAAS,GAAK,EAAA;AAC9B,YAAOpB,OAAAA,eAAAA,CAAAA;AAAAA,WACT;AAEAA,UAAAA,eAAAA,GAAkB,CAAC,GAAGA,eAAAA,EAAiB,GAAGgB,QAAAA,CAASE,KAAKA,IAAI,CAAA,CAAA;AAAA,SAC9D;AAEA,QAAA,OAAOrB,SAAUe,CAAAA,GAAAA,CAAKL,CACpBP,EAAAA,KAAAA,eAAAA,CAAgBQ,IAAML,CAAAA,CAAAA,IAAAA,KAASA,IAAKrB,CAAAA,SAAAA,CAAMS,gBAAgB,CAAC,CAAMgB,KAAAA,EAAE,CACrE,CAAA,CAAA;AAAA,OACQ,SAAA;AACRxB,QAAAA,cAAAA,CAAeW,KAAQ,GAAA,KAAA,CAAA;AAAA,OACzB;AAAA,KACF,CAAA;AAEA,IAAM2B,MAAAA,cAAAA,GAA6BrC,OAAI,CAAA,EAAE,CAAA,CAAA;AAEzCsC,IAAAA,SAAAA,CACE1C,YAAS,CAAA,MAAMP,KAAMkD,CAAAA,QAAQ,GAC5BA,CAAa,QAAA,KAAA;AACZjC,MAAOI,MAAAA,CAAAA,KAAAA,GAAQ6B,QAAW,GAAA,EAAK,GAAA,IAAA,CAAA;AAAA,KAEnC,CAAA,CAAA;AAEAD,IACEpC,SAAAA,CAAAA,UAAAA,EACA,OAAOA,WAAe,KAAA;AACpB,MAAIsC,IAAAA,OAAAA,CAAAA;AACJ,MAAA,IAAInD,MAAMoD,WAAa,EAAA;AACrBD,QAAAA,OAAAA,GAAUnD,MAAMkD,QACZrC,GAAAA,WAAAA,EAAY0B,IACTT,CAAcA,IAAAA,KAAAA,IAAAA,CAAKrB,UAAMH,SAAS,CAAA,CAAEa,UAAU,CACjD,CAAA,IAAK,EACLN,GAAAA,WAAAA,GAAaJ,UAAMH,SAAS,CAAA,CAAEa,UAAU,CAAK,IAAA,IAAA,CAAA;AAAA,OAC5C,MAAA;AACLgC,QAAUtC,OAAAA,GAAAA,WAAAA,CAAAA;AAAAA,OACZ;AAEA,MAAA,IAAI,CAACwC,gBAAQF,CAAAA,OAAAA,EAAS1C,SAAMQ,CAAAA,MAAM,CAAC,CAAG,EAAA;AACpCA,QAAAA,MAAAA,CAAOI,KAAQ8B,GAAAA,OAAAA,CAAAA;AAAAA,OACjB;AAAA,KAEF,EAAA;AAAA,MAAEG,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEAL,IACEhC,SAAAA,CAAAA,MAAAA,EACA,OAAOA,OAAW,KAAA;AAChB+B,MAAe3B,cAAAA,CAAAA,KAAAA,GAAQ,MAAMD,WAAY,EAAA,CAAA;AAEzCf,MAAK,IAAA,CAAA,eAAA,EAAiB2C,eAAe3B,KAAK,CAAA,CAAA;AAE1C,MAAIR,IAAAA,UAAAA,CAAWQ,UAAUJ,OAAQ,EAAA;AAC/B,QAAA,IAAIjB,MAAMoD,WAAa,EAAA;AACrBvC,UAAWQ,UAAAA,CAAAA,KAAAA,GAAQrB,KAAMkD,CAAAA,QAAAA,GACrB,CAAC,GAAGF,cAAe3B,CAAAA,KAAK,CACxB2B,GAAAA,cAAAA,CAAe3B,KAAM,CAAA,CAAC,CAAK,IAAA,IAAA,CAAA;AAAA,SAC1B,MAAA;AACLR,UAAAA,UAAAA,CAAWQ,KAAQJ,GAAAA,OAAAA,CAAAA;AAAAA,SACrB;AAAA,OACF;AAAA,KAEF,EAAA;AAAA,MAAEqC,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEA,IAAA,MAAMC,UAAUhD,YAAS,CAAA,MACvBE,UAAMuC,cAAc,CAAA,CAAET,IAAKiB,CAAY,MAAA,MAAA;AAAA,MACrCnC,KAAOmC,EAAAA,MAAAA,CAAO/C,SAAMH,CAAAA,SAAS,EAAGa,UAAU,CAAA;AAAA,MAC1CsC,KAAAA,EAAOD,MAAOxD,CAAAA,KAAAA,CAAM0D,cAAc,CAAA;AAAA,MAClCC,UAAY,EAAA,IAAA;AAAA,MACZ,CACJ,CAAA,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAMC,MAAAA,QAAAA,GAAWnD,UAAM8C,OAAO,CAAA,CAAA;AAE9B,MAAA,OAAAM,eAAAC,CAAAA,YAAAA,EAAA,IAAA,EAAA,CAAAD,gBAAA,MAAA,EAAA;AAAA,QAAA,OAAA,EAAA,sBAAA;AAAA,QAAA,aAIkBE,CAAkB,CAAA,KAAA;AAC5B,UAAI,IAAA,CAAC/D,MAAMgE,QAAU,EAAA;AACnBpD,YAAAA,YAAAA,CAAaS,KAAQ,GAAA,IAAA,CAAA;AAAA,WACvB;AAAA,SACF;AAAA,OAAC,EAAAwC,CAAAA,eAAAA,CAAAI,oBAAA,EAAA;AAAA,QAAA,YAGWjE,KAAMgE,CAAAA,QAAAA;AAAAA,QAAQ,YACdhE,KAAMkD,CAAAA,QAAAA;AAAAA,QAAQ,SAAA,EACfzC,UAAMC,cAAc,CAAA;AAAA,QAAC,YAClBwD,EAAAA,UAAAA;AAAAA,QAAI,aAAA,EAAA,8BAAA;AAAA,QAAA,WAAA,EAAA,IAAA;AAAA,QAAA,cAGJlE,KAAMkD,CAAAA,QAAAA,GAAWU,QAAWA,GAAAA,QAAAA,CAAS,CAAC,CAAK,IAAA,IAAA;AAAA,SAAIC,IAAAA,CAAAA,CAAAA,CAAAA,EAAAA,gBAAAM,aAAA,EAAA;AAAA,QAAA,WAAA,EAIlD1D,SAAMT,CAAAA,KAAAA,CAAMM,SAAS,CAAA;AAAA,QAAC,YACvBN,KAAMkD,CAAAA,QAAAA;AAAAA,QAAQ,YAAA,EACZzC,UAAMG,YAAY,CAAA;AAAA,QAAC,sBAAA,EACRI,CAAgBJ,CAAAA,KAAAA,YAAAA,CAAaS,KAAQL,GAAAA,CAAAA;AAAAA,QAAE,WAAA,EACnDP,UAAMI,UAAU,CAAA;AAAA,QAAC,oBAAA,EACPG,CAAYC,CAAAA,KAAAA,MAAAA,CAAOI,KAAQL,GAAAA,CAAAA;AAAAA,OAAE,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAI1D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"data-table-select.js","sources":["../../../../../src/components/basic/data-table-select/data-table-select.tsx"],"sourcesContent":["import {\r\n  Fragment,\r\n  computed,\r\n  ref,\r\n  unref,\r\n  watch,\r\n  defineComponent,\r\n  Ref,\r\n} from \"vue\";\r\nimport { ElSelect, ElInput } from \"element-plus\";\r\nimport { Grid } from \"@element-plus/icons-vue\";\r\nimport { isEqual } from \"lodash-es\";\r\nimport { Where } from \"@maketribe/request\";\r\nimport MKDataTableSelectDialog from \"../data-table-select-dialog\";\r\nimport {\r\n  dataTableSelectEmits,\r\n  dataTableSelectProps,\r\n} from \"./data-table-select-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataTableSelect\",\r\n  inheritAttrs: false,\r\n  props: dataTableSelectProps,\r\n  emits: dataTableSelectEmits,\r\n  setup(props, { emit }) {\r\n    const dataTable = computed(() => props.dataTable);\r\n\r\n    const dataViewRequest = computed(() => unref(dataTable).dataViewRequest);\r\n\r\n    const loadingRecords = ref(false);\r\n\r\n    const isShowDialog = ref(false);\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    const values = ref(unref(modelValue));\r\n\r\n    const primaryFieldName = computed(\r\n      () => props.primaryFieldName ?? unref(dataTable).primaryKey\r\n    );\r\n\r\n    const loadRecords = async () => {\r\n      try {\r\n        loadingRecords.value = true;\r\n\r\n        const _dataTable = unref(dataTable);\r\n\r\n        const selection = unref(values);\r\n\r\n        const recordIds = Array.isArray(selection)\r\n          ? selection\r\n          : selection\r\n          ? [selection]\r\n          : [];\r\n\r\n        let existingRecords = _dataTable!\r\n          .getList()\r\n          .filter((item) => recordIds.includes(item[unref(primaryFieldName)]));\r\n\r\n        if (existingRecords.length !== recordIds.length) {\r\n          const notExistingRecords = recordIds.filter(\r\n            (id) =>\r\n              !existingRecords.find(\r\n                (item) => item[unref(primaryFieldName)] === id\r\n              )\r\n          );\r\n\r\n          const where = new Where();\r\n          where.addCondition(\r\n            unref(primaryFieldName),\r\n            \"in\",\r\n            `${notExistingRecords.map((id) => JSON.stringify(id)).join(\",\")}`\r\n          );\r\n\r\n          const response = await unref(dataViewRequest).allList({\r\n            data: { condition: where },\r\n          });\r\n\r\n          if (response.data.code !== 200) {\r\n            return existingRecords;\r\n          }\r\n\r\n          existingRecords = [...existingRecords, ...response.data.data];\r\n        }\r\n\r\n        return recordIds.map((id) =>\r\n          existingRecords.find((item) => item[unref(primaryFieldName)] === id)\r\n        );\r\n      } finally {\r\n        loadingRecords.value = false;\r\n      }\r\n    };\r\n\r\n    const currentRecords: Ref<any[]> = ref([]);\r\n\r\n    watch(\r\n      computed(() => props.multiple),\r\n      (multiple) => {\r\n        values.value = multiple ? [] : null;\r\n      }\r\n    );\r\n    \r\n    watch(\r\n      modelValue,\r\n      async (modelValue) => {\r\n        let _values: any;\r\n        if (props.objectValue) {\r\n          _values = props.multiple\r\n            ? modelValue?.map(\r\n                (item: any) => item[unref(dataTable).primaryKey]\r\n              ) ?? []\r\n            : modelValue?.[unref(dataTable).primaryKey] ?? null;\r\n        } else {\r\n          _values = modelValue;\r\n        }\r\n\r\n        if (!isEqual(_values, unref(values))) {\r\n          values.value = _values;\r\n        }\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    watch(\r\n      values,\r\n      async (values) => {\r\n        currentRecords.value = await loadRecords();\r\n\r\n        emit(\"recordsChange\", currentRecords.value);\r\n\r\n        if (modelValue.value !== values) {\r\n          if (props.objectValue) {\r\n            modelValue.value = props.multiple\r\n              ? [...currentRecords.value]\r\n              : currentRecords.value[0] ?? null;\r\n          } else {\r\n            modelValue.value = values;\r\n          }\r\n        }\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const options = computed(() =>\r\n      unref(currentRecords).map((record) => ({\r\n        value: record[unref(dataTable)!.primaryKey],\r\n        label: record[props.labelFieldName],\r\n        isDisabled: true,\r\n      }))\r\n    );\r\n\r\n    return () => {\r\n      const _options = unref(options);\r\n\r\n      return (\r\n        <Fragment>\r\n          <span\r\n            class=\"mk-data-table-select\"\r\n            onMouseup={(e: MouseEvent) => {\r\n              if (!props.disabled) {\r\n                isShowDialog.value = true;\r\n              }\r\n            }}\r\n          >\r\n            <ElSelect\r\n              disabled={props.disabled}\r\n              multiple={props.multiple}\r\n              loading={unref(loadingRecords)}\r\n              suffixIcon={Grid}\r\n              popperClass=\"mk-data-table-select__popper\"\r\n              clearable\r\n              modelValue={props.multiple ? _options : _options[0] ?? null}\r\n            />\r\n          </span>\r\n          <MKDataTableSelectDialog\r\n            dataTable={unref(props.dataTable)}\r\n            dataForm={unref(props.dataForm)}\r\n            multiple={props.multiple}\r\n            modelValue={unref(isShowDialog)}\r\n            onUpdate:model-value={(v: boolean) => (isShowDialog.value = v)}\r\n            selection={unref(values)}\r\n            onUpdate:selection={(v: any) => (values.value = v)}\r\n          />\r\n        </Fragment>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","inheritAttrs","props","dataTableSelectProps","emits","dataTableSelectEmits","setup","emit","dataTable","computed","dataViewRequest","unref","loadingRecords","ref","isShowDialog","modelValue","get","set","v","values","primaryFieldName","primaryKey","loadRecords","value","_dataTable","selection","recordIds","Array","isArray","existingRecords","getList","filter","item","includes","length","notExistingRecords","id","find","where","Where","addCondition","map","JSON","stringify","join","response","allList","data","condition","code","currentRecords","watch","multiple","_values","objectValue","isEqual","immediate","options","record","label","labelFieldName","isDisabled","_options","_createVNode","_Fragment","e","disabled","ElSelect","Grid","MKDataTableSelectDialog","dataForm"],"mappings":"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"}

package/dist/cjs/components/basic/data-table-select/index.d.ts

@@ -25,6 +25,12 @@ export declare const MKDataTableSelect: import("@maketribe/utils").SFCWithInstal
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
     readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (modelValue: any) => boolean;
@@ -56,6 +62,12 @@ export declare const MKDataTableSelect: import("@maketribe/utils").SFCWithInstal
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
     readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;

package/dist/cjs/components/basic/data-table-select-dialog/data-table-select-dialog-options.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from "vue";
-import { DataTable } from "@maketribe/dm";
+import { DataForm, DataTable } from "@maketribe/dm";
 export declare const dataTableSelectDialogProps: {
     readonly modelValue: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly selection: {
@@ -15,6 +15,12 @@ export declare const dataTableSelectDialogProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
 };
 export type DataTableSelectDialogProps = ExtractPropTypes<typeof dataTableSelectDialogProps>;
 export declare const dataTableSelectDialogEmits: {

package/dist/cjs/components/basic/data-table-select-dialog/data-table-select-dialog-options.js

@@ -18,6 +18,10 @@ const dataTableSelectDialogProps = utils.buildProps({
   dataTable: {
     type: dm.DataTable,
     required: true
+  },
+  dataForm: {
+    type: dm.DataForm,
+    required: false
   }
 });
 const dataTableSelectDialogEmits = {

package/dist/cjs/components/basic/data-table-select-dialog/data-table-select-dialog-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-select-dialog-options.js","sources":["../../../../../src/components/basic/data-table-select-dialog/data-table-select-dialog-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\n\r\nexport const dataTableSelectDialogProps = buildProps({\r\n  modelValue: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  selection: {\r\n    type: null,\r\n  },\r\n  multiple: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  dataTable: {\r\n    type: DataTable<any>,\r\n    required: true,\r\n  },\r\n} as const);\r\n\r\nexport type DataTableSelectDialogProps = ExtractPropTypes<\r\n  typeof dataTableSelectDialogProps\r\n>;\r\n\r\nexport const dataTableSelectDialogEmits = {\r\n  \"update:model-value\": (modelValue: any) => typeof modelValue === \"boolean\",\r\n  \"update:selection\": (modelValue: any) => true,\r\n  confirm: () => true,\r\n};\r\n\r\nexport const DataTableSelectDialogEmits = typeof dataTableSelectDialogEmits;\r\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,6BAA6BA,gBAAW,CAAA;AAAA,EACnD,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,IAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAAC,YAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAU,EAAA;AAMH,MAAM,0BAA6B,GAAA;AAAA,EACxC,oBAAsB,EAAA,CAAC,UAAoB,KAAA,OAAO,UAAe,KAAA,SAAA;AAAA,EACjE,kBAAA,EAAoB,CAAC,UAAoB,KAAA,IAAA;AAAA,EACzC,SAAS,MAAM,IAAA;AACjB,EAAA;AAEO,MAAM,6BAA6B,OAAO;;;;;;"}
+{"version":3,"file":"data-table-select-dialog-options.js","sources":["../../../../../src/components/basic/data-table-select-dialog/data-table-select-dialog-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataForm, DataTable } from \"@maketribe/dm\";\r\n\r\nexport const dataTableSelectDialogProps = buildProps({\r\n\tmodelValue: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false,\r\n\t},\r\n\tselection: {\r\n\t\ttype: null,\r\n\t},\r\n\tmultiple: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false,\r\n\t},\r\n\tdataTable: {\r\n\t\ttype: DataTable<any>,\r\n\t\trequired: true,\r\n\t},\r\n\tdataForm: {\r\n\t\ttype: DataForm<any>,\r\n\t\trequired: false,\r\n\t},\r\n} as const);\r\n\r\nexport type DataTableSelectDialogProps = ExtractPropTypes<\r\n  typeof dataTableSelectDialogProps\r\n>;\r\n\r\nexport const dataTableSelectDialogEmits = {\r\n  \"update:model-value\": (modelValue: any) => typeof modelValue === \"boolean\",\r\n  \"update:selection\": (modelValue: any) => true,\r\n  confirm: () => true,\r\n};\r\n\r\nexport const DataTableSelectDialogEmits = typeof dataTableSelectDialogEmits;\r\n"],"names":["buildProps","DataTable","DataForm"],"mappings":";;;;;AAIO,MAAM,6BAA6BA,gBAAW,CAAA;AAAA,EACpD,UAAY,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA,EACA,SAAW,EAAA;AAAA,IACV,IAAM,EAAA,IAAA;AAAA,GACP;AAAA,EACA,QAAU,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA,EACA,SAAW,EAAA;AAAA,IACV,IAAM,EAAAC,YAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACT,IAAM,EAAAC,WAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACX;AACD,CAAU,EAAA;AAMH,MAAM,0BAA6B,GAAA;AAAA,EACxC,oBAAsB,EAAA,CAAC,UAAoB,KAAA,OAAO,UAAe,KAAA,SAAA;AAAA,EACjE,kBAAA,EAAoB,CAAC,UAAoB,KAAA,IAAA;AAAA,EACzC,SAAS,MAAM,IAAA;AACjB,EAAA;AAEO,MAAM,6BAA6B,OAAO;;;;;;"}

package/dist/cjs/components/basic/data-table-select-dialog/data-table-select-dialog.d.ts

@@ -14,6 +14,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (modelValue: any) => boolean;
     "update:selection": (modelValue: any) => boolean;
@@ -33,6 +39,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
     "onUpdate:selection"?: ((modelValue: any) => any) | undefined;

package/dist/cjs/components/basic/data-table-select-dialog/data-table-select-dialog.js

@@ -2,7 +2,7 @@
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-require('../../data-model/data-form/index.js');
+var index$1 = require('../../data-model/data-form/index.js');
 require('../../data-model/data-form-page/index.js');
 var index = require('../../data-model/data-table/index.js');
 require('../../data-model/data-table-page/index.js');
@@ -18,11 +18,11 @@ var DataTableSelectDialog = /* @__PURE__ */ vue.defineComponent({
     emit
   }) {
     const dataTable = vue.ref(null);
-    vue.computed(() => vue.unref(dataTable).loading);
     const isShowDialog = vue.computed({
       get: () => props.modelValue,
       set: (v) => emit("update:model-value", v)
     });
+    const isShowFormDrawer = vue.ref(false);
     const handleConfirm = () => {
       if (props.multiple) {
         emit("update:selection", vue.unref(dataTable).getSelection());
@@ -52,6 +52,7 @@ var DataTableSelectDialog = /* @__PURE__ */ vue.defineComponent({
       const _dataTable = vue.unref(dataTable);
       if (!isShowDialog2) {
         _dataTable.clearSelection();
+        isShowFormDrawer.value = false;
         return;
       }
       const handleColumnState = () => {
@@ -80,6 +81,23 @@ var DataTableSelectDialog = /* @__PURE__ */ vue.defineComponent({
         vue.unref(dataTable)?.setSelection(selection ? [selection] : []);
       }
     });
+    vue.unref(dataTable)?.addRecordEvent.on(() => {
+      props.dataForm?.addRecord();
+      isShowFormDrawer.value = true;
+    });
+    vue.watch(() => props.dataForm, () => {
+      if (!props.dataForm) {
+        vue.unref(dataTable)?.buttonTools.splice(1, 2);
+      } else {
+        vue.unref(dataTable)?.buttonTools.splice(2, 1);
+      }
+    }, {
+      immediate: true
+    });
+    const formSubmitHandle = () => {
+      isShowFormDrawer.value = false;
+      vue.unref(dataTable)?.load();
+    };
     return () => {
       return vue.createVNode(elementPlus.ElDialog, {
         "class": "mk-data-table-select-dialog",
@@ -97,7 +115,20 @@ var DataTableSelectDialog = /* @__PURE__ */ vue.defineComponent({
           }, [vue.createVNode(index.MKDataTable, {
             "dataTable": vue.unref(dataTable),
             "selection": true
-          }, null)]) : null
+          }, null), vue.createVNode(elementPlus.ElDrawer, {
+            "class": "mk-data-table-select-dialog__main-form",
+            "modelValue": vue.unref(isShowFormDrawer),
+            "showClose": false,
+            "onUpdate:modelValue": (v) => {
+              isShowFormDrawer.value = v;
+            }
+          }, {
+            default: () => [vue.createVNode(index$1.MKDataForm, {
+              "dataForm": vue.unref(props.dataForm),
+              "onCancel": () => isShowFormDrawer.value = false,
+              "onSubmitted": formSubmitHandle
+            }, null)]
+          })]) : null
         ),
         footer: () => vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
           "type": "primary",

package/dist/cjs/components/basic/data-table-select-dialog/data-table-select-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-select-dialog.js","sources":["../../../../../src/components/basic/data-table-select-dialog/data-table-select-dialog.tsx"],"sourcesContent":["import {\n  defineComponent,\n  Fragment,\n  computed,\n  unref,\n  watch,\n  Ref,\n  ref,\n} from \"vue\";\nimport { ElButton, ElDialog } from \"element-plus\";\nimport { MKDataTable } from \"../../data-model\";\n\nimport {\n  dataTableSelectDialogEmits,\n  dataTableSelectDialogProps,\n} from \"./data-table-select-dialog-options\";\nimport { DataTable, TableSelectCacheColumn } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKDataTableSelectDialog\",\n  props: dataTableSelectDialogProps,\n  emits: dataTableSelectDialogEmits,\n  setup(props, { emit }) {\n    const dataTable: Ref<DataTable | null> = ref(null);\n\n    const loading = computed(() => unref(dataTable)!.loading);\n\n    const isShowDialog = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    const handleConfirm = () => {\n      if (props.multiple) {\n        emit(\"update:selection\", unref(dataTable)!.getSelection());\n      } else {\n        emit(\"update:selection\", unref(dataTable)!.getSelection()[0] || \"\");\n      }\n\n      isShowDialog.value = false;\n\n      emit(\"confirm\");\n    };\n\n    const handleCancel = () => {\n      isShowDialog.value = false;\n    };\n\n    watch(\n      computed(() => props.dataTable),\n      (table) => {\n        dataTable.value = table;\n        dataTable.value.setSelectionColumn(\n          new TableSelectCacheColumn({ multiple: props.multiple })\n        );\n      },\n      { immediate: true }\n    );\n\n    watch(\n      computed(() => props.multiple),\n      (multiple) => {\n        if (dataTable.value) {\n          dataTable.value.selectionColumn.multiple = multiple;\n        }\n      }\n    );\n\n    watch(\n      isShowDialog,\n      (isShowDialog, _, onCleanup) => {\n        const _dataTable = unref(dataTable)!;\n\n        if (!isShowDialog) {\n          _dataTable.clearSelection();\n          return;\n        }\n\n        const handleColumnState = () => {\n          const selection = props.selection;\n          _dataTable.setSelection(\n            Array.isArray(selection) ? selection : selection ? [selection] : []\n          );\n\n          const actionColumn = _dataTable.getColumn(\"$action\");\n\n          if (actionColumn) {\n            actionColumn.visible = false;\n          }\n        };\n\n        if (_dataTable.initd) {\n          handleColumnState();\n          return;\n        }\n\n        const disposable = _dataTable.initdEvent.once(handleColumnState);\n\n        onCleanup(() => {\n          disposable.dispose();\n        });\n      },\n      { immediate: true }\n    );\n\n    watch(\n      computed(() => props.selection),\n      (selection) => {\n        if (props.multiple) {\n          unref(dataTable)?.setSelection(\n            Array.isArray(selection) ? selection : []\n          );\n        } else {\n          unref(dataTable)?.setSelection(selection ? [selection] : []);\n        }\n      }\n    );\n\n    return () => {\n      return (\n        <ElDialog\n          class=\"mk-data-table-select-dialog\"\n          width=\"80%\"\n          appendToBody\n          modelValue={unref(isShowDialog)}\n          onUpdate:modelValue={(v) => {\n            isShowDialog.value = v;\n          }}\n          v-slots={{\n            default: () =>\n              // TODO 后面需要做成不是否重新渲染DOM,现在主要是选中有问题。在multiple切换的时候\n              unref(isShowDialog) ? (\n                <div class=\"mk-data-table-select-dialog__main\">\n                  <MKDataTable dataTable={unref(dataTable)!} selection />\n                </div>\n              ) : null,\n            footer: () => (\n              <Fragment>\n                <ElButton type=\"primary\" onClick={handleConfirm}>\n                  确定\n                </ElButton>\n                <ElButton onClick={handleCancel}>取消</ElButton>\n              </Fragment>\n            ),\n          }}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTableSelectDialogProps","emits","dataTableSelectDialogEmits","setup","emit","dataTable","ref","computed","unref","loading","isShowDialog","get","modelValue","set","v","handleConfirm","multiple","getSelection","value","handleCancel","watch","table","setSelectionColumn","TableSelectCacheColumn","immediate","selectionColumn","_","onCleanup","_dataTable","clearSelection","handleColumnState","selection","setSelection","Array","isArray","actionColumn","getColumn","visible","initd","disposable","initdEvent","once","dispose","_createVNode","ElDialog","default","MKDataTable","footer","_Fragment","ElButton","_createTextVNode"],"mappings":"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"}
+{"version":3,"file":"data-table-select-dialog.js","sources":["../../../../../src/components/basic/data-table-select-dialog/data-table-select-dialog.tsx"],"sourcesContent":["import { defineComponent, Fragment, computed, unref, watch, Ref, ref } from \"vue\";\r\nimport { ElButton, ElDialog, ElDrawer } from \"element-plus\";\r\nimport { MKDataTable, MKDataForm } from \"../../data-model\";\r\n\r\nimport { dataTableSelectDialogEmits, dataTableSelectDialogProps } from \"./data-table-select-dialog-options\";\r\nimport { DataTable, TableSelectCacheColumn } from \"@maketribe/dm\";\r\nimport { divide } from \"lodash-es\";\r\n\r\nexport default defineComponent({\r\n\tname: \"MKDataTableSelectDialog\",\r\n\tprops: dataTableSelectDialogProps,\r\n\temits: dataTableSelectDialogEmits,\r\n\tsetup(props, { emit }) {\r\n\t\tconst dataTable: Ref<DataTable | null> = ref(null);\r\n\r\n\t\tconst isShowDialog = computed({\r\n\t\t\tget: () => props.modelValue,\r\n\t\t\tset: (v) => emit(\"update:model-value\", v),\r\n\t\t});\r\n\r\n\t\tconst isShowFormDrawer = ref(false);\r\n\r\n\t\tconst handleConfirm = () => {\r\n\t\t\tif (props.multiple) {\r\n\t\t\t\temit(\"update:selection\", unref(dataTable)!.getSelection());\r\n\t\t\t} else {\r\n\t\t\t\temit(\"update:selection\", unref(dataTable)!.getSelection()[0] || \"\");\r\n\t\t\t}\r\n\r\n\t\t\tisShowDialog.value = false;\r\n\r\n\t\t\temit(\"confirm\");\r\n\t\t};\r\n\r\n\t\tconst handleCancel = () => {\r\n\t\t\tisShowDialog.value = false;\r\n\t\t};\r\n\r\n\t\twatch(\r\n\t\t\tcomputed(() => props.dataTable),\r\n\t\t\t(table) => {\r\n\t\t\t\tdataTable.value = table;\r\n\t\t\t\tdataTable.value.setSelectionColumn(new TableSelectCacheColumn({ multiple: props.multiple }));\r\n\t\t\t},\r\n\t\t\t{ immediate: true }\r\n\t\t);\r\n\r\n\t\twatch(\r\n\t\t\tcomputed(() => props.multiple),\r\n\t\t\t(multiple) => {\r\n\t\t\t\tif (dataTable.value) {\r\n\t\t\t\t\tdataTable.value.selectionColumn.multiple = multiple;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\twatch(\r\n\t\t\tisShowDialog,\r\n\t\t\t(isShowDialog, _, onCleanup) => {\r\n\t\t\t\tconst _dataTable = unref(dataTable)!;\r\n\r\n\t\t\t\tif (!isShowDialog) {\r\n\t\t\t\t\t_dataTable.clearSelection();\r\n\t\t\t\t\tisShowFormDrawer.value = false;\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst handleColumnState = () => {\r\n\t\t\t\t\tconst selection = props.selection;\r\n\t\t\t\t\t_dataTable.setSelection(Array.isArray(selection) ? selection : selection ? [selection] : []);\r\n\r\n\t\t\t\t\tconst actionColumn = _dataTable.getColumn(\"$action\");\r\n\r\n\t\t\t\t\tif (actionColumn) {\r\n\t\t\t\t\t\tactionColumn.visible = false;\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\r\n\t\t\t\tif (_dataTable.initd) {\r\n\t\t\t\t\thandleColumnState();\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst disposable = _dataTable.initdEvent.once(handleColumnState);\r\n\r\n\t\t\t\tonCleanup(() => {\r\n\t\t\t\t\tdisposable.dispose();\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\t{ immediate: true }\r\n\t\t);\r\n\r\n\t\twatch(\r\n\t\t\tcomputed(() => props.selection),\r\n\t\t\t(selection) => {\r\n\t\t\t\tif (props.multiple) {\r\n\t\t\t\t\tunref(dataTable)?.setSelection(Array.isArray(selection) ? selection : []);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tunref(dataTable)?.setSelection(selection ? [selection] : []);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\t//增加表单项\r\n\t\tunref(dataTable)?.addRecordEvent.on(() => {\r\n\t\t\tprops.dataForm?.addRecord();\r\n\t\t\tisShowFormDrawer.value = true;\r\n\t\t});\r\n\r\n\t\t//根据是否传入dataForm控制表头\r\n\t\twatch(\r\n\t\t\t() => props.dataForm,\r\n\t\t\t() => {\r\n\t\t\t\tif (!props.dataForm) {\r\n\t\t\t\t\tunref(dataTable)?.buttonTools.splice(1, 2);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tunref(dataTable)?.buttonTools.splice(2, 1);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{ immediate: true }\r\n\t\t);\r\n\r\n\t\t//标题提交完成事件\r\n\t\tconst formSubmitHandle = () => {\r\n\t\t\tisShowFormDrawer.value = false;\r\n\t\t\tunref(dataTable)?.load();\r\n\t\t};\r\n\r\n\t\treturn () => {\r\n\t\t\treturn (\r\n\t\t\t\t<ElDialog\r\n\t\t\t\t\tclass=\"mk-data-table-select-dialog\"\r\n\t\t\t\t\twidth=\"80%\"\r\n\t\t\t\t\tappendToBody\r\n\t\t\t\t\tmodelValue={unref(isShowDialog)}\r\n\t\t\t\t\tonUpdate:modelValue={(v) => {\r\n\t\t\t\t\t\tisShowDialog.value = v;\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tv-slots={{\r\n\t\t\t\t\t\tdefault: () =>\r\n\t\t\t\t\t\t\t// TODO 后面需要做成不是否重新渲染DOM,现在主要是选中有问题。在multiple切换的时候\r\n\t\t\t\t\t\t\tunref(isShowDialog) ? (\r\n\t\t\t\t\t\t\t\t<div class=\"mk-data-table-select-dialog__main\">\r\n\t\t\t\t\t\t\t\t\t<MKDataTable dataTable={unref(dataTable)!} selection />\r\n\t\t\t\t\t\t\t\t\t<ElDrawer\r\n\t\t\t\t\t\t\t\t\t\tclass=\"mk-data-table-select-dialog__main-form\"\r\n\t\t\t\t\t\t\t\t\t\tmodelValue={unref(isShowFormDrawer)}\r\n\t\t\t\t\t\t\t\t\t\tshowClose={false}\r\n\t\t\t\t\t\t\t\t\t\tonUpdate:modelValue={(v) => {\r\n\t\t\t\t\t\t\t\t\t\t\tisShowFormDrawer.value = v;\r\n\t\t\t\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\t\t\t\t<MKDataForm dataForm={unref(props.dataForm)} onCancel={() => (isShowFormDrawer.value = false)} onSubmitted={formSubmitHandle}></MKDataForm>\r\n\t\t\t\t\t\t\t\t\t</ElDrawer>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null,\r\n\t\t\t\t\t\tfooter: () => (\r\n\t\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t\t<ElButton type=\"primary\" onClick={handleConfirm}>\r\n\t\t\t\t\t\t\t\t\t确定\r\n\t\t\t\t\t\t\t\t</ElButton>\r\n\t\t\t\t\t\t\t\t<ElButton onClick={handleCancel}>取消</ElButton>\r\n\t\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t\t),\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t);\r\n\t\t};\r\n\t},\r\n});\r\n"],"names":["defineComponent","name","props","dataTableSelectDialogProps","emits","dataTableSelectDialogEmits","setup","emit","dataTable","ref","isShowDialog","computed","get","modelValue","set","v","isShowFormDrawer","handleConfirm","multiple","unref","getSelection","value","handleCancel","watch","table","setSelectionColumn","TableSelectCacheColumn","immediate","selectionColumn","_","onCleanup","_dataTable","clearSelection","handleColumnState","selection","setSelection","Array","isArray","actionColumn","getColumn","visible","initd","disposable","initdEvent","once","dispose","addRecordEvent","on","dataForm","addRecord","buttonTools","splice","formSubmitHandle","load","_createVNode","ElDialog","default","MKDataTable","ElDrawer","MKDataForm","onCancel","footer","_Fragment","ElButton","_createTextVNode"],"mappings":"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"}

package/dist/cjs/components/basic/data-table-select-dialog/index.d.ts

@@ -13,6 +13,12 @@ export declare const MKDataTableSelectDialog: import("@maketribe/utils").SFCWith
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (modelValue: any) => boolean;
     "update:selection": (modelValue: any) => boolean;
@@ -32,6 +38,12 @@ export declare const MKDataTableSelectDialog: import("@maketribe/utils").SFCWith
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
     "onUpdate:selection"?: ((modelValue: any) => any) | undefined;

package/dist/cjs/components/basic/image-select/image-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-select.js","sources":["../../../../../src/components/basic/image-select/image-select.tsx"],"sourcesContent":["import { defineComponent, computed } from \"vue\";\nimport { ElIcon } from \"element-plus\";\nimport { Plus } from \"@element-plus/icons-vue\";\nimport { imageSelectProps, imageSelectEmits } from \"./image-select-option\";\nimport { MKMaterialSelect } from \"../../business/material-select\";\n\nexport default defineComponent({\n  name: \"MKFileView\",\n  props: imageSelectProps,\n  emits: imageSelectEmits,\n\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    const handleSelectClick = async (e: MouseEvent) => {\n      const response = await MKMaterialSelect();\n\n      if (response.success) {\n        modelValue.value = response.path;\n      }\n    };\n\n    return () => {\n      const imageVNode = props.modelValue ? (\n        <img\n          src={props.modelValue}\n          class=\"img-select-content\"\n          onClick={handleSelectClick}\n        />\n      ) : (\n        <span onClick={handleSelectClick}>\n          <ElIcon class=\"img-select-icon\">\n            <Plus />\n          </ElIcon>\n        </span>\n      );\n\n      return <div class=\"img-select\">{imageVNode}</div>;\n    };\n  },\n});\n"],"names":["defineComponent","name","props","imageSelectProps","emits","imageSelectEmits","setup","emit","modelValue","computed","get","set","v","handleSelectClick","e","response","MKMaterialSelect","success","value","path","imageVNode","_createVNode","ElIcon","default","Plus"],"mappings":";;;;;;;;AAMA,kCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,YAAA;AAAA,EACNC,KAAOC,EAAAA,kCAAAA;AAAAA,EACPC,KAAOC,EAAAA,kCAAAA;AAAAA,EAEPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,aAAaC,YAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAMR,KAAMM,CAAAA,UAAAA;AAAAA,MACjBG,GAAMC,EAAAA,CAAAA,CAAAA,KAAML,IAAK,CAAA,oBAAA,EAAsBK,CAAC,CAAA;AAAA,KACzC,CAAA,CAAA;AAED,IAAMC,MAAAA,iBAAAA,GAAoB,OAAOC,CAAkB,KAAA;AACjD,MAAMC,MAAAA,QAAAA,GAAW,MAAMC,sBAAiB,EAAA,CAAA;AAExC,MAAA,IAAID,SAASE,OAAS,EAAA;AACpBT,QAAAA,UAAAA,CAAWU,QAAQH,QAASI,CAAAA,IAAAA,CAAAA;AAAAA,OAC9B;AAAA,KACF,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,MAAMC,UAAalB,GAAAA,KAAAA,CAAMM,UAAUa,GAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAE1BnB,KAAMM,CAAAA,UAAAA;AAAAA,QAAU,OAAA,EAAA,oBAAA;AAAA,QAAA,SAEZK,EAAAA,iBAAAA;AAAAA,OAAiB,EAAA,IAAA,CAAAQ,GAAAA,eAAAA,CAAA,MAAA,EAAA;AAAA,QAAA,SAGbR,EAAAA,iBAAAA;AAAAA,OAAiB,EAAAQ,CAAAA,eAAAA,CAAAC,kBAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,gBAAAG,UAAA,EAAA,IAAA,EAAA,IAAA,CAAA,CAAA;AAAA,OAKjC,CAAA,CAAA,CAAA,CAAA;AAED,MAAA,OAAAH,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,YAAA;AAAA,OAAA,EAAA,CAAgCD,UAAU,CAAA,CAAA,CAAA;AAAA,KAC5C,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"image-select.js","sources":["../../../../../src/components/basic/image-select/image-select.tsx"],"sourcesContent":["import { defineComponent, computed } from \"vue\";\r\nimport { ElIcon } from \"element-plus\";\r\nimport { Plus } from \"@element-plus/icons-vue\";\r\nimport { imageSelectProps, imageSelectEmits } from \"./image-select-option\";\r\nimport { MKMaterialSelect } from \"../../business/material-select\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFileView\",\r\n  props: imageSelectProps,\r\n  emits: imageSelectEmits,\r\n\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    const handleSelectClick = async (e: MouseEvent) => {\r\n      const response = await MKMaterialSelect();\r\n\r\n      if (response.success) {\r\n        modelValue.value = response.path;\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const imageVNode = props.modelValue ? (\r\n        <img\r\n          src={props.modelValue}\r\n          class=\"img-select-content\"\r\n          onClick={handleSelectClick}\r\n        />\r\n      ) : (\r\n        <span onClick={handleSelectClick}>\r\n          <ElIcon class=\"img-select-icon\">\r\n            <Plus />\r\n          </ElIcon>\r\n        </span>\r\n      );\r\n\r\n      return <div class=\"img-select\">{imageVNode}</div>;\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","imageSelectProps","emits","imageSelectEmits","setup","emit","modelValue","computed","get","set","v","handleSelectClick","e","response","MKMaterialSelect","success","value","path","imageVNode","_createVNode","ElIcon","default","Plus"],"mappings":";;;;;;;;AAMA,kCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,YAAA;AAAA,EACNC,KAAOC,EAAAA,kCAAAA;AAAAA,EACPC,KAAOC,EAAAA,kCAAAA;AAAAA,EAEPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,aAAaC,YAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAMR,KAAMM,CAAAA,UAAAA;AAAAA,MACjBG,GAAMC,EAAAA,CAAAA,CAAAA,KAAML,IAAK,CAAA,oBAAA,EAAsBK,CAAC,CAAA;AAAA,KACzC,CAAA,CAAA;AAED,IAAMC,MAAAA,iBAAAA,GAAoB,OAAOC,CAAkB,KAAA;AACjD,MAAMC,MAAAA,QAAAA,GAAW,MAAMC,sBAAiB,EAAA,CAAA;AAExC,MAAA,IAAID,SAASE,OAAS,EAAA;AACpBT,QAAAA,UAAAA,CAAWU,QAAQH,QAASI,CAAAA,IAAAA,CAAAA;AAAAA,OAC9B;AAAA,KACF,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,MAAMC,UAAalB,GAAAA,KAAAA,CAAMM,UAAUa,GAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAE1BnB,KAAMM,CAAAA,UAAAA;AAAAA,QAAU,OAAA,EAAA,oBAAA;AAAA,QAAA,SAEZK,EAAAA,iBAAAA;AAAAA,OAAiB,EAAA,IAAA,CAAAQ,GAAAA,eAAAA,CAAA,MAAA,EAAA;AAAA,QAAA,SAGbR,EAAAA,iBAAAA;AAAAA,OAAiB,EAAAQ,CAAAA,eAAAA,CAAAC,kBAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,gBAAAG,UAAA,EAAA,IAAA,EAAA,IAAA,CAAA,CAAA;AAAA,OAKjC,CAAA,CAAA,CAAA,CAAA;AAED,MAAA,OAAAH,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,YAAA;AAAA,OAAA,EAAA,CAAgCD,UAAU,CAAA,CAAA,CAAA;AAAA,KAC5C,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/components/basic/json-editor/json-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-editor.js","sources":["../../../../../src/components/basic/json-editor/json-editor.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { Codemirror } from \"vue-codemirror\";\nimport { json } from \"@codemirror/lang-json\";\nimport { jsonEditorEmits, jsonEditorProps } from \"./json-editor-options\";\n\nexport default defineComponent({\n  name: \"MKJsonEditor\",\n  props: jsonEditorProps,\n  emits: jsonEditorEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => (props.modelValue as string) || \"\",\n      set: (v: string) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      return (\n        <Codemirror\n          class=\"mk-json-editor\"\n          modelValue={unref(modelValue)}\n          onUpdate:modelValue={(v: string) => (modelValue.value = v)}\n          disabled={props.disabled}\n          extensions={[json()]}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","jsonEditorProps","emits","jsonEditorEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","Codemirror","unref","value","disabled","json"],"mappings":";;;;;;;AAKA,iCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,cAAA;AAAA,EACNC,KAAOC,EAAAA,iCAAAA;AAAAA,EACPC,KAAOC,EAAAA,iCAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,aAAaC,YAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAOR,KAAAA,CAAMM,UAAyB,IAAA,EAAA;AAAA,MAC3CG,GAAMC,EAAAA,CAAAA,CAAAA,KAAcL,IAAK,CAAA,oBAAA,EAAsBK,CAAC,CAAA;AAAA,KACjD,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,gBAAAC,4BAAA,EAAA;AAAA,QAAA,OAAA,EAAA,gBAAA;AAAA,QAAA,YAAA,EAGgBC,UAAMP,UAAU,CAAA;AAAA,QAAC,qBAAA,EACPI,CAAeJ,CAAAA,KAAAA,UAAAA,CAAWQ,KAAQJ,GAAAA,CAAAA;AAAAA,QAAE,YAChDV,KAAMe,CAAAA,QAAAA;AAAAA,QAAQ,YAAA,EACZ,CAACC,UAAAA,EAAM,CAAA;AAAA,SAAC,IAAA,CAAA,CAAA;AAAA,KAG1B,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"json-editor.js","sources":["../../../../../src/components/basic/json-editor/json-editor.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { Codemirror } from \"vue-codemirror\";\r\nimport { json } from \"@codemirror/lang-json\";\r\nimport { jsonEditorEmits, jsonEditorProps } from \"./json-editor-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKJsonEditor\",\r\n  props: jsonEditorProps,\r\n  emits: jsonEditorEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => (props.modelValue as string) || \"\",\r\n      set: (v: string) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <Codemirror\r\n          class=\"mk-json-editor\"\r\n          modelValue={unref(modelValue)}\r\n          onUpdate:modelValue={(v: string) => (modelValue.value = v)}\r\n          disabled={props.disabled}\r\n          extensions={[json()]}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","jsonEditorProps","emits","jsonEditorEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","Codemirror","unref","value","disabled","json"],"mappings":";;;;;;;AAKA,iCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,cAAA;AAAA,EACNC,KAAOC,EAAAA,iCAAAA;AAAAA,EACPC,KAAOC,EAAAA,iCAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,aAAaC,YAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAOR,KAAAA,CAAMM,UAAyB,IAAA,EAAA;AAAA,MAC3CG,GAAMC,EAAAA,CAAAA,CAAAA,KAAcL,IAAK,CAAA,oBAAA,EAAsBK,CAAC,CAAA;AAAA,KACjD,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,gBAAAC,4BAAA,EAAA;AAAA,QAAA,OAAA,EAAA,gBAAA;AAAA,QAAA,YAAA,EAGgBC,UAAMP,UAAU,CAAA;AAAA,QAAC,qBAAA,EACPI,CAAeJ,CAAAA,KAAAA,UAAAA,CAAWQ,KAAQJ,GAAAA,CAAAA;AAAAA,QAAE,YAChDV,KAAMe,CAAAA,QAAAA;AAAAA,QAAQ,YAAA,EACZ,CAACC,UAAAA,EAAM,CAAA;AAAA,SAAC,IAAA,CAAA,CAAA;AAAA,KAG1B,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}