@maketribe/ms-app 3.0.53 → 3.0.55

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

@@ -1,10 +1,4 @@
 export declare const MKDataSelect: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly source: {
-        readonly type: import("vue").PropType<Record<string, any>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     readonly options: {
         readonly type: import("vue").PropType<unknown[]>;
         readonly required: false;
@@ -34,12 +28,6 @@ export declare const MKDataSelect: import("@maketribe/utils").SFCWithInstall<imp
 }, () => 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<{
-    readonly source: {
-        readonly type: import("vue").PropType<Record<string, any>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     readonly options: {
         readonly type: import("vue").PropType<unknown[]>;
         readonly required: false;
@@ -69,11 +57,11 @@ export declare const MKDataSelect: import("@maketribe/utils").SFCWithInstall<imp
 }>> & {
     "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 formatOptions: Function;
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly allowCreate: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly filterable: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>> & Record<string, any>;
 export default MKDataSelect;
 export * from "./data-select-options";

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

@@ -73,8 +73,8 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
     onRecordsChange?: ((records: any[]) => any) | undefined;
 }, {
-    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly objectValue: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

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

@@ -3,7 +3,7 @@ import { ElSelect } from 'element-plus';
 import { Grid } from '@element-plus/icons-vue';
 import { isEqual } from 'lodash-es';
 import { Where } from '@maketribe/request';
-import MKDataTableSelectDialog from '../data-table-select-dialog/index.js';
+import { MKDataTableSelectDialog } from '../data-table-select-dialog/index.js';
 import { dataTableSelectProps, dataTableSelectEmits } from './data-table-select-options.js';
 
 var DataTableSelect = /* @__PURE__ */ defineComponent({

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

@@ -73,8 +73,8 @@ export declare const MKDataTableSelect: import("@maketribe/utils").SFCWithInstal
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
     onRecordsChange?: ((records: any[]) => any) | undefined;
 }, {
-    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly objectValue: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>> & Record<string, any>;
 export default MKDataTableSelect;

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

@@ -47,10 +47,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
-    "onUpdate:selection"?: ((modelValue: any) => any) | undefined;
     onConfirm?: (() => any) | undefined;
+    "onUpdate:selection"?: ((modelValue: any) => any) | undefined;
 }, {
-    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly modelValue: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

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

@@ -1,9 +1,7 @@
 import { defineComponent, ref, computed, watch, unref, createVNode, Fragment, createTextVNode } from 'vue';
 import { ElDialog, ElDrawer, ElButton } from 'element-plus';
 import { MKDataForm } from '../../data-model/data-form/index.js';
-import '../../data-model/data-form-page/index.js';
 import { MKDataTable } from '../../data-model/data-table/index.js';
-import '../../data-model/data-table-page/index.js';
 import '../../data-model/data-table-pagination/index.js';
 import { dataTableSelectDialogProps, dataTableSelectDialogEmits } from './data-table-select-dialog-options.js';
 import { TableSelectCacheColumn } from '@maketribe/dm';

package/dist/esm/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 { 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":["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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"}
+{"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\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":["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/esm/components/basic/data-table-select-dialog/index.d.ts

@@ -46,11 +46,11 @@ export declare const MKDataTableSelectDialog: import("@maketribe/utils").SFCWith
     };
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
-    "onUpdate:selection"?: ((modelValue: any) => any) | undefined;
     onConfirm?: (() => any) | undefined;
+    "onUpdate:selection"?: ((modelValue: any) => any) | undefined;
 }, {
-    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly modelValue: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>> & Record<string, any>;
 export default MKDataTableSelectDialog;
 export * from "./data-table-select-dialog-options";

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

@@ -3,7 +3,6 @@ import DataTableSelectDialog from './data-table-select-dialog.js';
 export { DataTableSelectDialogEmits, dataTableSelectDialogEmits, dataTableSelectDialogProps } from './data-table-select-dialog-options.js';
 
 const MKDataTableSelectDialog = withInstall(DataTableSelectDialog);
-var MKDataTableSelectDialog$1 = MKDataTableSelectDialog;
 
-export { MKDataTableSelectDialog, MKDataTableSelectDialog$1 as default };
+export { MKDataTableSelectDialog, MKDataTableSelectDialog as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/data-table-select-dialog/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport DataTableSelectDialog from \"./data-table-select-dialog\";\r\n\r\nexport const MKDataTableSelectDialog = withInstall(DataTableSelectDialog);\r\nexport default MKDataTableSelectDialog;\r\n\r\nexport * from \"./data-table-select-dialog-options\";\r\n"],"names":[],"mappings":";;;;AAGa,MAAA,uBAAA,GAA0B,YAAY,qBAAqB,EAAA;AACxE,gCAAe,uBAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/data-table-select-dialog/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport DataTableSelectDialog from \"./data-table-select-dialog\";\r\n\r\nexport const MKDataTableSelectDialog = withInstall(DataTableSelectDialog);\r\nexport default MKDataTableSelectDialog;\r\n\r\nexport * from \"./data-table-select-dialog-options\";\r\n"],"names":[],"mappings":";;;;AAGa,MAAA,uBAAA,GAA0B,YAAY,qBAAqB;;;;"}

package/dist/esm/components/basic/date-picker/date-picker-options.d.ts

@@ -0,0 +1,18 @@
+import { ExtractPropTypes } from "vue";
+export declare const datePickerTypes: readonly ["date", "year", "month", "datetime"];
+export declare const datePickerProps: {
+    modelValue: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    valueFormat: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;
+export declare const datePickerEmits: {
+    "update:model-value": (value: string) => boolean;
+};
+export type DatePickerEmits = ExtractPropTypes<typeof datePickerEmits>;

package/dist/esm/components/basic/date-picker/date-picker-options.js

@@ -0,0 +1,26 @@
+import { buildProps } from '@maketribe/utils';
+
+const datePickerTypes = ["date", "year", "month", "datetime"];
+const datePickerProps = buildProps({
+  modelValue: {
+    type: String,
+    default: null
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  type: {
+    default: "date",
+    values: datePickerTypes
+  },
+  valueFormat: {
+    type: String
+  }
+});
+const datePickerEmits = {
+  "update:model-value": (value) => true
+};
+
+export { datePickerEmits, datePickerProps, datePickerTypes };
+//# sourceMappingURL=date-picker-options.js.map

package/dist/esm/components/basic/date-picker/date-picker-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-options.js","sources":["../../../../../src/components/basic/date-picker/date-picker-options.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\r\nimport { ExtractPropTypes } from \"vue\";\r\n\r\nexport const datePickerTypes = [\"date\", \"year\", \"month\", \"datetime\"] as const;\r\n\r\nexport const datePickerProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n    default: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  type: {\r\n    default: \"date\",\r\n    values: datePickerTypes,\r\n  },\r\n  valueFormat: {\r\n    type: String,\r\n  },\r\n});\r\n\r\nexport type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;\r\n\r\nexport const datePickerEmits = {\r\n  \"update:model-value\": (value: string) => true,\r\n};\r\n\r\nexport type DatePickerEmits = ExtractPropTypes<typeof datePickerEmits>;\r\n"],"names":[],"mappings":";;AAGO,MAAM,eAAkB,GAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,SAAS,UAAU,EAAA;AAE5D,MAAM,kBAAkB,UAAW,CAAA;AAAA,EACxC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,MAAQ,EAAA,eAAA;AAAA,GACV;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAC,EAAA;AAIM,MAAM,eAAkB,GAAA;AAAA,EAC7B,oBAAA,EAAsB,CAAC,KAAkB,KAAA,IAAA;AAC3C;;;;"}

package/dist/esm/components/basic/date-picker/date-picker.d.ts

@@ -0,0 +1,30 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    valueFormat: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (value: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    valueFormat: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((value: string) => any) | undefined;
+}, {
+    type: import("@maketribe/utils").PropMergeType<unknown, "date" | "year" | "month" | "datetime", unknown>;
+    disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    modelValue: string;
+}, {}>;
+export default _default;

package/dist/esm/components/basic/date-picker/date-picker.js

@@ -0,0 +1,49 @@
+import { defineComponent, computed, unref, createVNode } from 'vue';
+import { ElDatePicker } from 'element-plus';
+import { datePickerProps, datePickerEmits, datePickerTypes } from './date-picker-options.js';
+
+var FormDatePicker = /* @__PURE__ */ defineComponent({
+  name: "MKFormDatePicker",
+  props: datePickerProps,
+  emits: datePickerEmits,
+  setup(props, {
+    emit
+  }) {
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (v) => {
+        emit("update:model-value", v);
+      }
+    });
+    const disabled = computed(() => props.disabled);
+    const type = computed(() => datePickerTypes.includes(props.type) ? props.type : "date");
+    const valueFormat = computed(() => {
+      if (props.valueFormat) {
+        return props.valueFormat;
+      }
+      switch (unref(type)) {
+        case "datetime":
+          return "YYYY-MM-DD HH:mm:ss";
+        case "month":
+          return "YYYY-MM";
+        case "year":
+          return "YYYY";
+        default:
+          return "YYYY-MM-DD";
+      }
+    });
+    return () => {
+      return createVNode(ElDatePicker, {
+        "class": "mk-form-date-picker",
+        "type": unref(type),
+        "valueFormat": unref(valueFormat),
+        "disabled": unref(disabled),
+        "modelValue": unref(modelValue),
+        "onUpdate:modelValue": (v) => modelValue.value = v
+      }, null);
+    };
+  }
+});
+
+export { FormDatePicker as default };
+//# sourceMappingURL=date-picker.js.map

package/dist/esm/components/basic/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sources":["../../../../../src/components/basic/date-picker/date-picker.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElDatePicker } from \"element-plus\";\r\nimport {\r\n  datePickerTypes,\r\n  datePickerProps,\r\n  datePickerEmits,\r\n} from \"./date-picker-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormDatePicker\",\r\n  props: datePickerProps,\r\n  emits: datePickerEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n\r\n    const disabled = computed(() => props.disabled);\r\n\r\n    const type = computed(() =>\r\n      datePickerTypes.includes(props.type) ? props.type : \"date\"\r\n    );\r\n\r\n    const valueFormat = computed(() => {\r\n      if (props.valueFormat) {\r\n        return props.valueFormat;\r\n      }\r\n\r\n      switch (unref(type)) {\r\n        case \"datetime\":\r\n          return \"YYYY-MM-DD HH:mm:ss\";\r\n        case \"month\":\r\n          return \"YYYY-MM\";\r\n        case \"year\":\r\n          return \"YYYY\";\r\n        default:\r\n          return \"YYYY-MM-DD\";\r\n      }\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <ElDatePicker\r\n          class=\"mk-form-date-picker\"\r\n          type={unref(type)}\r\n          valueFormat={unref(valueFormat)}\r\n          disabled={unref(disabled)}\r\n          modelValue={unref(modelValue)}\r\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["name","props","datePickerProps","emits","datePickerEmits","setup","emit","modelValue","computed","get","set","v","disabled","type","datePickerTypes","includes","valueFormat","unref","_createVNode","ElDatePicker","value"],"mappings":";;;;AAQA,qCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,kBAAA;AAAA,EACNC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,aAAaC,QAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAMR,KAAMM,CAAAA,UAAAA;AAAAA,MACjBG,KAAMC,CAAM,CAAA,KAAA;AACVL,QAAAA,IAAAA,CAAK,sBAAsBK,CAAC,CAAA,CAAA;AAAA,OAC9B;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAMC,QAAWJ,GAAAA,QAAAA,CAAS,MAAMP,KAAAA,CAAMW,QAAQ,CAAA,CAAA;AAE9C,IAAMC,MAAAA,IAAAA,GAAOL,QAAS,CAAA,MACpBM,eAAgBC,CAAAA,QAAAA,CAASd,MAAMY,IAAI,CAAA,GAAIZ,KAAMY,CAAAA,IAAAA,GAAO,MACtD,CAAA,CAAA;AAEA,IAAMG,MAAAA,WAAAA,GAAcR,SAAS,MAAM;AACjC,MAAA,IAAIP,MAAMe,WAAa,EAAA;AACrB,QAAA,OAAOf,KAAMe,CAAAA,WAAAA,CAAAA;AAAAA,OACf;AAEA,MAAQC,QAAAA,KAAAA,CAAMJ,IAAI,CAAC;AAAA,QACjB,KAAK,UAAA;AACH,UAAO,OAAA,qBAAA,CAAA;AAAA,QACT,KAAK,OAAA;AACH,UAAO,OAAA,SAAA,CAAA;AAAA,QACT,KAAK,MAAA;AACH,UAAO,OAAA,MAAA,CAAA;AAAA,QACT;AACE,UAAO,OAAA,YAAA,CAAA;AAAA,OACX;AAAA,KACD,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,OAAAK,YAAAC,YAAA,EAAA;AAAA,QAAA,OAAA,EAAA,qBAAA;AAAA,QAAA,MAAA,EAGUF,MAAMJ,IAAI,CAAA;AAAA,QAAC,aAAA,EACJI,MAAMD,WAAW,CAAA;AAAA,QAAC,UAAA,EACrBC,MAAML,QAAQ,CAAA;AAAA,QAAC,YAAA,EACbK,MAAMV,UAAU,CAAA;AAAA,QAAC,qBAAA,EACPI,CAAYJ,CAAAA,KAAAA,UAAAA,CAAWa,KAAQT,GAAAA,CAAAA;AAAAA,SAAE,IAAA,CAAA,CAAA;AAAA,KAG7D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/basic/date-picker/index.d.ts

@@ -0,0 +1,31 @@
+export declare const MKFormDatePicker: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    modelValue: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    valueFormat: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (value: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    valueFormat: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((value: string) => any) | undefined;
+}, {
+    type: import("@maketribe/utils").PropMergeType<unknown, "date" | "year" | "month" | "datetime", unknown>;
+    disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    modelValue: string;
+}, {}>> & Record<string, any>;
+export default MKFormDatePicker;
+export * from "./date-picker-options";

package/dist/esm/components/basic/date-picker/index.js

@@ -0,0 +1,8 @@
+import { withInstall } from '@maketribe/utils';
+import FormDatePicker from './date-picker.js';
+export { datePickerEmits, datePickerProps, datePickerTypes } from './date-picker-options.js';
+
+const MKFormDatePicker = withInstall(FormDatePicker);
+
+export { MKFormDatePicker, MKFormDatePicker as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/basic/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/date-picker/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport FormDatePicker from \"./date-picker\";\r\n\r\nexport const MKFormDatePicker = withInstall(FormDatePicker);\r\n\r\nexport default MKFormDatePicker;\r\n\r\nexport * from \"./date-picker-options\";\r\n"],"names":[],"mappings":";;;;AAGa,MAAA,gBAAA,GAAmB,YAAY,cAAc;;;;"}

package/dist/esm/components/basic/icon-select/icon-select-options.d.ts

@@ -0,0 +1,10 @@
+import { ExtractPropTypes } from "vue";
+export declare const iconSelectProps: {
+    modelValue: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+};
+export type IconSelectProps = ExtractPropTypes<typeof iconSelectProps>;
+export declare const iconSelectEmits: {
+    "update:model-value": (value: string) => boolean;
+};
+export type IconSelectEmits = ExtractPropTypes<typeof iconSelectEmits>;

package/dist/esm/components/basic/icon-select/icon-select-options.js

@@ -0,0 +1,18 @@
+import { buildProps } from '@maketribe/utils';
+
+const iconSelectProps = buildProps({
+  modelValue: {
+    type: String,
+    default: null
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+});
+const iconSelectEmits = {
+  "update:model-value": (value) => true
+};
+
+export { iconSelectEmits, iconSelectProps };
+//# sourceMappingURL=icon-select-options.js.map

package/dist/esm/components/basic/icon-select/icon-select-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-select-options.js","sources":["../../../../../src/components/basic/icon-select/icon-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const iconSelectProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n    default: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n});\r\n\r\nexport type IconSelectProps = ExtractPropTypes<typeof iconSelectProps>;\r\n\r\nexport const iconSelectEmits = {\r\n  \"update:model-value\": (value: string) => true,\r\n};\r\n\r\nexport type IconSelectEmits = ExtractPropTypes<typeof iconSelectEmits>;\r\n"],"names":[],"mappings":";;AAGO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EACxC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAC,EAAA;AAIM,MAAM,eAAkB,GAAA;AAAA,EAC7B,oBAAA,EAAsB,CAAC,KAAkB,KAAA,IAAA;AAC3C;;;;"}

package/dist/esm/components/basic/icon-select/icon-select.d.ts

@@ -0,0 +1,15 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (value: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+}>> & {
+    "onUpdate:model-value"?: ((value: string) => any) | undefined;
+}, {
+    disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    modelValue: string;
+}, {}>;
+export default _default;

package/dist/esm/components/basic/icon-select/icon-select.js

@@ -0,0 +1,66 @@
+import { defineComponent, ref, computed, onMounted, watch, unref, createVNode, isVNode } from 'vue';
+import * as icons from '@element-plus/icons-vue';
+import { MKSvgIcon } from '../svg-icon/index.js';
+import { iconSelectProps, iconSelectEmits } from './icon-select-options.js';
+import { useFormItem, ElScrollbar } from 'element-plus';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var FormIconSelect = /* @__PURE__ */ defineComponent({
+  name: "MKFormIconSelect",
+  props: iconSelectProps,
+  emits: iconSelectEmits,
+  setup(props, {
+    emit
+  }) {
+    const icons$1 = ref([]);
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (v) => {
+        emit("update:model-value", v);
+      }
+    });
+    computed(() => props.disabled);
+    const {
+      formItem: elFormItem
+    } = useFormItem();
+    const handleClick = (icon) => {
+      modelValue.value = icon;
+    };
+    onMounted(() => {
+      const svgList = document.querySelectorAll('body > svg[aria-hidden="true"]');
+      let iconList = [];
+      for (const svg of Array.from(svgList)) {
+        const symbols = svg.querySelectorAll("symbol");
+        iconList = iconList.concat(Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, "")));
+      }
+      icons$1.value = [...Object.keys(icons), ...iconList];
+    });
+    watch(modelValue, () => {
+      elFormItem?.validate?.("change");
+    }, {
+      flush: "post"
+    });
+    return () => {
+      const _value = unref(modelValue);
+      const children = unref(icons$1).map((icon) => createVNode("span", {
+        "key": icon,
+        "class": ["mk-form-icon-select__icon-item", icon === _value ? "is-active" : ""],
+        "onClick": () => handleClick(icon)
+      }, [createVNode(MKSvgIcon, {
+        "iconClass": icon
+      }, null)]));
+      return createVNode("div", {
+        "class": "mk-form-icon-select"
+      }, [createVNode(ElScrollbar, {
+        "height": "100%"
+      }, _isSlot(children) ? children : {
+        default: () => [children]
+      })]);
+    };
+  }
+});
+
+export { FormIconSelect as default };
+//# sourceMappingURL=icon-select.js.map

package/dist/esm/components/basic/icon-select/icon-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-select.js","sources":["../../../../../src/components/basic/icon-select/icon-select.tsx"],"sourcesContent":["import {\r\n  Ref,\r\n  computed,\r\n  defineComponent,\r\n  onMounted,\r\n  ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport * as elIcons from \"@element-plus/icons-vue\";\r\nimport SvgIcon from \"../svg-icon\";\r\nimport { iconSelectProps, iconSelectEmits } from \"./icon-select-options\";\r\nimport { ElScrollbar, useFormItem as elUseFormItem } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormIconSelect\",\r\n  props: iconSelectProps,\r\n  emits: iconSelectEmits,\r\n  setup(props, { emit }) {\r\n    const icons: Ref<string[]> = ref([]);\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n\r\n    const disabled = computed(() => props.disabled);\r\n\r\n    const { formItem: elFormItem } = elUseFormItem();\r\n\r\n    const handleClick = (icon: string) => {\r\n      modelValue.value = icon;\r\n    };\r\n\r\n    onMounted(() => {\r\n      const svgList: NodeListOf<SVGElement> = document.querySelectorAll(\r\n        'body > svg[aria-hidden=\"true\"]'\r\n      );\r\n\r\n      let iconList: string[] = [];\r\n\r\n      for (const svg of Array.from(svgList)) {\r\n        const symbols = svg.querySelectorAll(\"symbol\");\r\n\r\n        iconList = iconList.concat(\r\n          Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, \"\"))\r\n        );\r\n      }\r\n\r\n      icons.value = [...Object.keys(elIcons), ...iconList];\r\n    });\r\n\r\n    watch(\r\n      modelValue,\r\n      () => {\r\n        elFormItem?.validate?.(\"change\");\r\n      },\r\n      { flush: \"post\" }\r\n    );\r\n\r\n    return () => {\r\n      const _value = unref(modelValue);\r\n\r\n      const children = unref(icons).map((icon) => (\r\n        <span\r\n          key={icon}\r\n          class={[\r\n            \"mk-form-icon-select__icon-item\",\r\n            icon === _value ? \"is-active\" : \"\",\r\n          ]}\r\n          onClick={() => handleClick(icon)}\r\n        >\r\n          <SvgIcon iconClass={icon} />\r\n        </span>\r\n      ));\r\n\r\n      return (\r\n        <div class=\"mk-form-icon-select\">\r\n          <ElScrollbar height=\"100%\">{children}</ElScrollbar>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","iconSelectProps","emits","iconSelectEmits","setup","emit","icons","ref","modelValue","computed","get","set","v","disabled","formItem","elFormItem","elUseFormItem","handleClick","icon","value","onMounted","svgList","document","querySelectorAll","iconList","svg","Array","from","symbols","concat","map","symbol","id","replace","keys","elIcons","watch","validate","flush","_value","unref","children","_createVNode","onClick","SvgIcon","ElScrollbar","default"],"mappings":"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"}

package/dist/esm/components/basic/icon-select/index.d.ts

@@ -0,0 +1,15 @@
+export declare const MKFormIconSelect: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    modelValue: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (value: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, null, boolean>;
+    disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+}>> & {
+    "onUpdate:model-value"?: ((value: string) => any) | undefined;
+}, {
+    disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    modelValue: string;
+}, {}>> & Record<string, any>;
+export default MKFormIconSelect;

package/dist/esm/components/basic/icon-select/index.js

@@ -0,0 +1,7 @@
+import { withInstall } from '@maketribe/utils';
+import FormIconSelect from './icon-select.js';
+
+const MKFormIconSelect = withInstall(FormIconSelect);
+
+export { MKFormIconSelect, MKFormIconSelect as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/basic/icon-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/icon-select/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport FormIconSelect from \"./icon-select\";\r\n\r\nexport const MKFormIconSelect = withInstall(FormIconSelect);\r\nexport default MKFormIconSelect;\r\n"],"names":[],"mappings":";;;AAGa,MAAA,gBAAA,GAAmB,YAAY,cAAc;;;;"}

package/dist/esm/components/basic/index.d.ts

@@ -5,9 +5,9 @@ export * from "./data-table-select-dialog";
 export * from "./data-table-select";
 export * from "./data-select";
 export * from "./pagination";
-export * from "./markdown-editor";
-export * from "./rich-text-editor";
 export * from "./system-provider";
-export * from "./image-select";
 export * from "./json-editor";
 export * from "./page-container";
+export * from "./date-picker";
+export * from "./icon-select";
+export * from "./upload-file";

package/dist/esm/components/basic/index.js

@@ -5,18 +5,24 @@ export { MKDataTableSelectDialog } from './data-table-select-dialog/index.js';
 export { MKDataTableSelect } from './data-table-select/index.js';
 export { MKDataSelect } from './data-select/index.js';
 export { MKPagination } from './pagination/index.js';
-export { MKMarkdownEditor } from './markdown-editor/index.js';
-export { MKRichTextEditor } from './rich-text-editor/index.js';
 export { MKSystemProvider } from './system-provider/index.js';
-export { MKImageSelect } from './image-select/index.js';
 export { MKJsonEditor } from './json-editor/index.js';
 export { MKPageContainer } from './page-container/index.js';
+export { MKFormDatePicker } from './date-picker/index.js';
+export { MKFormIconSelect } from './icon-select/index.js';
+export { MKUploadFile } from './upload-file/upload-file.js';
+export { UploadContext, UploadContextCtxKey } from './upload-file/context/UploadContext.js';
+export { WebFileUploadContext } from './upload-file/context/WebFileUploadContext.js';
+export { MKWebFileUploadContext } from './upload-file/context/web-file-upload-context.js';
+export { webFileUploadContextProps } from './upload-file/context/web-file-upload-context-options.js';
+export { MKUploadImage } from './upload-file/ui/upload-image/index.js';
+export { uploadFileEmits, uploadFileProps } from './upload-file/upload-file-options.js';
 export { buttonEmits, buttonProps } from './button/button-options.js';
 export { provideGlobalConfig, useGlobalConfig } from './config-provider/use-global-config.js';
 export { CONFIG_PROVIDER_CONTEXT_KEY } from './config-provider/constants.js';
 export { DataTableSelectDialogEmits, dataTableSelectDialogEmits, dataTableSelectDialogProps } from './data-table-select-dialog/data-table-select-dialog-options.js';
 export { dataSelectEmit, dataSelectProps } from './data-select/data-select-options.js';
 export { paginationEmits, paginationProps } from './pagination/pagination-options.js';
-export { markdownEditorEmits, markdownEditorProps } from './markdown-editor/markdown-editor-options.js';
-export { richTextEditorEmits, richTextEditorProps } from './rich-text-editor/rich-text-editor-options.js';
+export { datePickerEmits, datePickerProps, datePickerTypes } from './date-picker/date-picker-options.js';
+export { uploadImageEmits, uploadImageProps } from './upload-file/ui/upload-image/upload-image-options.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/basic/index.js.map

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