@maketribe/ms-app 3.2.6 → 3.2.8

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

@@ -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 {\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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"}
+{"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":"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"}

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

@@ -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\";\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;"}
+{"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;"}

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

@@ -1,17 +1,13 @@
-import { defineComponent, inject, computed, unref, provide, reactive, onMounted, watch, createVNode, Suspense, Fragment } from "vue";
+import { defineComponent, computed, unref, provide, reactive, onMounted, watch, createVNode, Suspense, Fragment } from "vue";
 import { dataFilterFormProps } from "./data-filter-form-options.js";
 import { MKDataFilterFormItem } from "./data-filter-form-item/index.js";
 import { DATA_FILTER_CONTEXT } from "./token.js";
-import { useRouter } from "vue-router";
-import { DATA_TABLE_CONTEXT_KEY } from "../data-table/token.js";
 const DataFilterForm = /* @__PURE__ */ defineComponent({
   name: "MKDataFilterForm",
   props: dataFilterFormProps,
   setup(props, {
     slots
   }) {
-    useRouter();
-    inject(DATA_TABLE_CONTEXT_KEY);
     const dataTable = computed(() => props.dataTable);
     const dataFilter = computed(() => unref(dataTable).dataFilter);
     const columns = computed(() => unref(dataFilter).getColumns().filter((column) => column.visible));

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

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

@@ -1 +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;"}
+{"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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-filter-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\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;"}
+{"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;"}

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

@@ -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\";\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;"}
+{"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;"}

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

@@ -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\";\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;"}
+{"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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"form-detail-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\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;"}
+{"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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"form-detail.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail.tsx"],"sourcesContent":["import { computed, defineComponent, ref, unref, watch } from \"vue\";\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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"}
+{"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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-form-item.js","sources":["../../../../../../src/components/data-model/data-form/composables/use-form-item.ts"],"sourcesContent":["import { ExtractPropTypes, computed, inject, unref } from \"vue\";\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;"}
+{"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;"}

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

@@ -1,5 +1,5 @@
 import { defineComponent, useSlots, inject, computed, ref, unref, reactive, watch, provide, toRaw, createVNode, mergeProps, isVNode } from "vue";
-import { ElFormItem } from "element-plus";
+import { useFormDisabled, ElFormItem } from "element-plus";
 import { FormColumn } from "@maketribe/dm";
 import { useFormColumnComponent } from "../../../../composables/use-column-component.js";
 import "../../../basic/config-provider/index.js";
@@ -53,7 +53,7 @@ const DataFormItem = /* @__PURE__ */ defineComponent({
       component,
       componentProps
     } = useFormColumnComponent(formColumn, dataForm);
-    const disabled = computed(() => unref(formColumn).disabled);
+    const disabled = useFormDisabled(computed(() => unref(formColumn).disabled));
     const value = computed({
       get: () => {
         var _a;

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

@@ -1 +1 @@
-{"version":3,"file":"data-form-item.js","sources":["../../../../../../src/components/data-model/data-form/data-form-item/data-form-item.tsx"],"sourcesContent":["import { ElFormItem } 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":";;;;;;;;;;;;AAsB6D,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAE7D,MAAeM,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,QAAQC;AAEd,UAAMC,kBAAkBC,OAAOC,qBAAqB;AAEpD,UAAMC,WAAWC,SAAS,OAAMJ,mDAAiBG,aAAY,IAAI;AAEjE,QAAIE,cAAiC;AAErC,UAAMC,kBAAkBC,IACtBC,MAAML,QAAQ,EAAGM,UAAUd,MAAMD,IAAK,CACxC;AAEA,UAAMgB,aAAaN,SAAS,MAAM;AAChC,YAAMO,iBAAiBH,MAAMF,eAAe;AAE5C,UAAIK,gBAAgB;AAClB,eAAOA;AAAAA,MACT;AAEA,UAAI,CAACN,aAAa;AAChBA,sBAAcO,SACZ,IAAIC,WAAW;AAAA,UACbC,UAAUnB,MAAMmB;AAAAA,UAChBpB,MAAMC,MAAMD;AAAAA,UACZqB,OAAOpB,MAAMoB;AAAAA,QACd,CAAA,CACH;AAAA,MACF;AAEA,aAAOV;AAAAA,IACT,CAAC;AAEDW,UACEN,YACA,CAACA,aAAYO,GAAGC,cAAc;AAC5B,YAAMZ,mBAAkBE,MAAML,QAAQ,EAAGM,UAAUC,YAAWhB,IAAI;AAElE,UAAI,CAACY,oBAAmBD,aAAa;AACnCG,cAAML,QAAQ,EAAGgB,UAAUd,WAAW;AAAA,MACxC;AAEAa,gBAAU,MAAM;AACd,YAAIb,aAAa;AACfG,gBAAML,QAAQ,EAAGiB,aAAaf,WAAW;AAAA,QAC3C;AAAA,MACF,CAAC;AAAA,IACH,GACA;AAAA,MAAEgB,WAAW;AAAA,IAAK,CACpB;AAEA,UAAM;AAAA,MAAEC;AAAAA,MAAWC;AAAAA,IAAe,IAAIC,uBACpCd,YACAP,QACF;AAEA,UAAMsB,WAAWrB,SAAS,MAAMI,MAAME,UAAU,EAAEe,QAAQ;AAE1D,UAAMC,QAAQtB,SAAS;AAAA,MACrBuB,KAAKA,MAAMnB;;AAAAA,2BAAME,UAAU,MAAhBF,mBAAmBoB;AAAAA;AAAAA,MAC9BC,KAAMC,OAAM;AACVtB,cAAME,UAAU,EAAEqB,SAASD,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAMf,QAAQX,SAAS,MACrB,OAAOT,MAAMoB,UAAU,WAAWP,MAAME,UAAU,EAAEK,QAAQpB,MAAMoB,KACpE;AAEAiB,YACEC,4BACArB,SAAS;AAAA,MAAEsB,QAAQxB;AAAAA,IAAY,CAAA,CACjC;AAEA,WAAO,MAAM;;AACX,UAAIL,eAAcG,MAAME,UAAU;AAElC,UAAIyB,aAAa3B,MAAMc,SAAS;AAEhC,UAAIc,aACFtC,WAAMuC,YAANvC,+BAAgB;AAAA,QACdwC,MAAM9B,MAAML,QAAQ,EAAGmC;AAAAA,QACvBJ,QAAQ7B;AAAAA,QACRF,UAAUK,MAAML,QAAQ;AAAA,MACzB,OAAK;AAER,UAAI,CAACiC,YAAYD,YAAY;AAC3B,cAAMI,sBAAsBC,MAAML,UAAU;AAE5CC,mBAAQK,YAAAF,qBAAAG,WAEAlC,MAAMe,cAAc,GAAC;AAAA,UAAA,UACjBlB;AAAAA,UAAW,cACPqB,MAAMA;AAAAA,UAAK,YACblB,MAAMiB,QAAQ;AAAA,UAAC,uBACHK,OAAYJ,MAAMA,QAAQI;AAAAA,SAEnD,GAAA,IAAA;AAAA,MACH;AAEA,aAAAW,YAAAE,YAAA;AAAA,QAAA,QAEUtC,aAAYX;AAAAA,QAAI,SACfc,MAAMO,KAAK;AAAA,QAAC,YACTV,aAAYS;AAAAA,QAAQ,cAClBnB,MAAMiD;AAAAA,MAAU,GAAA1D,QAE3BkD,QAAQ,IAARA,WAAQ;AAAA,QAAAC,SAAAA,MAAA,CAARD,QAAQ;AAAA,MAAA,CAAA;AAAA;EAIjB;AACF,CAAC;"}
+{"version":3,"file":"data-form-item.js","sources":["../../../../../../src/components/data-model/data-form/data-form-item/data-form-item.tsx"],"sourcesContent":["import { ElFormItem, useFormDisabled } from \"element-plus\";\r\nimport {\r\n  Ref,\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  provide,\r\n  reactive,\r\n  ref,\r\n  toRaw,\r\n  unref,\r\n  useSlots,\r\n  watch,\r\n} from \"vue\";\r\nimport { FormColumn } from \"@maketribe/dm\";\r\n\r\nimport { useFormColumnComponent } from \"../../../../composables\";\r\nimport {\r\n  DATA_FORM_CONTEXT_KEY,\r\n  DATA_FORM_ITEM_CONTEXT_KEY,\r\n  DataFormItemContext,\r\n} from \"../token\";\r\nimport { dataFormItemProps } from \"./data-form-item-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataFormItem\",\r\n  props: dataFormItemProps,\r\n  setup(props) {\r\n    const slots = useSlots();\r\n\r\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\r\n\r\n    const dataForm = computed(() => dataFormContext?.dataForm ?? null);\r\n\r\n    let _formColumn: FormColumn | null = null;\r\n\r\n    const existFormColumn = ref(\r\n      unref(dataForm)!.getColumn(props.name!)\r\n    ) as Ref<FormColumn | null>;\r\n\r\n    const formColumn = computed(() => {\r\n      const existingColumn = unref(existFormColumn);\r\n\r\n      if (existingColumn) {\r\n        return existingColumn;\r\n      }\r\n\r\n      if (!_formColumn) {\r\n        _formColumn = reactive(\r\n          new FormColumn({\r\n            required: props.required,\r\n            name: props.name!,\r\n            label: props.label!,\r\n          })\r\n        ) as FormColumn;\r\n      }\r\n\r\n      return _formColumn!;\r\n    });\r\n\r\n    watch(\r\n      formColumn,\r\n      (formColumn, _, onCleanup) => {\r\n        const existFormColumn = unref(dataForm)!.getColumn(formColumn.name);\r\n\r\n        if (!existFormColumn && _formColumn) {\r\n          unref(dataForm)!.addColumn(_formColumn);\r\n        }\r\n\r\n        onCleanup(() => {\r\n          if (_formColumn) {\r\n            unref(dataForm)!.removeColumn(_formColumn);\r\n          }\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const { component, componentProps } = useFormColumnComponent(\r\n      formColumn,\r\n      dataForm\r\n    );\r\n\r\n    const disabled = useFormDisabled(\r\n      computed(() => unref(formColumn).disabled)\r\n    );\r\n\r\n    const value = computed({\r\n      get: () => unref(formColumn)?.getValue(),\r\n      set: (v) => {\r\n        unref(formColumn).setValue(v);\r\n      },\r\n    });\r\n\r\n    const label = computed(() =>\r\n      typeof props.label !== \"string\" ? unref(formColumn).label : props.label\r\n    );\r\n\r\n    provide(\r\n      DATA_FORM_ITEM_CONTEXT_KEY,\r\n      reactive({ column: formColumn }) as DataFormItemContext\r\n    );\r\n\r\n    return () => {\r\n      let _formColumn = unref(formColumn);\r\n\r\n      let _component = unref(component);\r\n\r\n      let children: any =\r\n        slots.default?.({\r\n          data: unref(dataForm)!.data,\r\n          column: _formColumn,\r\n          dataForm: unref(dataForm),\r\n        }) || null;\r\n\r\n      if (!children && _component) {\r\n        const FormColumnComponent = toRaw(_component);\r\n\r\n        children = (\r\n          <FormColumnComponent\r\n            {...unref(componentProps)}\r\n            column={_formColumn}\r\n            modelValue={value.value}\r\n            disabled={unref(disabled)}\r\n            onUpdate:modelValue={(v: any) => (value.value = v)}\r\n          />\r\n        );\r\n      }\r\n\r\n      return (\r\n        <ElFormItem\r\n          prop={_formColumn.name}\r\n          label={unref(label)}\r\n          required={_formColumn.required}\r\n          labelWidth={props.labelWidth}\r\n        >\r\n          {children}\r\n        </ElFormItem>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataFormItemProps","setup","slots","useSlots","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","dataForm","computed","_formColumn","existFormColumn","ref","unref","getColumn","formColumn","existingColumn","reactive","FormColumn","required","label","watch","_","onCleanup","addColumn","removeColumn","immediate","component","componentProps","useFormColumnComponent","disabled","useFormDisabled","value","get","getValue","set","v","setValue","provide","DATA_FORM_ITEM_CONTEXT_KEY","column","_component","children","default","data","FormColumnComponent","toRaw","_createVNode","_mergeProps","ElFormItem","labelWidth"],"mappings":"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"}

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

@@ -1 +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;"}
+{"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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-form/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\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;"}
+{"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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\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;"}
+{"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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"form-options.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\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;"}
+{"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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form.tsx"],"sourcesContent":["import {\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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"}
+{"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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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"column-json.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-json/column-json.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, ref, unref } from \"vue\";\nimport { ElButton, ElDialog, ElScrollbar } from \"element-plus\";\nimport { useColumn } from \"../../composables\";\nimport { columnJsonProps } from \"./column-json-options\";\nimport { MKJsonEditor } from \"../../../../basic/json-editor\";\n\nexport default defineComponent({\n  name: \"MKColumnJson\",\n  props: columnJsonProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const isShowDialog = ref(false);\n\n    const buttonText = computed(() => props.buttonText);\n\n    const handleClick = () => {\n      isShowDialog.value = true;\n    };\n\n    return () => {\n      return (\n        <Fragment>\n          <ElButton onClick={handleClick}>{unref(buttonText)}</ElButton>\n\n          <ElDialog\n            class=\"mk-column-json__dialog\"\n            appendToBody\n            modelValue={unref(isShowDialog)}\n            onUpdate:modelValue={(v: boolean) => (isShowDialog.value = v)}\n          >\n            <ElScrollbar height=\"100%\">\n              <MKJsonEditor disabled modelValue={unref(value) as string} />\n            </ElScrollbar>\n          </ElDialog>\n        </Fragment>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","columnJsonProps","setup","value","useColumn","isShowDialog","ref","buttonText","computed","handleClick","_slot","_createVNode","_Fragment","ElButton","unref","default","ElDialog","v","ElScrollbar","MKJsonEditor"],"mappings":";;;;;;;;;;;;AAI6D,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAE7D,MAAeM,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,UAAMK,eAAeC,IAAI,KAAK;AAE9B,UAAMC,aAAaC,SAAS,MAAMR,MAAMO,UAAU;AAElD,UAAME,cAAcA,MAAM;AACxBJ,mBAAaF,QAAQ;AAAA;AAGvB,WAAO,MAAM;AAAA,UAAAO;AACX,aAAAC,YAAAC,UAAAD,MAAAA,CAAAA,YAAAE,UAAA;AAAA,QAAA,WAEuBJ;AAAAA,SAAWlB,QAAAmB,QAAGI,MAAMP,UAAU,CAAC,IAAAG,QAAA;AAAA,QAAAK,SAAAA,MAAA,CAAAL,KAAA;AAAA,OAAAC,GAAAA,YAAAK,UAAA;AAAA,QAAA,SAAA;AAAA,QAAA,gBAAA;AAAA,QAAA,cAKpCF,MAAMT,YAAY;AAAA,QAAC,uBACTY,OAAgBZ,aAAaF,QAAQc;AAAAA,MAAE,GAAA;AAAA,QAAAF,SAAAA,MAAAJ,CAAAA,YAAAO,aAAA;AAAA,UAAA,UAAA;AAAA,QAAA,GAAA;AAAA,UAAAH,SAAAA,MAAAJ,CAAAA,YAAAQ,cAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAGxBL,MAAMX,KAAK;AAAA,UAAC,GAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAM3D;AACF,CAAC;"}
+{"version":3,"file":"column-json.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-json/column-json.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, ref, unref } from \"vue\";\r\nimport { ElButton, ElDialog, ElScrollbar } from \"element-plus\";\r\nimport { useColumn } from \"../../composables\";\r\nimport { columnJsonProps } from \"./column-json-options\";\r\nimport { MKJsonEditor } from \"../../../../basic/json-editor\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnJson\",\r\n  props: columnJsonProps,\r\n  setup(props) {\r\n    const { value } = useColumn(props);\r\n\r\n    const isShowDialog = ref(false);\r\n\r\n    const buttonText = computed(() => props.buttonText);\r\n\r\n    const handleClick = () => {\r\n      isShowDialog.value = true;\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <Fragment>\r\n          <ElButton onClick={handleClick}>{unref(buttonText)}</ElButton>\r\n\r\n          <ElDialog\r\n            class=\"mk-column-json__dialog\"\r\n            appendToBody\r\n            modelValue={unref(isShowDialog)}\r\n            onUpdate:modelValue={(v: boolean) => (isShowDialog.value = v)}\r\n          >\r\n            <ElScrollbar height=\"100%\">\r\n              <MKJsonEditor disabled modelValue={unref(value) as string} />\r\n            </ElScrollbar>\r\n          </ElDialog>\r\n        </Fragment>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","columnJsonProps","setup","value","useColumn","isShowDialog","ref","buttonText","computed","handleClick","_slot","_createVNode","_Fragment","ElButton","unref","default","ElDialog","v","ElScrollbar","MKJsonEditor"],"mappings":";;;;;;;;;;;;AAI6D,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAE7D,MAAeM,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,UAAMK,eAAeC,IAAI,KAAK;AAE9B,UAAMC,aAAaC,SAAS,MAAMR,MAAMO,UAAU;AAElD,UAAME,cAAcA,MAAM;AACxBJ,mBAAaF,QAAQ;AAAA;AAGvB,WAAO,MAAM;AAAA,UAAAO;AACX,aAAAC,YAAAC,UAAAD,MAAAA,CAAAA,YAAAE,UAAA;AAAA,QAAA,WAEuBJ;AAAAA,SAAWlB,QAAAmB,QAAGI,MAAMP,UAAU,CAAC,IAAAG,QAAA;AAAA,QAAAK,SAAAA,MAAA,CAAAL,KAAA;AAAA,OAAAC,GAAAA,YAAAK,UAAA;AAAA,QAAA,SAAA;AAAA,QAAA,gBAAA;AAAA,QAAA,cAKpCF,MAAMT,YAAY;AAAA,QAAC,uBACTY,OAAgBZ,aAAaF,QAAQc;AAAAA,MAAE,GAAA;AAAA,QAAAF,SAAAA,MAAAJ,CAAAA,YAAAO,aAAA;AAAA,UAAA,UAAA;AAAA,QAAA,GAAA;AAAA,UAAAH,SAAAA,MAAAJ,CAAAA,YAAAQ,cAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAGxBL,MAAMX,KAAK;AAAA,UAAC,GAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAM3D;AACF,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"column-link-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-link/column-link-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnEventData, columnProps } from \"../../composables\";\n\nexport const columnLinkProps = buildProps({\n  ...columnProps,\n  type: {\n    values: [\n      \"\",\n      \"default\",\n      \"success\",\n      \"warning\",\n      \"info\",\n      \"text\",\n      \"primary\",\n      \"danger\",\n    ],\n    default: \"primary\",\n  },\n  formatValue: {\n    type: Function,\n  },\n} as const);\n\nexport type ColumnLinkProps = ExtractPropTypes<typeof columnLinkProps>;\n\nexport const columnLinkEmits = {\n  click: (data: ColumnEventData) => true,\n};\n\nexport type ColumnLinkEmits = typeof columnLinkEmits;\n"],"names":[],"mappings":";;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,OAAO,CAAC,SAA0B;AACpC;"}
+{"version":3,"file":"column-link-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-link/column-link-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { ColumnEventData, columnProps } from \"../../composables\";\r\n\r\nexport const columnLinkProps = buildProps({\r\n  ...columnProps,\r\n  type: {\r\n    values: [\r\n      \"\",\r\n      \"default\",\r\n      \"success\",\r\n      \"warning\",\r\n      \"info\",\r\n      \"text\",\r\n      \"primary\",\r\n      \"danger\",\r\n    ],\r\n    default: \"primary\",\r\n  },\r\n  formatValue: {\r\n    type: Function,\r\n  },\r\n} as const);\r\n\r\nexport type ColumnLinkProps = ExtractPropTypes<typeof columnLinkProps>;\r\n\r\nexport const columnLinkEmits = {\r\n  click: (data: ColumnEventData) => true,\r\n};\r\n\r\nexport type ColumnLinkEmits = typeof columnLinkEmits;\r\n"],"names":[],"mappings":";;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,OAAO,CAAC,SAA0B;AACpC;"}

package/dist/esm/components/data-model/data-table/components/column-object-mapping-text/column-object-mapping-text-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-object-mapping-text-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-object-mapping-text/column-object-mapping-text-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnObjectMappingTextProps = buildProps({\n  ...columnProps,\n  mapping: { type: Object, required: true },\n} as const);\n\nexport type ColumnObjectMappingTextProps = ExtractPropTypes<\n  typeof columnObjectMappingTextProps\n>;\n"],"names":[],"mappings":";;;;;;;;;;AAIO,MAAM,+BAA+B,WAAW;AAAA,EACrD,GAAG;AAAA,EACH,SAAS,EAAE,MAAM,QAAQ,UAAU,KAAK;AAC1C,CAAU;"}
+{"version":3,"file":"column-object-mapping-text-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-object-mapping-text/column-object-mapping-text-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { columnProps } from \"../../composables\";\r\n\r\nexport const columnObjectMappingTextProps = buildProps({\r\n  ...columnProps,\r\n  mapping: { type: Object, required: true },\r\n} as const);\r\n\r\nexport type ColumnObjectMappingTextProps = ExtractPropTypes<\r\n  typeof columnObjectMappingTextProps\r\n>;\r\n"],"names":[],"mappings":";;;;;;;;;;AAIO,MAAM,+BAA+B,WAAW;AAAA,EACrD,GAAG;AAAA,EACH,SAAS,EAAE,MAAM,QAAQ,UAAU,KAAK;AAC1C,CAAU;"}