npm - @maketribe/ms-app - Versions diffs - 3.2.3 → 3.2.5 - Mend

@maketribe/ms-app 3.2.3 → 3.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (838) hide show

package/dist/esm/components/business/verify-dialog/verify-dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"verify-dialog.js","sources":["../../../../../src/components/business/verify-dialog/verify-dialog.tsx"],"sourcesContent":["import {\r\n computed,\r\n defineComponent,\r\n unref,\r\n ref,\r\n onMounted,\r\n watch,\r\n Ref,\r\n} from \"vue\";\r\nimport { ElDialog } from \"element-plus\";\r\nimport { useHttpRequest } from \"../../../composables\";\r\nimport { verifyDialogProps, verifyDialogEmits } from \"./verify-dialog-option\";\r\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\r\n\r\nexport default defineComponent({\r\n name: \"MKVerifyDialog\",\r\n props: verifyDialogProps,\r\n emits: verifyDialogEmits,\r\n // expose: [\"fail\"],\r\n setup(props, { emit, expose }) {\r\n const wrapperEl: Ref<HTMLElement \| null> = ref(null);\r\n const buttonEl: Ref<HTMLElement \| null> = ref(null);\r\n const grandEl: Ref<HTMLElement \| null> = ref(null);\r\n // 样式默认宽度是48px\r\n let slideWidth: number = 48;\r\n\r\n const isError = ref(false);\r\n\r\n const deg = ref(0);\r\n\r\n const httpRequest = useHttpRequest();\r\n\r\n const imageUrl = ref(\"\");\r\n\r\n const imageStyle = computed(() => {\r\n return {\r\n backgroundImage: `url(${unref(imageUrl)})`,\r\n transform: `rotate(-${unref(deg)}deg)`,\r\n };\r\n });\r\n\r\n const visible = computed({\r\n get: () => props.visible,\r\n set: (v) => emit(\"update:visible\", v),\r\n });\r\n\r\n const getImage = async () => {\r\n const params = { scene: props.scene };\r\n\r\n const response = await httpRequest!.get<Blob>(\r\n \"/ms/app/captcha/rotation/image\",\r\n {\r\n params,\r\n responseType: \"blob\",\r\n }\r\n );\r\n\r\n return response.data ?? null;\r\n };\r\n\r\n const handleSwitchConfirm = () => {\r\n emit(\"confirm\", unref(deg));\r\n };\r\n\r\n const handleMouseDown = (mouseDownEvent: MouseEvent) => {\r\n if (unref(isError)) {\r\n return;\r\n }\r\n\r\n const disposable = new Disposable();\r\n\r\n const totalWidth = unref(wrapperEl)!.getBoundingClientRect().width;\r\n\r\n const handleMouseMove = (event: MouseEvent) => {\r\n // 限定宽度范围\r\n slideWidth = Math.min(\r\n Math.max(event.clientX - mouseDownEvent.clientX + 48, 48),\r\n totalWidth\r\n );\r\n\r\n deg.value = Math.floor(((slideWidth - 48) / (totalWidth - 48)) * 360);\r\n\r\n unref(grandEl)!.style.width = `${slideWidth}px`;\r\n unref(buttonEl)!.style.transform = `translateX(${slideWidth - 48}px)`;\r\n };\r\n\r\n const handleMouseUp = (event: MouseEvent) => {\r\n if (deg.value !== 0) {\r\n handleSwitchConfirm();\r\n }\r\n\r\n disposable.dispose();\r\n };\r\n\r\n document.addEventListener(\"mousemove\", handleMouseMove);\r\n document.addEventListener(\"mouseup\", handleMouseUp);\r\n\r\n disposable.register(\r\n createDisposable(() => {\r\n document.removeEventListener(\"mousemove\", handleMouseMove);\r\n document.removeEventListener(\"mouseup\", handleMouseUp);\r\n })\r\n );\r\n };\r\n\r\n const reset = () => {\r\n unref(grandEl)!.style.width = ``;\r\n unref(buttonEl)!.style.transform = ``;\r\n };\r\n\r\n expose({\r\n fail: () => {\r\n isError.value = true;\r\n\r\n setTimeout(() => {\r\n isError.value = false;\r\n\r\n reset();\r\n }, 1000);\r\n },\r\n });\r\n\r\n onMounted(() => {\r\n watch(\r\n visible,\r\n async (visible, _, onCleanup) => {\r\n if (visible) {\r\n const blob = await getImage();\r\n\r\n const url = URL.createObjectURL(blob);\r\n imageUrl.value = url;\r\n\r\n onCleanup(() => {\r\n URL.revokeObjectURL(url);\r\n });\r\n }\r\n },\r\n { immediate: true }\r\n );\r\n });\r\n return () => {\r\n return (\r\n <ElDialog\r\n modelValue={visible.value}\r\n onUpdate:modelValue={(v: boolean) => (visible.value = v)}\r\n modal-class=\"mk-verify-dialog\"\r\n width={props.width}\r\n title=\"请完成下方验证后继续操作\"\r\n appendToBody\r\n >\r\n <div class=\"mk-verify-dialog__wrapper\">\r\n <div\r\n class=\"mk-verify-dialog__image\"\r\n ref=\"imageEl\"\r\n style={imageStyle.value}\r\n />\r\n <div class=\"mk-verify-dialog__coordinate\" />\r\n </div>\r\n <div class={[\"mk-verify-switch\", unref(isError) ? \"is-error\" : \"\"]}>\r\n <div\r\n class=\"mk-verify-switch__wrapper\"\r\n ref={((el: HTMLDivElement) => (wrapperEl.value = el)) as any}\r\n >\r\n <div\r\n class=\"mk-verify-switch__button-grand\"\r\n ref={((el: HTMLDivElement) => (grandEl.value = el)) as any}\r\n />\r\n <div\r\n class=\"mk-verify-switch__button\"\r\n ref={((el: HTMLDivElement) => (buttonEl.value = el)) as any}\r\n onMousedown={handleMouseDown}\r\n />\r\n </div>\r\n </div>\r\n </ElDialog>\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["defineComponent","name","props","verifyDialogProps","emits","verifyDialogEmits","setup","emit","expose","wrapperEl","ref","buttonEl","grandEl","slideWidth","isError","deg","httpRequest","useHttpRequest","imageUrl","imageStyle","computed","backgroundImage","unref","transform","visible","get","set","v","getImage","params","scene","response","responseType","data","handleSwitchConfirm","handleMouseDown","mouseDownEvent","disposable","Disposable","totalWidth","getBoundingClientRect","width","handleMouseMove","event","Math","min","max","clientX","value","floor","style","handleMouseUp","dispose","document","addEventListener","register","createDisposable","removeEventListener","reset","fail","setTimeout","onMounted","watch","_","onCleanup","blob","url","URL","createObjectURL","revokeObjectURL","immediate","_createVNode","ElDialog","default","el"],"mappings":"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"}
1	+ {"version":3,"file":"verify-dialog.js","sources":["../../../../../src/components/business/verify-dialog/verify-dialog.tsx"],"sourcesContent":["import {\n computed,\n defineComponent,\n unref,\n ref,\n onMounted,\n watch,\n Ref,\n} from \"vue\";\nimport { ElDialog } from \"element-plus\";\nimport { useHttpRequest } from \"../../../composables\";\nimport { verifyDialogProps, verifyDialogEmits } from \"./verify-dialog-option\";\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\n\nexport default defineComponent({\n name: \"MKVerifyDialog\",\n props: verifyDialogProps,\n emits: verifyDialogEmits,\n // expose: [\"fail\"],\n setup(props, { emit, expose }) {\n const wrapperEl: Ref<HTMLElement \| null> = ref(null);\n const buttonEl: Ref<HTMLElement \| null> = ref(null);\n const grandEl: Ref<HTMLElement \| null> = ref(null);\n // 样式默认宽度是48px\n let slideWidth: number = 48;\n\n const isError = ref(false);\n\n const deg = ref(0);\n\n const httpRequest = useHttpRequest();\n\n const imageUrl = ref(\"\");\n\n const imageStyle = computed(() => {\n return {\n backgroundImage: `url(${unref(imageUrl)})`,\n transform: `rotate(-${unref(deg)}deg)`,\n };\n });\n\n const visible = computed({\n get: () => props.visible,\n set: (v) => emit(\"update:visible\", v),\n });\n\n const getImage = async () => {\n const params = { scene: props.scene };\n\n const response = await httpRequest!.get<Blob>(\n \"/ms/app/captcha/rotation/image\",\n {\n params,\n responseType: \"blob\",\n }\n );\n\n return response.data ?? null;\n };\n\n const handleSwitchConfirm = () => {\n emit(\"confirm\", unref(deg));\n };\n\n const handleMouseDown = (mouseDownEvent: MouseEvent) => {\n if (unref(isError)) {\n return;\n }\n\n const disposable = new Disposable();\n\n const totalWidth = unref(wrapperEl)!.getBoundingClientRect().width;\n\n const handleMouseMove = (event: MouseEvent) => {\n // 限定宽度范围\n slideWidth = Math.min(\n Math.max(event.clientX - mouseDownEvent.clientX + 48, 48),\n totalWidth\n );\n\n deg.value = Math.floor(((slideWidth - 48) / (totalWidth - 48)) * 360);\n\n unref(grandEl)!.style.width = `${slideWidth}px`;\n unref(buttonEl)!.style.transform = `translateX(${slideWidth - 48}px)`;\n };\n\n const handleMouseUp = (event: MouseEvent) => {\n if (deg.value !== 0) {\n handleSwitchConfirm();\n }\n\n disposable.dispose();\n };\n\n document.addEventListener(\"mousemove\", handleMouseMove);\n document.addEventListener(\"mouseup\", handleMouseUp);\n\n disposable.register(\n createDisposable(() => {\n document.removeEventListener(\"mousemove\", handleMouseMove);\n document.removeEventListener(\"mouseup\", handleMouseUp);\n })\n );\n };\n\n const reset = () => {\n unref(grandEl)!.style.width = ``;\n unref(buttonEl)!.style.transform = ``;\n };\n\n expose({\n fail: () => {\n isError.value = true;\n\n setTimeout(() => {\n isError.value = false;\n\n reset();\n }, 1000);\n },\n });\n\n onMounted(() => {\n watch(\n visible,\n async (visible, _, onCleanup) => {\n if (visible) {\n const blob = await getImage();\n\n const url = URL.createObjectURL(blob);\n imageUrl.value = url;\n\n onCleanup(() => {\n URL.revokeObjectURL(url);\n });\n }\n },\n { immediate: true }\n );\n });\n return () => {\n return (\n <ElDialog\n modelValue={visible.value}\n onUpdate:modelValue={(v: boolean) => (visible.value = v)}\n modal-class=\"mk-verify-dialog\"\n width={props.width}\n title=\"请完成下方验证后继续操作\"\n appendToBody\n >\n <div class=\"mk-verify-dialog__wrapper\">\n <div\n class=\"mk-verify-dialog__image\"\n ref=\"imageEl\"\n style={imageStyle.value}\n />\n <div class=\"mk-verify-dialog__coordinate\" />\n </div>\n <div class={[\"mk-verify-switch\", unref(isError) ? \"is-error\" : \"\"]}>\n <div\n class=\"mk-verify-switch__wrapper\"\n ref={((el: HTMLDivElement) => (wrapperEl.value = el)) as any}\n >\n <div\n class=\"mk-verify-switch__button-grand\"\n ref={((el: HTMLDivElement) => (grandEl.value = el)) as any}\n />\n <div\n class=\"mk-verify-switch__button\"\n ref={((el: HTMLDivElement) => (buttonEl.value = el)) as any}\n onMousedown={handleMouseDown}\n />\n </div>\n </div>\n </ElDialog>\n );\n };\n },\n});\n"],"names":["defineComponent","name","props","verifyDialogProps","emits","verifyDialogEmits","setup","emit","expose","wrapperEl","ref","buttonEl","grandEl","slideWidth","isError","deg","httpRequest","useHttpRequest","imageUrl","imageStyle","computed","backgroundImage","unref","transform","visible","get","set","v","getImage","params","scene","response","responseType","data","handleSwitchConfirm","handleMouseDown","mouseDownEvent","disposable","Disposable","totalWidth","getBoundingClientRect","width","handleMouseMove","event","Math","min","max","clientX","value","floor","style","handleMouseUp","dispose","document","addEventListener","register","createDisposable","removeEventListener","reset","fail","setTimeout","onMounted","watch","_","onCleanup","blob","url","URL","createObjectURL","revokeObjectURL","immediate","_createVNode","ElDialog","default","el"],"mappings":"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"}

package/dist/esm/components/data-model/data-filter-form/components/condition-date/condition-date-options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"condition-date-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-date/condition-date-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport { BETWEEN_OPTION } from \"../../operator-options\";\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionDateProps = buildProps({\r\n ...dataFilterConditionProps,\r\n defaultOperator: {\r\n type: String,\r\n default: BETWEEN_OPTION.value,\r\n },\r\n type: {\r\n type: String,\r\n default: \"date\",\r\n },\r\n teleported: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n} as const);\r\n\r\nexport type ConditionDateProps = ExtractPropTypes<typeof conditionDateProps>;\r\n"],"names":[],"mappings":";;;AAMO,MAAM,qBAAqB,WAAW;AAAA,EAC3C,GAAG;AAAA,EACH,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS,eAAe;AAAA,EAC1B;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;"}
1	+ {"version":3,"file":"condition-date-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-date/condition-date-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nimport { BETWEEN_OPTION } from \"../../operator-options\";\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionDateProps = buildProps({\n ...dataFilterConditionProps,\n defaultOperator: {\n type: String,\n default: BETWEEN_OPTION.value,\n },\n type: {\n type: String,\n default: \"date\",\n },\n teleported: {\n type: Boolean,\n default: false,\n },\n} as const);\n\nexport type ConditionDateProps = ExtractPropTypes<typeof conditionDateProps>;\n"],"names":[],"mappings":";;;AAMO,MAAM,qBAAqB,WAAW;AAAA,EAC3C,GAAG;AAAA,EACH,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS,eAAe;AAAA,EAC1B;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;"}

package/dist/esm/components/data-model/data-filter-form/components/condition-date/condition-date.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"condition-date.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-date/condition-date.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElDatePicker } from \"element-plus\";\r\nimport { Operator } from \"@maketribe/dm\";\r\n\r\nimport { conditionDateProps } from \"./condition-date-options\";\r\nimport { useDataFilterCondition } from \"../../composables\";\r\nimport {\r\n BETWEEN_OPTION,\r\n GREATER_THAN_EQUAL_OPTION,\r\n GREATER_THAN_OPTION,\r\n LESS_THAN_EQUAL_OPTION,\r\n LESS_THAN_OPTION,\r\n} from \"../../operator-options\";\r\n\r\nexport default defineComponent({\r\n name: \"MKConditionDate\",\r\n props: conditionDateProps,\r\n setup(props, { expose }) {\r\n const { value, isBetween } = useDataFilterCondition({\r\n ...props,\r\n operator: props.defaultOperator as Operator,\r\n operatorOptions: [\r\n BETWEEN_OPTION,\r\n LESS_THAN_OPTION,\r\n LESS_THAN_EQUAL_OPTION,\r\n GREATER_THAN_OPTION,\r\n GREATER_THAN_EQUAL_OPTION,\r\n ],\r\n });\r\n\r\n const type = computed(() => {\r\n if (props.type === \"datetime\") {\r\n return unref(isBetween) ? \"datetimerange\" : \"datetime\";\r\n }\r\n\r\n return unref(isBetween) ? \"daterange\" : props.type;\r\n });\r\n\r\n const valueFormat = computed(() => {\r\n const _type = unref(type);\r\n\r\n return [\"datetime\", \"datetimerange\"].includes(_type)\r\n ? \"YYYY-MM-DD HH:mm:ss\"\r\n : \"YYYY-MM-DD\";\r\n });\r\n\r\n expose({\r\n isEmpty() {\r\n return value.value[0] === null \|\| value.value[1] === null;\r\n },\r\n reset() {\r\n value.value = [null, null];\r\n },\r\n });\r\n\r\n return () => {\r\n var ElDatePickerComponent = ElDatePicker as any;\r\n return (\r\n <ElDatePickerComponent\r\n teleported={props.teleported}\r\n class=\"mk-condition-date\"\r\n modelValue={unref(value)}\r\n onUpdate:modelValue={(v: any) => (value.value = v)}\r\n type={unref(type) as any}\r\n valueFormat={unref(valueFormat)}\r\n />\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["defineComponent","name","props","conditionDateProps","setup","expose","value","isBetween","useDataFilterCondition","operator","defaultOperator","operatorOptions","BETWEEN_OPTION","LESS_THAN_OPTION","LESS_THAN_EQUAL_OPTION","GREATER_THAN_OPTION","GREATER_THAN_EQUAL_OPTION","type","computed","unref","valueFormat","_type","includes","isEmpty","reset","ElDatePickerComponent","ElDatePicker","_createVNode","teleported","v"],"mappings":";;;;;AAcA,MAAeA,gDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,MAAOC;AAAAA,IAAW,IAAGC,uBAAuB;AAAA,MAClD,GAAGN;AAAAA,MACHO,UAAUP,MAAMQ;AAAAA,MAChBC,iBAAiB,CACfC,gBACAC,kBACAC,wBACAC,qBACAC,yBAAyB;AAAA,IAE7B,CAAC;AAED,UAAMC,OAAOC,SAAS,MAAM;AAC1B,UAAIhB,MAAMe,SAAS,YAAY;AAC7B,eAAOE,MAAMZ,SAAS,IAAI,kBAAkB;AAAA,MAC9C;AAEA,aAAOY,MAAMZ,SAAS,IAAI,cAAcL,MAAMe;AAAAA,IAChD,CAAC;AAED,UAAMG,cAAcF,SAAS,MAAM;AACjC,YAAMG,QAAQF,MAAMF,IAAI;AAExB,aAAO,CAAC,YAAY,eAAe,EAAEK,SAASD,KAAK,IAC/C,wBACA;AAAA,IACN,CAAC;AAEDhB,WAAO;AAAA,MACLkB,UAAU;AACR,eAAOjB,MAAMA,MAAM,CAAC,MAAM,QAAQA,MAAMA,MAAM,CAAC,MAAM;AAAA,MACtD;AAAA,MACDkB,QAAQ;AACNlB,cAAMA,QAAQ,CAAC,MAAM,IAAI;AAAA,MAC3B;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,UAAImB,wBAAwBC;AAC5B,aAAAC,YAAAF,uBAAA;AAAA,QAAA,cAEgBvB,MAAM0B;AAAAA,QAAU,SAAA;AAAA,QAAA,cAEhBT,MAAMb,KAAK;AAAA,QAAC,uBACFuB,OAAYvB,MAAMA,QAAQuB;AAAAA,QAAE,QAC5CV,MAAMF,IAAI;AAAA,QAAC,eACJE,MAAMC,WAAW;AAAA,MAAC,GAAA,IAAA;AAAA;EAIvC;AACF,CAAC;"}
1	+ {"version":3,"file":"condition-date.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-date/condition-date.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElDatePicker } from \"element-plus\";\nimport { Operator } from \"@maketribe/dm\";\n\nimport { conditionDateProps } from \"./condition-date-options\";\nimport { useDataFilterCondition } from \"../../composables\";\nimport {\n BETWEEN_OPTION,\n GREATER_THAN_EQUAL_OPTION,\n GREATER_THAN_OPTION,\n LESS_THAN_EQUAL_OPTION,\n LESS_THAN_OPTION,\n} from \"../../operator-options\";\n\nexport default defineComponent({\n name: \"MKConditionDate\",\n props: conditionDateProps,\n setup(props, { expose }) {\n const { value, isBetween } = useDataFilterCondition({\n ...props,\n operator: props.defaultOperator as Operator,\n operatorOptions: [\n BETWEEN_OPTION,\n LESS_THAN_OPTION,\n LESS_THAN_EQUAL_OPTION,\n GREATER_THAN_OPTION,\n GREATER_THAN_EQUAL_OPTION,\n ],\n });\n\n const type = computed(() => {\n if (props.type === \"datetime\") {\n return unref(isBetween) ? \"datetimerange\" : \"datetime\";\n }\n\n return unref(isBetween) ? \"daterange\" : props.type;\n });\n\n const valueFormat = computed(() => {\n const _type = unref(type);\n\n return [\"datetime\", \"datetimerange\"].includes(_type)\n ? \"YYYY-MM-DD HH:mm:ss\"\n : \"YYYY-MM-DD\";\n });\n\n expose({\n isEmpty() {\n return value.value[0] === null \|\| value.value[1] === null;\n },\n reset() {\n value.value = [null, null];\n },\n });\n\n return () => {\n var ElDatePickerComponent = ElDatePicker as any;\n return (\n <ElDatePickerComponent\n teleported={props.teleported}\n class=\"mk-condition-date\"\n modelValue={unref(value)}\n onUpdate:modelValue={(v: any) => (value.value = v)}\n type={unref(type) as any}\n valueFormat={unref(valueFormat)}\n />\n );\n };\n },\n});\n"],"names":["defineComponent","name","props","conditionDateProps","setup","expose","value","isBetween","useDataFilterCondition","operator","defaultOperator","operatorOptions","BETWEEN_OPTION","LESS_THAN_OPTION","LESS_THAN_EQUAL_OPTION","GREATER_THAN_OPTION","GREATER_THAN_EQUAL_OPTION","type","computed","unref","valueFormat","_type","includes","isEmpty","reset","ElDatePickerComponent","ElDatePicker","_createVNode","teleported","v"],"mappings":";;;;;AAcA,MAAeA,gDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,MAAOC;AAAAA,IAAW,IAAGC,uBAAuB;AAAA,MAClD,GAAGN;AAAAA,MACHO,UAAUP,MAAMQ;AAAAA,MAChBC,iBAAiB,CACfC,gBACAC,kBACAC,wBACAC,qBACAC,yBAAyB;AAAA,IAE7B,CAAC;AAED,UAAMC,OAAOC,SAAS,MAAM;AAC1B,UAAIhB,MAAMe,SAAS,YAAY;AAC7B,eAAOE,MAAMZ,SAAS,IAAI,kBAAkB;AAAA,MAC9C;AAEA,aAAOY,MAAMZ,SAAS,IAAI,cAAcL,MAAMe;AAAAA,IAChD,CAAC;AAED,UAAMG,cAAcF,SAAS,MAAM;AACjC,YAAMG,QAAQF,MAAMF,IAAI;AAExB,aAAO,CAAC,YAAY,eAAe,EAAEK,SAASD,KAAK,IAC/C,wBACA;AAAA,IACN,CAAC;AAEDhB,WAAO;AAAA,MACLkB,UAAU;AACR,eAAOjB,MAAMA,MAAM,CAAC,MAAM,QAAQA,MAAMA,MAAM,CAAC,MAAM;AAAA,MACtD;AAAA,MACDkB,QAAQ;AACNlB,cAAMA,QAAQ,CAAC,MAAM,IAAI;AAAA,MAC3B;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,UAAImB,wBAAwBC;AAC5B,aAAAC,YAAAF,uBAAA;AAAA,QAAA,cAEgBvB,MAAM0B;AAAAA,QAAU,SAAA;AAAA,QAAA,cAEhBT,MAAMb,KAAK;AAAA,QAAC,uBACFuB,OAAYvB,MAAMA,QAAQuB;AAAAA,QAAE,QAC5CV,MAAMF,IAAI;AAAA,QAAC,eACJE,MAAMC,WAAW;AAAA,MAAC,GAAA,IAAA;AAAA;EAIvC;AACF,CAAC;"}

package/dist/esm/components/data-model/data-filter-form/components/condition-input/condition-input-options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"condition-input-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-input/condition-input-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionInputProps = buildProps({\r\n ...dataFilterConditionProps,\r\n} as const);\r\n\r\nexport type ConditionInputProps = ExtractPropTypes<typeof conditionInputProps>;\r\n"],"names":[],"mappings":";;AAKO,MAAM,sBAAsB,WAAW;AAAA,EAC5C,GAAG;AACL,CAAU;"}
1	+ {"version":3,"file":"condition-input-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-input/condition-input-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionInputProps = buildProps({\n ...dataFilterConditionProps,\n} as const);\n\nexport type ConditionInputProps = ExtractPropTypes<typeof conditionInputProps>;\n"],"names":[],"mappings":";;AAKO,MAAM,sBAAsB,WAAW;AAAA,EAC5C,GAAG;AACL,CAAU;"}

package/dist/esm/components/data-model/data-filter-form/components/condition-input/condition-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"condition-input.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-input/condition-input.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\r\nimport { ElInput } from \"element-plus\";\r\n\r\nimport { conditionInputProps } from \"./condition-input-options\";\r\nimport { useDataFilterCondition } from \"../../composables\";\r\nimport { CONTAIN_OPTION, EQUAL_OPTION } from \"../../operator-options\";\r\n\r\nexport default defineComponent({\r\n name: \"MKConditionInput\",\r\n props: conditionInputProps,\r\n setup(props, { expose }) {\r\n const { value } = useDataFilterCondition({\r\n ...props,\r\n operator: CONTAIN_OPTION.value,\r\n operatorOptions: [CONTAIN_OPTION, EQUAL_OPTION],\r\n });\r\n\r\n expose({\r\n isEmpty() {\r\n return value.value == null;\r\n },\r\n reset() {\r\n value.value = null;\r\n },\r\n });\r\n\r\n return () => {\r\n return (\r\n <ElInput\r\n class=\"mk-condition-input\"\r\n modelValue={unref(value)}\r\n onUpdate:modelValue={(v) => (value.value = v)}\r\n placeholder=\"请输入关键字\"\r\n />\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["defineComponent","name","props","conditionInputProps","setup","expose","value","useDataFilterCondition","operator","CONTAIN_OPTION","operatorOptions","EQUAL_OPTION","isEmpty","reset","_createVNode","ElInput","unref","v"],"mappings":";;;;;AAOA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,IAAO,IAAGC,uBAAuB;AAAA,MACvC,GAAGL;AAAAA,MACHM,UAAUC,eAAeH;AAAAA,MACzBI,iBAAiB,CAACD,gBAAgBE,YAAY;AAAA,IAChD,CAAC;AAEDN,WAAO;AAAA,MACLO,UAAU;AACR,eAAON,MAAMA,SAAS;AAAA,MACvB;AAAA,MACDO,QAAQ;AACNP,cAAMA,QAAQ;AAAA,MAChB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAQ,YAAAC,SAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,MAAMV,KAAK;AAAA,QAAC,uBACFW,OAAOX,MAAMA,QAAQW;AAAAA,QAAE,eAAA;AAAA,MAAA,GAAA,IAAA;AAAA;EAKrD;AACF,CAAC;"}
1	+ {"version":3,"file":"condition-input.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-input/condition-input.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\nimport { ElInput } from \"element-plus\";\n\nimport { conditionInputProps } from \"./condition-input-options\";\nimport { useDataFilterCondition } from \"../../composables\";\nimport { CONTAIN_OPTION, EQUAL_OPTION } from \"../../operator-options\";\n\nexport default defineComponent({\n name: \"MKConditionInput\",\n props: conditionInputProps,\n setup(props, { expose }) {\n const { value } = useDataFilterCondition({\n ...props,\n operator: CONTAIN_OPTION.value,\n operatorOptions: [CONTAIN_OPTION, EQUAL_OPTION],\n });\n\n expose({\n isEmpty() {\n return value.value == null;\n },\n reset() {\n value.value = null;\n },\n });\n\n return () => {\n return (\n <ElInput\n class=\"mk-condition-input\"\n modelValue={unref(value)}\n onUpdate:modelValue={(v) => (value.value = v)}\n placeholder=\"请输入关键字\"\n />\n );\n };\n },\n});\n"],"names":["defineComponent","name","props","conditionInputProps","setup","expose","value","useDataFilterCondition","operator","CONTAIN_OPTION","operatorOptions","EQUAL_OPTION","isEmpty","reset","_createVNode","ElInput","unref","v"],"mappings":";;;;;AAOA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,IAAO,IAAGC,uBAAuB;AAAA,MACvC,GAAGL;AAAAA,MACHM,UAAUC,eAAeH;AAAAA,MACzBI,iBAAiB,CAACD,gBAAgBE,YAAY;AAAA,IAChD,CAAC;AAEDN,WAAO;AAAA,MACLO,UAAU;AACR,eAAON,MAAMA,SAAS;AAAA,MACvB;AAAA,MACDO,QAAQ;AACNP,cAAMA,QAAQ;AAAA,MAChB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAQ,YAAAC,SAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,MAAMV,KAAK;AAAA,QAAC,uBACFW,OAAOX,MAAMA,QAAQW;AAAAA,QAAE,eAAA;AAAA,MAAA,GAAA,IAAA;AAAA;EAKrD;AACF,CAAC;"}

package/dist/esm/components/data-model/data-filter-form/components/condition-number/condition-number-options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"condition-number-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-number/condition-number-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport { EQUAL_OPTION } from \"../../operator-options\";\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionNumberProps = buildProps({\r\n ...dataFilterConditionProps,\r\n defaultValue: {\r\n default: null,\r\n },\r\n defaultOperator: {\r\n type: String,\r\n default: EQUAL_OPTION.value,\r\n },\r\n});\r\n\r\nexport type ConditionNumberProps = ExtractPropTypes<\r\n typeof conditionNumberProps\r\n>;\r\n"],"names":[],"mappings":";;;AAMO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,cAAc;AAAA,IACZ,SAAS;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS,aAAa;AAAA,EACxB;AACF,CAAC;"}
1	+ {"version":3,"file":"condition-number-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-number/condition-number-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nimport { EQUAL_OPTION } from \"../../operator-options\";\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionNumberProps = buildProps({\n ...dataFilterConditionProps,\n defaultValue: {\n default: null,\n },\n defaultOperator: {\n type: String,\n default: EQUAL_OPTION.value,\n },\n});\n\nexport type ConditionNumberProps = ExtractPropTypes<\n typeof conditionNumberProps\n>;\n"],"names":[],"mappings":";;;AAMO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,cAAc;AAAA,IACZ,SAAS;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS,aAAa;AAAA,EACxB;AACF,CAAC;"}

package/dist/esm/components/data-model/data-filter-form/components/condition-number/condition-number.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"condition-number.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-number/condition-number.tsx"],"sourcesContent":["import { ElInputNumber } from \"element-plus\";\r\nimport { defineComponent, unref } from \"vue\";\r\nimport { Operator } from \"@maketribe/dm\";\r\n\r\nimport { useDataFilterCondition } from \"../../composables\";\r\nimport {\r\n BETWEEN_OPTION,\r\n EQUAL_OPTION,\r\n GREATER_THAN_EQUAL_OPTION,\r\n GREATER_THAN_OPTION,\r\n LESS_THAN_EQUAL_OPTION,\r\n LESS_THAN_OPTION,\r\n} from \"../../operator-options\";\r\nimport { conditionNumberProps } from \"./condition-number-options\";\r\n\r\nexport default defineComponent({\r\n name: \"MKConditionNumber\",\r\n props: conditionNumberProps,\r\n setup(props, { expose }) {\r\n const { value, isBetween } = useDataFilterCondition({\r\n ...props,\r\n operator: props.defaultOperator as Operator,\r\n operatorOptions: [\r\n EQUAL_OPTION,\r\n BETWEEN_OPTION,\r\n LESS_THAN_OPTION,\r\n LESS_THAN_EQUAL_OPTION,\r\n GREATER_THAN_OPTION,\r\n GREATER_THAN_EQUAL_OPTION,\r\n ],\r\n });\r\n\r\n expose({\r\n isEmpty() {\r\n return value.value == null;\r\n },\r\n reset() {\r\n value.value = null;\r\n },\r\n });\r\n\r\n return () => {\r\n const children = unref(isBetween) ? (\r\n <span>\r\n <ElInputNumber\r\n modelValue={unref(value)[0]}\r\n onUpdate:modelValue={(v) => (value.value[0] = v)}\r\n controls-position=\"right\"\r\n />\r\n\r\n <ElInputNumber\r\n modelValue={unref(value)[1]}\r\n onUpdate:modelValue={(v) => (value.value[1] = v)}\r\n controls-position=\"right\"\r\n />\r\n </span>\r\n ) : (\r\n <ElInputNumber\r\n modelValue={unref(value)}\r\n onUpdate:modelValue={(v) => (value.value = v)}\r\n controls-position=\"right\"\r\n />\r\n );\r\n\r\n return (\r\n <div\r\n class={[\"mk-condition-number\", unref(isBetween) ? \"is-between\" : \"\"]}\r\n >\r\n {children}\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["defineComponent","name","props","conditionNumberProps","setup","expose","value","isBetween","useDataFilterCondition","operator","defaultOperator","operatorOptions","EQUAL_OPTION","BETWEEN_OPTION","LESS_THAN_OPTION","LESS_THAN_EQUAL_OPTION","GREATER_THAN_OPTION","GREATER_THAN_EQUAL_OPTION","isEmpty","reset","children","unref","_createVNode","ElInputNumber","v"],"mappings":";;;;;AAeA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,MAAOC;AAAAA,IAAW,IAAGC,uBAAuB;AAAA,MAClD,GAAGN;AAAAA,MACHO,UAAUP,MAAMQ;AAAAA,MAChBC,iBAAiB,CACfC,cACAC,gBACAC,kBACAC,wBACAC,qBACAC,yBAAyB;AAAA,IAE7B,CAAC;AAEDZ,WAAO;AAAA,MACLa,UAAU;AACR,eAAOZ,MAAMA,SAAS;AAAA,MACvB;AAAA,MACDa,QAAQ;AACNb,cAAMA,QAAQ;AAAA,MAChB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,YAAMc,WAAWC,MAAMd,SAAS,IAACe,YAAA,QAAA,MAAA,CAAAA,YAAAC,eAAA;AAAA,QAAA,cAGfF,MAAMf,KAAK,EAAE,CAAC;AAAA,QAAC,uBACLkB,OAAOlB,MAAMA,MAAM,CAAC,IAAIkB;AAAAA,QAAE,qBAAA;AAAA,SAAAF,IAAAA,GAAAA,YAAAC,eAAA;AAAA,QAAA,cAKpCF,MAAMf,KAAK,EAAE,CAAC;AAAA,QAAC,uBACLkB,OAAOlB,MAAMA,MAAM,CAAC,IAAIkB;AAAAA,QAAE,qBAAA;AAAA,MAAAF,GAAAA,IAAAA,CAAAA,CAAAA,IAAAA,YAAAC,eAAA;AAAA,QAAA,cAMtCF,MAAMf,KAAK;AAAA,QAAC,uBACFkB,OAAOlB,MAAMA,QAAQkB;AAAAA,QAAE,qBAAA;AAAA,MAGhD,GAAA,IAAA;AAED,aAAAF,YAAA,OAAA;AAAA,QAAA,SAEW,CAAC,uBAAuBD,MAAMd,SAAS,IAAI,eAAe,EAAE;AAAA,MAAC,GAAA,CAEnEa,QAAQ,CAAA;AAAA;EAIjB;AACF,CAAC;"}
1	+ {"version":3,"file":"condition-number.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-number/condition-number.tsx"],"sourcesContent":["import { ElInputNumber } from \"element-plus\";\nimport { defineComponent, unref } from \"vue\";\nimport { Operator } from \"@maketribe/dm\";\n\nimport { useDataFilterCondition } from \"../../composables\";\nimport {\n BETWEEN_OPTION,\n EQUAL_OPTION,\n GREATER_THAN_EQUAL_OPTION,\n GREATER_THAN_OPTION,\n LESS_THAN_EQUAL_OPTION,\n LESS_THAN_OPTION,\n} from \"../../operator-options\";\nimport { conditionNumberProps } from \"./condition-number-options\";\n\nexport default defineComponent({\n name: \"MKConditionNumber\",\n props: conditionNumberProps,\n setup(props, { expose }) {\n const { value, isBetween } = useDataFilterCondition({\n ...props,\n operator: props.defaultOperator as Operator,\n operatorOptions: [\n EQUAL_OPTION,\n BETWEEN_OPTION,\n LESS_THAN_OPTION,\n LESS_THAN_EQUAL_OPTION,\n GREATER_THAN_OPTION,\n GREATER_THAN_EQUAL_OPTION,\n ],\n });\n\n expose({\n isEmpty() {\n return value.value == null;\n },\n reset() {\n value.value = null;\n },\n });\n\n return () => {\n const children = unref(isBetween) ? (\n <span>\n <ElInputNumber\n modelValue={unref(value)[0]}\n onUpdate:modelValue={(v) => (value.value[0] = v)}\n controls-position=\"right\"\n />\n\n <ElInputNumber\n modelValue={unref(value)[1]}\n onUpdate:modelValue={(v) => (value.value[1] = v)}\n controls-position=\"right\"\n />\n </span>\n ) : (\n <ElInputNumber\n modelValue={unref(value)}\n onUpdate:modelValue={(v) => (value.value = v)}\n controls-position=\"right\"\n />\n );\n\n return (\n <div\n class={[\"mk-condition-number\", unref(isBetween) ? \"is-between\" : \"\"]}\n >\n {children}\n </div>\n );\n };\n },\n});\n"],"names":["defineComponent","name","props","conditionNumberProps","setup","expose","value","isBetween","useDataFilterCondition","operator","defaultOperator","operatorOptions","EQUAL_OPTION","BETWEEN_OPTION","LESS_THAN_OPTION","LESS_THAN_EQUAL_OPTION","GREATER_THAN_OPTION","GREATER_THAN_EQUAL_OPTION","isEmpty","reset","children","unref","_createVNode","ElInputNumber","v"],"mappings":";;;;;AAeA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,MAAOC;AAAAA,IAAW,IAAGC,uBAAuB;AAAA,MAClD,GAAGN;AAAAA,MACHO,UAAUP,MAAMQ;AAAAA,MAChBC,iBAAiB,CACfC,cACAC,gBACAC,kBACAC,wBACAC,qBACAC,yBAAyB;AAAA,IAE7B,CAAC;AAEDZ,WAAO;AAAA,MACLa,UAAU;AACR,eAAOZ,MAAMA,SAAS;AAAA,MACvB;AAAA,MACDa,QAAQ;AACNb,cAAMA,QAAQ;AAAA,MAChB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,YAAMc,WAAWC,MAAMd,SAAS,IAACe,YAAA,QAAA,MAAA,CAAAA,YAAAC,eAAA;AAAA,QAAA,cAGfF,MAAMf,KAAK,EAAE,CAAC;AAAA,QAAC,uBACLkB,OAAOlB,MAAMA,MAAM,CAAC,IAAIkB;AAAAA,QAAE,qBAAA;AAAA,SAAAF,IAAAA,GAAAA,YAAAC,eAAA;AAAA,QAAA,cAKpCF,MAAMf,KAAK,EAAE,CAAC;AAAA,QAAC,uBACLkB,OAAOlB,MAAMA,MAAM,CAAC,IAAIkB;AAAAA,QAAE,qBAAA;AAAA,MAAAF,GAAAA,IAAAA,CAAAA,CAAAA,IAAAA,YAAAC,eAAA;AAAA,QAAA,cAMtCF,MAAMf,KAAK;AAAA,QAAC,uBACFkB,OAAOlB,MAAMA,QAAQkB;AAAAA,QAAE,qBAAA;AAAA,MAGhD,GAAA,IAAA;AAED,aAAAF,YAAA,OAAA;AAAA,QAAA,SAEW,CAAC,uBAAuBD,MAAMd,SAAS,IAAI,eAAe,EAAE;AAAA,MAAC,GAAA,CAEnEa,QAAQ,CAAA;AAAA;EAIjB;AACF,CAAC;"}

package/dist/esm/components/data-model/data-filter-form/components/condition-select/condition-select-options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"condition-select-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-select/condition-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionSelectProps = buildProps({\r\n ...dataFilterConditionProps,\r\n multiple: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n options: {\r\n type: Array,\r\n },\r\n dataTable: {\r\n type: DataTable<any>,\r\n },\r\n});\r\n\r\nexport type ConditionSelectProps = ExtractPropTypes<\r\n typeof conditionSelectProps\r\n>;\r\n\r\nexport const conditionSelectEmit = {\r\n \"update:model-value\": (modelValue: any) => true,\r\n};\r\n\r\nexport type ConditionSelectEmit = typeof conditionSelectEmit;\r\n"],"names":[],"mappings":";;;AAKO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAMM,MAAM,sBAAsB;AAAA,EACjC,sBAAsB,CAAC,eAAoB;AAC7C;"}
1	+ {"version":3,"file":"condition-select-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-select/condition-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionSelectProps = buildProps({\n ...dataFilterConditionProps,\n multiple: {\n type: Boolean,\n default: false,\n },\n options: {\n type: Array,\n },\n dataTable: {\n type: DataTable<any>,\n },\n});\n\nexport type ConditionSelectProps = ExtractPropTypes<\n typeof conditionSelectProps\n>;\n\nexport const conditionSelectEmit = {\n \"update:model-value\": (modelValue: any) => true,\n};\n\nexport type ConditionSelectEmit = typeof conditionSelectEmit;\n"],"names":[],"mappings":";;;AAKO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAMM,MAAM,sBAAsB;AAAA,EACjC,sBAAsB,CAAC,eAAoB;AAC7C;"}

package/dist/esm/components/data-model/data-filter-form/components/condition-select/condition-select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"condition-select.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-select/condition-select.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\r\n\r\nimport { conditionSelectProps } from \"./condition-select-options\";\r\nimport { useDataFilterCondition } from \"../../composables\";\r\nimport { IN_OPTION, NOT_IN_OPTION } from \"../../operator-options\";\r\nimport { MKDataSelect } from \"../../../../basic/data-select\";\r\n\r\nexport default defineComponent({\r\n name: \"MKConditionSelect\",\r\n props: conditionSelectProps,\r\n setup(props, { expose }) {\r\n const { value } = useDataFilterCondition({\r\n ...props,\r\n defaultValue: props.defaultValue\r\n ? props.defaultValue\r\n : props.multiple\r\n ? []\r\n : \"\",\r\n operator: IN_OPTION.value,\r\n operatorOptions: [IN_OPTION, NOT_IN_OPTION],\r\n });\r\n\r\n expose({\r\n isEmpty() {\r\n if (props.multiple) {\r\n return !Array.isArray(value.value) \|\| value.value.length === 0;\r\n }\r\n\r\n return value.value == null;\r\n },\r\n reset() {\r\n if (props.multiple) {\r\n value.value = [];\r\n } else {\r\n value.value = null;\r\n }\r\n },\r\n });\r\n\r\n return () => {\r\n return (\r\n <MKDataSelect\r\n modelValue={unref(value)}\r\n dataTable={props.dataTable}\r\n options={props.options}\r\n multiple={props.multiple}\r\n onUpdate:model-value={(v: any) => (value.value = v)}\r\n />\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["defineComponent","name","props","conditionSelectProps","setup","expose","value","useDataFilterCondition","defaultValue","multiple","operator","IN_OPTION","operatorOptions","NOT_IN_OPTION","isEmpty","Array","isArray","length","reset","_createVNode","MKDataSelect","unref","dataTable","options","v"],"mappings":";;;;;AAOA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,IAAO,IAAGC,uBAAuB;AAAA,MACvC,GAAGL;AAAAA,MACHM,cAAcN,MAAMM,eAChBN,MAAMM,eACNN,MAAMO,WACN,CAAA,IACA;AAAA,MACJC,UAAUC,UAAUL;AAAAA,MACpBM,iBAAiB,CAACD,WAAWE,aAAa;AAAA,IAC5C,CAAC;AAEDR,WAAO;AAAA,MACLS,UAAU;AACR,YAAIZ,MAAMO,UAAU;AAClB,iBAAO,CAACM,MAAMC,QAAQV,MAAMA,KAAK,KAAKA,MAAMA,MAAMW,WAAW;AAAA,QAC/D;AAEA,eAAOX,MAAMA,SAAS;AAAA,MACvB;AAAA,MACDY,QAAQ;AACN,YAAIhB,MAAMO,UAAU;AAClBH,gBAAMA,QAAQ;QAChB,OAAO;AACLA,gBAAMA,QAAQ;AAAA,QAChB;AAAA,MACF;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAa,YAAAC,cAAA;AAAA,QAAA,cAEgBC,MAAMf,KAAK;AAAA,QAAC,aACbJ,MAAMoB;AAAAA,QAAS,WACjBpB,MAAMqB;AAAAA,QAAO,YACZrB,MAAMO;AAAAA,QAAQ,wBACDe,OAAYlB,MAAMA,QAAQkB;AAAAA,MAAE,GAAA,IAAA;AAAA;EAI3D;AACF,CAAC;"}
1	+ {"version":3,"file":"condition-select.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-select/condition-select.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\n\nimport { conditionSelectProps } from \"./condition-select-options\";\nimport { useDataFilterCondition } from \"../../composables\";\nimport { IN_OPTION, NOT_IN_OPTION } from \"../../operator-options\";\nimport { MKDataSelect } from \"../../../../basic/data-select\";\n\nexport default defineComponent({\n name: \"MKConditionSelect\",\n props: conditionSelectProps,\n setup(props, { expose }) {\n const { value } = useDataFilterCondition({\n ...props,\n defaultValue: props.defaultValue\n ? props.defaultValue\n : props.multiple\n ? []\n : \"\",\n operator: IN_OPTION.value,\n operatorOptions: [IN_OPTION, NOT_IN_OPTION],\n });\n\n expose({\n isEmpty() {\n if (props.multiple) {\n return !Array.isArray(value.value) \|\| value.value.length === 0;\n }\n\n return value.value == null;\n },\n reset() {\n if (props.multiple) {\n value.value = [];\n } else {\n value.value = null;\n }\n },\n });\n\n return () => {\n return (\n <MKDataSelect\n modelValue={unref(value)}\n dataTable={props.dataTable}\n options={props.options}\n multiple={props.multiple}\n onUpdate:model-value={(v: any) => (value.value = v)}\n />\n );\n };\n },\n});\n"],"names":["defineComponent","name","props","conditionSelectProps","setup","expose","value","useDataFilterCondition","defaultValue","multiple","operator","IN_OPTION","operatorOptions","NOT_IN_OPTION","isEmpty","Array","isArray","length","reset","_createVNode","MKDataSelect","unref","dataTable","options","v"],"mappings":";;;;;AAOA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,IAAO,IAAGC,uBAAuB;AAAA,MACvC,GAAGL;AAAAA,MACHM,cAAcN,MAAMM,eAChBN,MAAMM,eACNN,MAAMO,WACN,CAAA,IACA;AAAA,MACJC,UAAUC,UAAUL;AAAAA,MACpBM,iBAAiB,CAACD,WAAWE,aAAa;AAAA,IAC5C,CAAC;AAEDR,WAAO;AAAA,MACLS,UAAU;AACR,YAAIZ,MAAMO,UAAU;AAClB,iBAAO,CAACM,MAAMC,QAAQV,MAAMA,KAAK,KAAKA,MAAMA,MAAMW,WAAW;AAAA,QAC/D;AAEA,eAAOX,MAAMA,SAAS;AAAA,MACvB;AAAA,MACDY,QAAQ;AACN,YAAIhB,MAAMO,UAAU;AAClBH,gBAAMA,QAAQ;QAChB,OAAO;AACLA,gBAAMA,QAAQ;AAAA,QAChB;AAAA,MACF;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAa,YAAAC,cAAA;AAAA,QAAA,cAEgBC,MAAMf,KAAK;AAAA,QAAC,aACbJ,MAAMoB;AAAAA,QAAS,WACjBpB,MAAMqB;AAAAA,QAAO,YACZrB,MAAMO;AAAAA,QAAQ,wBACDe,OAAYlB,MAAMA,QAAQkB;AAAAA,MAAE,GAAA,IAAA;AAAA;EAI3D;AACF,CAAC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"data-filter-form-item.js","sources":["../../../../../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.tsx"],"sourcesContent":["import {\r\n computed,\r\n defineComponent,\r\n inject,\r\n onBeforeUnmount,\r\n provide,\r\n reactive,\r\n toRaw,\r\n unref,\r\n} from \"vue\";\r\nimport { DataFilter, FilterColumn, isWhereFilter } from \"@maketribe/dm\";\r\nimport { useFilterColumnComponent, useI18n } from \"../../../../composables\";\r\nimport { dataFilterFormItemProps } from \"./data-filter-form-item-options\";\r\nimport {\r\n DATA_FILTER_CONTEXT,\r\n DATA_FILTER_ITEM_CONTEXT,\r\n DataFilterItem,\r\n DataFilterItemContext,\r\n} from \"../token\";\r\nimport { OperatorOption } from \"../operator-options\";\r\nimport { ElOption, ElSelect } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n name: \"MKDataFilterFormItem\",\r\n props: dataFilterFormItemProps,\r\n setup(props, { slots }) {\r\n const i18n = useI18n()!;\r\n\r\n const dataFilterContext = inject(DATA_FILTER_CONTEXT)!;\r\n\r\n const dataFilter = computed(() => dataFilterContext.dataFilter);\r\n\r\n let _filterColumn: FilterColumn \| null = null;\r\n\r\n const createFilterColumn = () => {\r\n _filterColumn = reactive(\r\n new FilterColumn({\r\n name: props.name!,\r\n label: props.label!,\r\n })\r\n );\r\n\r\n unref(dataFilter).addColumn(_filterColumn);\r\n\r\n return _filterColumn;\r\n };\r\n\r\n const filterColumn = computed(() => {\r\n const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;\r\n\r\n if (existingColumn) {\r\n return existingColumn;\r\n }\r\n\r\n if (!_filterColumn) {\r\n _filterColumn = createFilterColumn();\r\n }\r\n\r\n return _filterColumn;\r\n });\r\n\r\n const { component, componentProps } = useFilterColumnComponent(\r\n filterColumn,\r\n dataFilter\r\n );\r\n\r\n const createDataFilterItem = (\r\n dataFilter: DataFilter,\r\n column: FilterColumn\r\n ) => {\r\n function setOperator(\r\n this: DataFilterItem,\r\n operator: OperatorOption[\"value\"]\r\n ) {\r\n const _dataFilter = unref(dataFilter);\r\n if (isWhereFilter(_dataFilter)) {\r\n this.currentOperator = operator;\r\n _dataFilter.setParamOperator(unref(column).name, operator);\r\n }\r\n }\r\n\r\n function setOperatorOptions(\r\n this: DataFilterItem,\r\n options: OperatorOption[]\r\n ) {\r\n if (isWhereFilter(unref(dataFilter))) {\r\n this.operatorOptions = options;\r\n }\r\n }\r\n\r\n function setValue(this: DataFilterItem, value: any) {\r\n this.dataFilter.setParam(this.column.name, value);\r\n }\r\n\r\n function getValue(this: DataFilterItem): any {\r\n return this.dataFilter.getParam(this.column.name);\r\n }\r\n\r\n const filterPanelItem: DataFilterItem = {\r\n dataFilter,\r\n column,\r\n currentOperator: null,\r\n operatorOptions: [],\r\n setOperator,\r\n setOperatorOptions,\r\n setValue,\r\n getValue,\r\n };\r\n\r\n return filterPanelItem;\r\n };\r\n\r\n const dataFilterItem = reactive(\r\n createDataFilterItem(unref(dataFilter), unref(filterColumn))\r\n ) as DataFilterItem;\r\n\r\n provide(\r\n DATA_FILTER_ITEM_CONTEXT,\r\n reactive({ dataFilter, dataFilterItem }) as DataFilterItemContext\r\n );\r\n\r\n onBeforeUnmount(() => {\r\n const _filterPanel = unref(dataFilter);\r\n\r\n if (isWhereFilter(_filterPanel)) {\r\n _filterPanel.deleteParamOperator(unref(filterColumn).name);\r\n }\r\n\r\n _filterPanel.deleteParam(unref(filterColumn).name);\r\n });\r\n\r\n return () => {\r\n const _filterPanel = unref(dataFilter);\r\n\r\n const _filterColumn = unref(filterColumn);\r\n\r\n if (!_filterColumn) {\r\n return null;\r\n }\r\n\r\n let children: any = slots.default?.();\r\n\r\n if (!children && unref(component)) {\r\n const FilterColumnComponent = toRaw(unref(component));\r\n\r\n children = <FilterColumnComponent {...unref(componentProps)} />;\r\n }\r\n\r\n const options = dataFilterItem.operatorOptions.map((option) => (\r\n <ElOption\r\n key={option.value}\r\n value={option.value}\r\n label={i18n.translate(option.label)}\r\n />\r\n ));\r\n\r\n const operatorSelect = isWhereFilter(_filterPanel) ? (\r\n <ElSelect\r\n modelValue={dataFilterItem.currentOperator as any}\r\n onUpdate:modelValue={(v) => dataFilterItem.setOperator(v)}\r\n class=\"mk-data-filter-form-item__operator\"\r\n >\r\n {options}\r\n </ElSelect>\r\n ) : null;\r\n\r\n const labelWidth = computed(() => dataFilterContext.labelWidth);\r\n\r\n return (\r\n <div class=\"mk-data-filter-form-item\">\r\n <div\r\n class=\"mk-data-filter-form-item__label\"\r\n style={{ width: labelWidth.value + \"px\" }}\r\n >\r\n {_filterColumn.label}\r\n </div>\r\n {/* {operatorSelect} */}\r\n <div class=\"mk-data-filter-form-item__content\">{children}</div>\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataFilterFormItemProps","setup","slots","i18n","useI18n","dataFilterContext","inject","DATA_FILTER_CONTEXT","dataFilter","computed","_filterColumn","createFilterColumn","reactive","FilterColumn","label","unref","addColumn","filterColumn","existingColumn","getColumn","component","componentProps","useFilterColumnComponent","createDataFilterItem","column","setOperator","operator","_dataFilter","isWhereFilter","currentOperator","setParamOperator","setOperatorOptions","options","operatorOptions","setValue","value","setParam","getValue","getParam","filterPanelItem","dataFilterItem","provide","DATA_FILTER_ITEM_CONTEXT","onBeforeUnmount","_filterPanel","deleteParamOperator","deleteParam","children","default","FilterColumnComponent","toRaw","_createVNode","map","option","ElOption","translate","ElSelect","v","labelWidth","width"],"mappings":";;;;;;;;;;;;AAoBkD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAElD,MAAeM,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,OAAOC;AAEb,UAAMC,oBAAoBC,OAAOC,mBAAmB;AAEpD,UAAMC,aAAaC,SAAS,MAAMJ,kBAAkBG,UAAU;AAE9D,QAAIE,gBAAqC;AAEzC,UAAMC,qBAAqBA,MAAM;AAC/BD,sBAAgBE,SACd,IAAIC,aAAa;AAAA,QACff,MAAMC,MAAMD;AAAAA,QACZgB,OAAOf,MAAMe;AAAAA,MACd,CAAA,CACH;AAEAC,YAAMP,UAAU,EAAEQ,UAAUN,aAAa;AAEzC,aAAOA;AAAAA;AAGT,UAAMO,eAAeR,SAAS,MAAM;AAClC,YAAMS,iBAAiBH,MAAMP,UAAU,EAAEW,UAAUpB,MAAMD,IAAI,KAAK;AAElE,UAAIoB,gBAAgB;AAClB,eAAOA;AAAAA,MACT;AAEA,UAAI,CAACR,eAAe;AAClBA,wBAAgBC,mBAAkB;AAAA,MACpC;AAEA,aAAOD;AAAAA,IACT,CAAC;AAED,UAAM;AAAA,MAAEU;AAAAA,MAAWC;AAAAA,IAAe,IAAIC,yBACpCL,cACAT,UACF;AAEA,UAAMe,uBAAuBA,CAC3Bf,aACAgB,WACG;AACH,eAASC,YAEPC,UACA;AACA,cAAMC,cAAcZ,MAAMP,WAAU;AACpC,YAAIoB,cAAcD,WAAW,GAAG;AAC9B,eAAKE,kBAAkBH;AACvBC,sBAAYG,iBAAiBf,MAAMS,MAAM,EAAE1B,MAAM4B,QAAQ;AAAA,QAC3D;AAAA,MACF;AAEA,eAASK,mBAEPC,SACA;AACA,YAAIJ,cAAcb,MAAMP,WAAU,CAAC,GAAG;AACpC,eAAKyB,kBAAkBD;AAAAA,QACzB;AAAA,MACF;AAEA,eAASE,SAA+BC,OAAY;AAClD,aAAK3B,WAAW4B,SAAS,KAAKZ,OAAO1B,MAAMqC,KAAK;AAAA,MAClD;AAEA,eAASE,WAAoC;AAC3C,eAAO,KAAK7B,WAAW8B,SAAS,KAAKd,OAAO1B,IAAI;AAAA,MAClD;AAEA,YAAMyC,kBAAkC;AAAA,QACtC/B,YAAAA;AAAAA,QACAgB;AAAAA,QACAK,iBAAiB;AAAA,QACjBI,iBAAiB,CAAE;AAAA,QACnBR;AAAAA,QACAM;AAAAA,QACAG;AAAAA,QACAG;AAAAA;AAGF,aAAOE;AAAAA;AAGT,UAAMC,iBAAiB5B,SACrBW,qBAAqBR,MAAMP,UAAU,GAAGO,MAAME,YAAY,CAAC,CAC7D;AAEAwB,YACEC,0BACA9B,SAAS;AAAA,MAAEJ;AAAAA,MAAYgC;AAAAA,IAAgB,CAAA,CACzC;AAEAG,oBAAgB,MAAM;AACpB,YAAMC,eAAe7B,MAAMP,UAAU;AAErC,UAAIoB,cAAcgB,YAAY,GAAG;AAC/BA,qBAAaC,oBAAoB9B,MAAME,YAAY,EAAEnB,IAAI;AAAA,MAC3D;AAEA8C,mBAAaE,YAAY/B,MAAME,YAAY,EAAEnB,IAAI;AAAA,IACnD,CAAC;AAED,WAAO,MAAM;;AACX,YAAM8C,eAAe7B,MAAMP,UAAU;AAErC,YAAME,iBAAgBK,MAAME,YAAY;AAExC,UAAI,CAACP,gBAAe;AAClB,eAAO;AAAA,MACT;AAEA,UAAIqC,YAAgB7C,WAAM8C,YAAN9C;AAEpB,UAAI,CAAC6C,YAAYhC,MAAMK,SAAS,GAAG;AACjC,cAAM6B,wBAAwBC,MAAMnC,MAAMK,SAAS,CAAC;AAEpD2B,mBAAQI,YAAAF,uBAA8BlC,MAAMM,cAAc,GAAK,IAAA;AAAA,MACjE;AAEA,YAAMW,UAAUQ,eAAeP,gBAAgBmB,IAAKC,YAAMF,YAAAG,UAAA;AAAA,QAAA,OAEjDD,OAAOlB;AAAAA,QAAK,SACVkB,OAAOlB;AAAAA,QAAK,SACZhC,KAAKoD,UAAUF,OAAOvC,KAAK;AAAA,MAAC,GAAA,IAAA,CAEtC;AAEsBc,oBAAcgB,YAAY,IAACO,YAAAK,UAAA;AAAA,QAAA,cAElChB,eAAeX;AAAAA,QAAe,uBACpB4B,OAAMjB,eAAef,YAAYgC,CAAC;AAAA,QAAC,SAAA;AAAA,MAAA,GAAAnE,QAGxD0C,OAAO,IAAPA,UAAO;AAAA,QAAAgB,SAAAA,MAAA,CAAPhB,OAAO;AAAA,MAAA,CAAA,IAER;AAEJ,YAAM0B,aAAajD,SAAS,MAAMJ,kBAAkBqD,UAAU;AAE9D,aAAAP,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SAIa;AAAA,UAAEQ,OAAOD,WAAWvB,QAAQ;AAAA,QAAK;AAAA,MAAC,GAAA,CAExCzB,eAAcI,KAAK,CAAA,GAAAqC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAG0BJ,QAAQ,CAAA,CAAA,CAAA;AAAA;EAIhE;AACF,CAAC;"}
1	+ {"version":3,"file":"data-filter-form-item.js","sources":["../../../../../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.tsx"],"sourcesContent":["import {\n computed,\n defineComponent,\n inject,\n onBeforeUnmount,\n provide,\n reactive,\n toRaw,\n unref,\n} from \"vue\";\nimport { DataFilter, FilterColumn, isWhereFilter } from \"@maketribe/dm\";\nimport { useFilterColumnComponent, useI18n } from \"../../../../composables\";\nimport { dataFilterFormItemProps } from \"./data-filter-form-item-options\";\nimport {\n DATA_FILTER_CONTEXT,\n DATA_FILTER_ITEM_CONTEXT,\n DataFilterItem,\n DataFilterItemContext,\n} from \"../token\";\nimport { OperatorOption } from \"../operator-options\";\nimport { ElOption, ElSelect } from \"element-plus\";\n\nexport default defineComponent({\n name: \"MKDataFilterFormItem\",\n props: dataFilterFormItemProps,\n setup(props, { slots }) {\n const i18n = useI18n()!;\n\n const dataFilterContext = inject(DATA_FILTER_CONTEXT)!;\n\n const dataFilter = computed(() => dataFilterContext.dataFilter);\n\n let _filterColumn: FilterColumn \| null = null;\n\n const createFilterColumn = () => {\n _filterColumn = reactive(\n new FilterColumn({\n name: props.name!,\n label: props.label!,\n })\n );\n\n unref(dataFilter).addColumn(_filterColumn);\n\n return _filterColumn;\n };\n\n const filterColumn = computed(() => {\n const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;\n\n if (existingColumn) {\n return existingColumn;\n }\n\n if (!_filterColumn) {\n _filterColumn = createFilterColumn();\n }\n\n return _filterColumn;\n });\n\n const { component, componentProps } = useFilterColumnComponent(\n filterColumn,\n dataFilter\n );\n\n const createDataFilterItem = (\n dataFilter: DataFilter,\n column: FilterColumn\n ) => {\n function setOperator(\n this: DataFilterItem,\n operator: OperatorOption[\"value\"]\n ) {\n const _dataFilter = unref(dataFilter);\n if (isWhereFilter(_dataFilter)) {\n this.currentOperator = operator;\n _dataFilter.setParamOperator(unref(column).name, operator);\n }\n }\n\n function setOperatorOptions(\n this: DataFilterItem,\n options: OperatorOption[]\n ) {\n if (isWhereFilter(unref(dataFilter))) {\n this.operatorOptions = options;\n }\n }\n\n function setValue(this: DataFilterItem, value: any) {\n this.dataFilter.setParam(this.column.name, value);\n }\n\n function getValue(this: DataFilterItem): any {\n return this.dataFilter.getParam(this.column.name);\n }\n\n const filterPanelItem: DataFilterItem = {\n dataFilter,\n column,\n currentOperator: null,\n operatorOptions: [],\n setOperator,\n setOperatorOptions,\n setValue,\n getValue,\n };\n\n return filterPanelItem;\n };\n\n const dataFilterItem = reactive(\n createDataFilterItem(unref(dataFilter), unref(filterColumn))\n ) as DataFilterItem;\n\n provide(\n DATA_FILTER_ITEM_CONTEXT,\n reactive({ dataFilter, dataFilterItem }) as DataFilterItemContext\n );\n\n onBeforeUnmount(() => {\n const _filterPanel = unref(dataFilter);\n\n if (isWhereFilter(_filterPanel)) {\n _filterPanel.deleteParamOperator(unref(filterColumn).name);\n }\n\n _filterPanel.deleteParam(unref(filterColumn).name);\n });\n\n return () => {\n const _filterPanel = unref(dataFilter);\n\n const _filterColumn = unref(filterColumn);\n\n if (!_filterColumn) {\n return null;\n }\n\n let children: any = slots.default?.();\n\n if (!children && unref(component)) {\n const FilterColumnComponent = toRaw(unref(component));\n\n children = <FilterColumnComponent {...unref(componentProps)} />;\n }\n\n const options = dataFilterItem.operatorOptions.map((option) => (\n <ElOption\n key={option.value}\n value={option.value}\n label={i18n.translate(option.label)}\n />\n ));\n\n const operatorSelect = isWhereFilter(_filterPanel) ? (\n <ElSelect\n modelValue={dataFilterItem.currentOperator as any}\n onUpdate:modelValue={(v) => dataFilterItem.setOperator(v)}\n class=\"mk-data-filter-form-item__operator\"\n >\n {options}\n </ElSelect>\n ) : null;\n\n const labelWidth = computed(() => dataFilterContext.labelWidth);\n\n return (\n <div class=\"mk-data-filter-form-item\">\n <div\n class=\"mk-data-filter-form-item__label\"\n style={{ width: labelWidth.value + \"px\" }}\n >\n {_filterColumn.label}\n </div>\n {/* {operatorSelect} */}\n <div class=\"mk-data-filter-form-item__content\">{children}</div>\n </div>\n );\n };\n },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataFilterFormItemProps","setup","slots","i18n","useI18n","dataFilterContext","inject","DATA_FILTER_CONTEXT","dataFilter","computed","_filterColumn","createFilterColumn","reactive","FilterColumn","label","unref","addColumn","filterColumn","existingColumn","getColumn","component","componentProps","useFilterColumnComponent","createDataFilterItem","column","setOperator","operator","_dataFilter","isWhereFilter","currentOperator","setParamOperator","setOperatorOptions","options","operatorOptions","setValue","value","setParam","getValue","getParam","filterPanelItem","dataFilterItem","provide","DATA_FILTER_ITEM_CONTEXT","onBeforeUnmount","_filterPanel","deleteParamOperator","deleteParam","children","default","FilterColumnComponent","toRaw","_createVNode","map","option","ElOption","translate","ElSelect","v","labelWidth","width"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"data-filter-form-options.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport dataFilterForm from \"./data-filter-form\";\r\n\r\nexport const dataFilterFormProps = buildProps({\r\n // dataFilter: { type: DataFilter, required: true },\r\n dataTable: { type: DataTable, required: true },\r\n} as const);\r\n\r\nexport type DataFilterFormProps = ExtractPropTypes<typeof dataFilterFormProps>;\r\n\r\nexport const dataFilterFormEmits = {};\r\n\r\nexport type DataFilterFormEmits = typeof dataFilterForm;\r\n"],"names":[],"mappings":";;AAKO,MAAM,sBAAsB,WAAW;AAAA;AAAA,EAE5C,WAAW,EAAE,MAAM,WAAW,UAAU,KAAK;AAC/C,CAAU;"}
1	+ {"version":3,"file":"data-filter-form-options.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\nimport dataFilterForm from \"./data-filter-form\";\n\nexport const dataFilterFormProps = buildProps({\n // dataFilter: { type: DataFilter, required: true },\n dataTable: { type: DataTable, required: true },\n} as const);\n\nexport type DataFilterFormProps = ExtractPropTypes<typeof dataFilterFormProps>;\n\nexport const dataFilterFormEmits = {};\n\nexport type DataFilterFormEmits = typeof dataFilterForm;\n"],"names":[],"mappings":";;AAKO,MAAM,sBAAsB,WAAW;AAAA;AAAA,EAE5C,WAAW,EAAE,MAAM,WAAW,UAAU,KAAK;AAC/C,CAAU;"}

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

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

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

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

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

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

package/dist/esm/components/data-model/data-filter-popover/data-filter-popover-options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-filter-popover-options.js","sources":["../../../../../src/components/data-model/data-filter-popover/data-filter-popover-options.ts"],"sourcesContent":["import { DataTable } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const dataFilterPopoverProps = buildProps({\r\n dataTable: { type: DataTable<any>, required: true },\r\n} as const);\r\n"],"names":[],"mappings":";;AAGO,MAAM,yBAAyB,WAAW;AAAA,EAC/C,WAAW,EAAE,MAAM,WAAgB,UAAU,KAAK;AACpD,CAAU;"}
1	+ {"version":3,"file":"data-filter-popover-options.js","sources":["../../../../../src/components/data-model/data-filter-popover/data-filter-popover-options.ts"],"sourcesContent":["import { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataFilterPopoverProps = buildProps({\n dataTable: { type: DataTable<any>, required: true },\n} as const);\n"],"names":[],"mappings":";;AAGO,MAAM,yBAAyB,WAAW;AAAA,EAC/C,WAAW,EAAE,MAAM,WAAgB,UAAU,KAAK;AACpD,CAAU;"}

package/dist/esm/components/data-model/data-filter-popover/data-filter-popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-filter-popover.js","sources":["../../../../../src/components/data-model/data-filter-popover/data-filter-popover.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElButton, ElPopover } from \"element-plus\";\r\nimport { MKDataFilterForm } from \"../data-filter-form\";\r\nimport { dataFilterPopoverProps } from \"./data-filter-popover-options\";\r\nimport MKSvgIcon from \"../../basic/svg-icon\";\r\n\r\nexport default defineComponent({\r\n name: \"MKDataFilterPopover\",\r\n props: dataFilterPopoverProps,\r\n setup(props, { slots }) {\r\n const dataTable = computed(() => props.dataTable);\r\n const dataFilter = computed(() => unref(dataTable).dataFilter);\r\n\r\n const handleSearch = () => {\r\n unref(dataTable).dataFilter.beforeSearchEvent.emit();\r\n\r\n unref(dataTable).load();\r\n };\r\n\r\n const handleReset = () => {\r\n unref(dataFilter).reset();\r\n\r\n handleSearch();\r\n };\r\n\r\n return () => {\r\n return (\r\n <ElPopover\r\n trigger=\"click\"\r\n width=\"400px\"\r\n v-slots={{\r\n reference: () =>\r\n slots.default?.() \|\| <MKSvgIcon iconClass=\"Filter\" />,\r\n default: () => {\r\n return (\r\n <div class=\"mk-data-filter-popover\">\r\n <div class=\"mk-data-filter-popover__body\">\r\n <MKDataFilterForm dataTable={unref(dataTable)} />\r\n </div>\r\n <div class=\"mk-data-filter-popover__footer\">\r\n <ElButton onClick={handleReset}>重置</ElButton>\r\n <ElButton type=\"primary\" onClick={handleSearch}>\r\n 查询\r\n </ElButton>\r\n </div>\r\n </div>\r\n );\r\n },\r\n }}\r\n />\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["defineComponent","name","props","dataFilterPopoverProps","setup","slots","dataTable","computed","dataFilter","unref","handleSearch","beforeSearchEvent","emit","load","handleReset","reset","_createVNode","ElPopover","reference","default","MKSvgIcon","MKDataFilterForm","ElButton","_createTextVNode"],"mappings":";;;;;AAMA,MAAeA,oDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,YAAYC,SAAS,MAAML,MAAMI,SAAS;AAChD,UAAME,aAAaD,SAAS,MAAME,MAAMH,SAAS,EAAEE,UAAU;AAE7D,UAAME,eAAeA,MAAM;AACzBD,YAAMH,SAAS,EAAEE,WAAWG,kBAAkBC,KAAI;AAElDH,YAAMH,SAAS,EAAEO;;AAGnB,UAAMC,cAAcA,MAAM;AACxBL,YAAMD,UAAU,EAAEO;AAElBL;;AAGF,WAAO,MAAM;AACX,aAAAM,YAAAC,WAAA;AAAA,QAAA,WAAA;AAAA,QAAA,SAAA;AAAA,SAIa;AAAA,QACPC,WAAWA,MAAAA;;AACTb,8BAAMc,YAANd,mCAAiBW,YAAAI,WAAA;AAAA,YAAA,aAAA;AAAA,UAAoC,GAAA,IAAA;AAAA;AAAA,QACvDD,SAASA,MAAM;AACb,iBAAAH,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,UAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,YAAAK,kBAAA;AAAA,YAAA,aAGmCZ,MAAMH,SAAS;AAAA,UAAC,GAAA,IAAA,CAAA,CAAA,GAAAU,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,YAAAM,UAAA;AAAA,YAAA,WAG1BR;AAAAA,UAAW,GAAA;AAAA,YAAAK,SAAAA,MAAA,CAAAI,gBAAA,IAAA,CAAA;AAAA,WAAAP,GAAAA,YAAAM,UAAA;AAAA,YAAA,QAAA;AAAA,YAAA,WACIZ;AAAAA,UAAY,GAAA;AAAA,YAAAS,SAAAA,MAAA,CAAAI,gBAAA,IAAA,CAAA;AAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAMtD;AAAA,OACD;AAAA;EAIT;AACF,CAAC;"}
1	+ {"version":3,"file":"data-filter-popover.js","sources":["../../../../../src/components/data-model/data-filter-popover/data-filter-popover.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElButton, ElPopover } from \"element-plus\";\nimport { MKDataFilterForm } from \"../data-filter-form\";\nimport { dataFilterPopoverProps } from \"./data-filter-popover-options\";\nimport MKSvgIcon from \"../../basic/svg-icon\";\n\nexport default defineComponent({\n name: \"MKDataFilterPopover\",\n props: dataFilterPopoverProps,\n setup(props, { slots }) {\n const dataTable = computed(() => props.dataTable);\n const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n const handleSearch = () => {\n unref(dataTable).dataFilter.beforeSearchEvent.emit();\n\n unref(dataTable).load();\n };\n\n const handleReset = () => {\n unref(dataFilter).reset();\n\n handleSearch();\n };\n\n return () => {\n return (\n <ElPopover\n trigger=\"click\"\n width=\"400px\"\n v-slots={{\n reference: () =>\n slots.default?.() \|\| <MKSvgIcon iconClass=\"Filter\" />,\n default: () => {\n return (\n <div class=\"mk-data-filter-popover\">\n <div class=\"mk-data-filter-popover__body\">\n <MKDataFilterForm dataTable={unref(dataTable)} />\n </div>\n <div class=\"mk-data-filter-popover__footer\">\n <ElButton onClick={handleReset}>重置</ElButton>\n <ElButton type=\"primary\" onClick={handleSearch}>\n 查询\n </ElButton>\n </div>\n </div>\n );\n },\n }}\n />\n );\n };\n },\n});\n"],"names":["defineComponent","name","props","dataFilterPopoverProps","setup","slots","dataTable","computed","dataFilter","unref","handleSearch","beforeSearchEvent","emit","load","handleReset","reset","_createVNode","ElPopover","reference","default","MKSvgIcon","MKDataFilterForm","ElButton","_createTextVNode"],"mappings":";;;;;AAMA,MAAeA,oDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,YAAYC,SAAS,MAAML,MAAMI,SAAS;AAChD,UAAME,aAAaD,SAAS,MAAME,MAAMH,SAAS,EAAEE,UAAU;AAE7D,UAAME,eAAeA,MAAM;AACzBD,YAAMH,SAAS,EAAEE,WAAWG,kBAAkBC,KAAI;AAElDH,YAAMH,SAAS,EAAEO;;AAGnB,UAAMC,cAAcA,MAAM;AACxBL,YAAMD,UAAU,EAAEO;AAElBL;;AAGF,WAAO,MAAM;AACX,aAAAM,YAAAC,WAAA;AAAA,QAAA,WAAA;AAAA,QAAA,SAAA;AAAA,SAIa;AAAA,QACPC,WAAWA,MAAAA;;AACTb,8BAAMc,YAANd,mCAAiBW,YAAAI,WAAA;AAAA,YAAA,aAAA;AAAA,UAAoC,GAAA,IAAA;AAAA;AAAA,QACvDD,SAASA,MAAM;AACb,iBAAAH,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,UAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,YAAAK,kBAAA;AAAA,YAAA,aAGmCZ,MAAMH,SAAS;AAAA,UAAC,GAAA,IAAA,CAAA,CAAA,GAAAU,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,YAAAM,UAAA;AAAA,YAAA,WAG1BR;AAAAA,UAAW,GAAA;AAAA,YAAAK,SAAAA,MAAA,CAAAI,gBAAA,IAAA,CAAA;AAAA,WAAAP,GAAAA,YAAAM,UAAA;AAAA,YAAA,QAAA;AAAA,YAAA,WACIZ;AAAAA,UAAY,GAAA;AAAA,YAAAS,SAAAA,MAAA,CAAAI,gBAAA,IAAA,CAAA;AAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAMtD;AAAA,OACD;AAAA;EAIT;AACF,CAAC;"}

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"data-form.js","sources":["../../../../../src/components/data-model/data-form/data-form.tsx"],"sourcesContent":["import {\r\n computed,\r\n defineComponent,\r\n provide,\r\n reactive,\r\n ref,\r\n Ref,\r\n unref,\r\n watch,\r\n} from \"vue\";\r\nimport { FormColumn, DataForm } from \"@maketribe/dm\";\r\n\r\nimport { dataFormEmits, dataFormProps } from \"./data-form-options\";\r\nimport { DATA_FORM_CONTEXT_KEY } from \"./token\";\r\nimport { Disposable, Event } from \"@maketribe/utils\";\r\nimport { MKFormView } from \"./views\";\r\n\r\nexport default defineComponent({\r\n name: \"MKDataForm\",\r\n props: dataFormProps,\r\n emits: dataFormEmits,\r\n setup(props, { emit, slots }) {\r\n let _dataForm: DataForm \| null = null;\r\n\r\n const dataFormEl: Ref<HTMLElement \| null> = ref(null);\r\n\r\n const createDataForm = () => {\r\n const dataForm = new DataForm({\r\n name: props.name!,\r\n primaryKey: props.primaryKey,\r\n interfaceURL: {\r\n load: props.loadInterfaceURL \|\| \"\",\r\n add: props.addInterfaceURL \|\| \"\",\r\n update: props.updateInterfaceURL \|\| props.addInterfaceURL \|\| \"\",\r\n },\r\n });\r\n\r\n const columns = props.columns.map((column) => new FormColumn(column));\r\n\r\n dataForm.setColumns(columns);\r\n\r\n return dataForm;\r\n };\r\n\r\n const dataForm = computed(() => {\r\n if (props.dataForm instanceof DataForm) {\r\n return props.dataForm;\r\n }\r\n\r\n if (!_dataForm) {\r\n _dataForm = reactive(createDataForm()) as DataForm;\r\n }\r\n\r\n return _dataForm;\r\n });\r\n\r\n const loading = computed(() => unref(dataForm).loading);\r\n\r\n watch(\r\n dataForm,\r\n async (dataForm, _, onCleanup) => {\r\n await dataForm.init();\r\n\r\n if (unref(dataForm).autoReset) {\r\n unref(dataForm).reset();\r\n }\r\n\r\n const disposable = new Disposable();\r\n\r\n const events = Object.keys(dataForm)\r\n .filter((key) => dataForm[key as keyof DataForm] instanceof Event)\r\n .map((key) => ({\r\n eventName: key\r\n .replace(/Event$/, \"\")\r\n .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),\r\n event: dataForm[key as keyof DataForm]! as Event,\r\n }));\r\n\r\n for (const item of events.filter(\r\n (event) => event.eventName in dataFormEmits\r\n )) {\r\n disposable.register(\r\n // @ts-ignore\r\n item.event.on((event: any) => {\r\n // @ts-ignore\r\n emit(item.eventName, event);\r\n })\r\n );\r\n }\r\n\r\n onCleanup(() => {\r\n disposable.dispose();\r\n });\r\n\r\n emit(\"changeDataForm\", dataForm);\r\n },\r\n { immediate: true }\r\n );\r\n\r\n provide(DATA_FORM_CONTEXT_KEY, reactive({ dataForm, el: dataFormEl }));\r\n\r\n return () => {\r\n return (\r\n <div\r\n class=\"mk-data-form\"\r\n v-loading={unref(loading)}\r\n ref={(el: any) => {\r\n dataFormEl.value = el;\r\n }}\r\n >\r\n {slots.default?.({ ...props, dataForm: unref(dataForm) }) \|\| (\r\n <MKFormView {...props} dataForm={unref(dataForm)} v-slots={slots} />\r\n )}\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["defineComponent","name","props","dataFormProps","emits","dataFormEmits","setup","emit","slots","_dataForm","dataFormEl","ref","createDataForm","dataForm","DataForm","primaryKey","interfaceURL","load","loadInterfaceURL","add","addInterfaceURL","update","updateInterfaceURL","columns","map","column","FormColumn","setColumns","computed","reactive","loading","unref","watch","_","onCleanup","init","autoReset","reset","disposable","Disposable","events","Object","keys","filter","key","Event","eventName","replace","match","toLocaleLowerCase","event","item","register","on","dispose","immediate","provide","DATA_FORM_CONTEXT_KEY","el","_withDirectives","_createVNode","value","default","MKFormView","_mergeProps","_resolveDirective"],"mappings":";;;;;;;AAiBA,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,IAAMC;AAAAA,EAAM,GAAG;AAC5B,QAAIC,YAA6B;AAEjC,UAAMC,aAAsCC,IAAI,IAAI;AAEpD,UAAMC,iBAAiBA,MAAM;AAC3B,YAAMC,YAAW,IAAIC,WAAS;AAAA,QAC5Bb,MAAMC,MAAMD;AAAAA,QACZc,YAAYb,MAAMa;AAAAA,QAClBC,cAAc;AAAA,UACZC,MAAMf,MAAMgB,oBAAoB;AAAA,UAChCC,KAAKjB,MAAMkB,mBAAmB;AAAA,UAC9BC,QAAQnB,MAAMoB,sBAAsBpB,MAAMkB,mBAAmB;AAAA,QAC/D;AAAA,MACF,CAAC;AAED,YAAMG,UAAUrB,MAAMqB,QAAQC,IAAKC,YAAW,IAAIC,WAAWD,MAAM,CAAC;AAEpEZ,MAAAA,UAASc,WAAWJ,OAAO;AAE3B,aAAOV;AAAAA;AAGT,UAAMA,WAAWe,SAAS,MAAM;AAC9B,UAAI1B,MAAMW,oBAAoBC,YAAU;AACtC,eAAOZ,MAAMW;AAAAA,MACf;AAEA,UAAI,CAACJ,WAAW;AACdA,oBAAYoB,SAASjB,eAAc,CAAE;AAAA,MACvC;AAEA,aAAOH;AAAAA,IACT,CAAC;AAED,UAAMqB,UAAUF,SAAS,MAAMG,MAAMlB,QAAQ,EAAEiB,OAAO;AAEtDE,UACEnB,UACA,OAAOA,WAAUoB,GAAGC,cAAc;AAChC,YAAMrB,UAASsB;AAEf,UAAIJ,MAAMlB,SAAQ,EAAEuB,WAAW;AAC7BL,cAAMlB,SAAQ,EAAEwB;MAClB;AAEA,YAAMC,aAAa,IAAIC;AAEvB,YAAMC,SAASC,OAAOC,KAAK7B,SAAQ,EAChC8B,OAAQC,SAAQ/B,UAAS+B,GAAG,aAA+BC,KAAK,EAChErB,IAAKoB,UAAS;AAAA,QACbE,WAAWF,IACRG,QAAQ,UAAU,EAAE,EACpBA,QAAQ,UAAWC,WAAU,IAAIA,MAAMC,kBAAiB,CAAE,EAAE;AAAA,QAC/DC,OAAOrC,UAAS+B,GAAG;AAAA,MACpB,EAAC;AAEJ,iBAAWO,QAAQX,OAAOG,OACvBO,WAAUA,MAAMJ,aAAazC,aAChC,GAAG;AACDiC,mBAAWc;AAAAA;AAAAA,UAETD,KAAKD,MAAMG,GAAIH,WAAe;AAE5B3C,iBAAK4C,KAAKL,WAAWI,KAAK;AAAA,UAC3B,CAAA;AAAA,QACH;AAAA,MACF;AAEAhB,gBAAU,MAAM;AACdI,mBAAWgB,QAAO;AAAA,MACpB,CAAC;AAED/C,WAAK,kBAAkBM,SAAQ;AAAA,IACjC,GACA;AAAA,MAAE0C,WAAW;AAAA,IAAK,CACpB;AAEAC,YAAQC,uBAAuB5B,SAAS;AAAA,MAAEhB;AAAAA,MAAU6C,IAAIhD;AAAAA,IAAY,CAAA,CAAC;AAErE,WAAO,MAAM;;AACX,aAAAiD,eAAAC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,OAIUF,QAAY;AAChBhD,qBAAWmD,QAAQH;AAAAA,QACrB;AAAA,SAEClD,GAAAA,WAAMsD,YAANtD,+BAAgB;AAAA,QAAE,GAAGN;AAAAA,QAAOW,UAAUkB,MAAMlB,QAAQ;AAAA,MAAG,OAAC+C,YAAAG,YAAAC,WACvC9D,OAAK;AAAA,QAAA,YAAY6B,MAAMlB,QAAQ;AAAA,MAAYL,CAAAA,GAAAA,KAAK,CACjE,CAAAyD,GAAAA,CAAAA,CAAAA,6BAPUlC,MAAMD,OAAO,CAAC,CAAA,CAAA;AAAA;EAWjC;AACF,CAAC;"}
1	+ {"version":3,"file":"data-form.js","sources":["../../../../../src/components/data-model/data-form/data-form.tsx"],"sourcesContent":["import {\n computed,\n defineComponent,\n provide,\n reactive,\n ref,\n Ref,\n unref,\n watch,\n} from \"vue\";\nimport { FormColumn, DataForm } from \"@maketribe/dm\";\n\nimport { dataFormEmits, dataFormProps } from \"./data-form-options\";\nimport { DATA_FORM_CONTEXT_KEY } from \"./token\";\nimport { Disposable, Event } from \"@maketribe/utils\";\nimport { MKFormView } from \"./views\";\n\nexport default defineComponent({\n name: \"MKDataForm\",\n props: dataFormProps,\n emits: dataFormEmits,\n setup(props, { emit, slots }) {\n let _dataForm: DataForm \| null = null;\n\n const dataFormEl: Ref<HTMLElement \| null> = ref(null);\n\n const createDataForm = () => {\n const dataForm = new DataForm({\n name: props.name!,\n primaryKey: props.primaryKey,\n interfaceURL: {\n load: props.loadInterfaceURL \|\| \"\",\n add: props.addInterfaceURL \|\| \"\",\n update: props.updateInterfaceURL \|\| props.addInterfaceURL \|\| \"\",\n },\n });\n\n const columns = props.columns.map((column) => new FormColumn(column));\n\n dataForm.setColumns(columns);\n\n return dataForm;\n };\n\n const dataForm = computed(() => {\n if (props.dataForm instanceof DataForm) {\n return props.dataForm;\n }\n\n if (!_dataForm) {\n _dataForm = reactive(createDataForm()) as DataForm;\n }\n\n return _dataForm;\n });\n\n const loading = computed(() => unref(dataForm).loading);\n\n watch(\n dataForm,\n async (dataForm, _, onCleanup) => {\n await dataForm.init();\n\n if (unref(dataForm).autoReset) {\n unref(dataForm).reset();\n }\n\n const disposable = new Disposable();\n\n const events = Object.keys(dataForm)\n .filter((key) => dataForm[key as keyof DataForm] instanceof Event)\n .map((key) => ({\n eventName: key\n .replace(/Event$/, \"\")\n .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),\n event: dataForm[key as keyof DataForm]! as Event,\n }));\n\n for (const item of events.filter(\n (event) => event.eventName in dataFormEmits\n )) {\n disposable.register(\n // @ts-ignore\n item.event.on((event: any) => {\n // @ts-ignore\n emit(item.eventName, event);\n })\n );\n }\n\n onCleanup(() => {\n disposable.dispose();\n });\n\n emit(\"changeDataForm\", dataForm);\n },\n { immediate: true }\n );\n\n provide(DATA_FORM_CONTEXT_KEY, reactive({ dataForm, el: dataFormEl }));\n\n return () => {\n return (\n <div\n class=\"mk-data-form\"\n v-loading={unref(loading)}\n ref={(el: any) => {\n dataFormEl.value = el;\n }}\n >\n {slots.default?.({ ...props, dataForm: unref(dataForm) }) \|\| (\n <MKFormView {...props} dataForm={unref(dataForm)} v-slots={slots} />\n )}\n </div>\n );\n };\n },\n});\n"],"names":["defineComponent","name","props","dataFormProps","emits","dataFormEmits","setup","emit","slots","_dataForm","dataFormEl","ref","createDataForm","dataForm","DataForm","primaryKey","interfaceURL","load","loadInterfaceURL","add","addInterfaceURL","update","updateInterfaceURL","columns","map","column","FormColumn","setColumns","computed","reactive","loading","unref","watch","_","onCleanup","init","autoReset","reset","disposable","Disposable","events","Object","keys","filter","key","Event","eventName","replace","match","toLocaleLowerCase","event","item","register","on","dispose","immediate","provide","DATA_FORM_CONTEXT_KEY","el","_withDirectives","_createVNode","value","default","MKFormView","_mergeProps","_resolveDirective"],"mappings":";;;;;;;AAiBA,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,IAAMC;AAAAA,EAAM,GAAG;AAC5B,QAAIC,YAA6B;AAEjC,UAAMC,aAAsCC,IAAI,IAAI;AAEpD,UAAMC,iBAAiBA,MAAM;AAC3B,YAAMC,YAAW,IAAIC,WAAS;AAAA,QAC5Bb,MAAMC,MAAMD;AAAAA,QACZc,YAAYb,MAAMa;AAAAA,QAClBC,cAAc;AAAA,UACZC,MAAMf,MAAMgB,oBAAoB;AAAA,UAChCC,KAAKjB,MAAMkB,mBAAmB;AAAA,UAC9BC,QAAQnB,MAAMoB,sBAAsBpB,MAAMkB,mBAAmB;AAAA,QAC/D;AAAA,MACF,CAAC;AAED,YAAMG,UAAUrB,MAAMqB,QAAQC,IAAKC,YAAW,IAAIC,WAAWD,MAAM,CAAC;AAEpEZ,MAAAA,UAASc,WAAWJ,OAAO;AAE3B,aAAOV;AAAAA;AAGT,UAAMA,WAAWe,SAAS,MAAM;AAC9B,UAAI1B,MAAMW,oBAAoBC,YAAU;AACtC,eAAOZ,MAAMW;AAAAA,MACf;AAEA,UAAI,CAACJ,WAAW;AACdA,oBAAYoB,SAASjB,eAAc,CAAE;AAAA,MACvC;AAEA,aAAOH;AAAAA,IACT,CAAC;AAED,UAAMqB,UAAUF,SAAS,MAAMG,MAAMlB,QAAQ,EAAEiB,OAAO;AAEtDE,UACEnB,UACA,OAAOA,WAAUoB,GAAGC,cAAc;AAChC,YAAMrB,UAASsB;AAEf,UAAIJ,MAAMlB,SAAQ,EAAEuB,WAAW;AAC7BL,cAAMlB,SAAQ,EAAEwB;MAClB;AAEA,YAAMC,aAAa,IAAIC;AAEvB,YAAMC,SAASC,OAAOC,KAAK7B,SAAQ,EAChC8B,OAAQC,SAAQ/B,UAAS+B,GAAG,aAA+BC,KAAK,EAChErB,IAAKoB,UAAS;AAAA,QACbE,WAAWF,IACRG,QAAQ,UAAU,EAAE,EACpBA,QAAQ,UAAWC,WAAU,IAAIA,MAAMC,kBAAiB,CAAE,EAAE;AAAA,QAC/DC,OAAOrC,UAAS+B,GAAG;AAAA,MACpB,EAAC;AAEJ,iBAAWO,QAAQX,OAAOG,OACvBO,WAAUA,MAAMJ,aAAazC,aAChC,GAAG;AACDiC,mBAAWc;AAAAA;AAAAA,UAETD,KAAKD,MAAMG,GAAIH,WAAe;AAE5B3C,iBAAK4C,KAAKL,WAAWI,KAAK;AAAA,UAC3B,CAAA;AAAA,QACH;AAAA,MACF;AAEAhB,gBAAU,MAAM;AACdI,mBAAWgB,QAAO;AAAA,MACpB,CAAC;AAED/C,WAAK,kBAAkBM,SAAQ;AAAA,IACjC,GACA;AAAA,MAAE0C,WAAW;AAAA,IAAK,CACpB;AAEAC,YAAQC,uBAAuB5B,SAAS;AAAA,MAAEhB;AAAAA,MAAU6C,IAAIhD;AAAAA,IAAY,CAAA,CAAC;AAErE,WAAO,MAAM;;AACX,aAAAiD,eAAAC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,OAIUF,QAAY;AAChBhD,qBAAWmD,QAAQH;AAAAA,QACrB;AAAA,SAEClD,GAAAA,WAAMsD,YAANtD,+BAAgB;AAAA,QAAE,GAAGN;AAAAA,QAAOW,UAAUkB,MAAMlB,QAAQ;AAAA,MAAG,OAAC+C,YAAAG,YAAAC,WACvC9D,OAAK;AAAA,QAAA,YAAY6B,MAAMlB,QAAQ;AAAA,MAAYL,CAAAA,GAAAA,KAAK,CACjE,CAAAyD,GAAAA,CAAAA,CAAAA,6BAPUlC,MAAMD,OAAO,CAAC,CAAA,CAAA;AAAA;EAWjC;AACF,CAAC;"}

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

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

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

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

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

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

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

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