@maketribe/ms-app 3.0.13 → 3.0.15

package/dist/cjs/page/signup/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/signup/index.vue"],"sourcesContent":["<template>\n  <div class=\"login-wrap\">\n    <div class=\"login-bg\">\n      <div class=\"login-bg-block\"></div>\n      <div class=\"login-bg-block\"></div>\n    </div>\n    <div class=\"login-root\">\n      <div class=\"login-main\">\n        <div class=\"form-container\">\n          <div class=\"form-wrap\">\n            <div class=\"form-title\" v-if=\"!forgotPassword\">\n              账号注册\n              <span class=\"notify\">\n                已有账号？<ElButton\n                  link\n                  class=\"operaBtn\"\n                  @click=\"router.push('/login')\"\n                >\n                  返回登录\n                </ElButton>\n              </span>\n            </div>\n            <div class=\"form-title\" v-else>账号重置</div>\n            <ElForm\n              :model=\"signFormData\"\n              :rules=\"rules\"\n              size=\"large\"\n              ref=\"formEl\"\n            >\n              <ElFormItem prop=\"account\">\n                <ElInput v-model=\"signFormData.account\" placeholder=\"帐号\" />\n              </ElFormItem>\n              <ElFormItem prop=\"email\">\n                <ElInput v-model=\"signFormData.email\" placeholder=\"邮箱\" />\n              </ElFormItem>\n              <ElFormItem prop=\"name\">\n                <ElInput v-model=\"signFormData.name\" placeholder=\"姓名\" />\n              </ElFormItem>\n              <ElFormItem prop=\"nickName\">\n                <ElInput v-model=\"signFormData.nickName\" placeholder=\"昵称\" />\n              </ElFormItem>\n              <ElFormItem prop=\"phone\">\n                <ElInput v-model=\"signFormData.phone\" placeholder=\"手机号\" />\n              </ElFormItem>\n\n              <ElFormItem>\n                <ElButton\n                  type=\"primary\"\n                  style=\"width: 100%\"\n                  :loading=\"loading\"\n                  @click=\"verifyHandle\"\n                >\n                  提交申请\n                </ElButton>\n              </ElFormItem>\n            </ElForm>\n            <ElDivider></ElDivider>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <MKVerifyDialog\n    :scene=\"scene\"\n    v-model:visible=\"verifyVisible\"\n    v-if=\"verifyVisible\"\n    @verifySuccessful=\"handleSign\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref, computed, reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { FormRules } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\nimport { useHttpRequest } from \"../../composables\";\nimport { MKVerifyDialog } from \"../../components\";\n\ndefineOptions({\n  mkRoute: {\n    name: \"signup\",\n    path: \"/signup\",\n    meta: {\n      isAuthorization: false,\n    },\n  },\n});\n\nconst formEl: Ref<any> = ref(null);\n\nconst router = useRouter();\n\nconst httpRequest = useHttpRequest()!;\n\nconst loading = ref(false);\n\nconst verifyVisible = ref(false);\n\nconst forgotPassword = ref(false);\nconst scene = computed(() =>\n  forgotPassword.value ? \"ModifyPassword\" : \"Login\"\n);\nconst rules: FormRules = {\n  account: [{ required: true, message: \"账号必填\" }],\n  email: [\n    {\n      required: true,\n      trigger: \"change\",\n      validator: (rule, value, callback) => {\n        if (!value) {\n          callback(new Error(\"邮箱必填\"));\n        } else if (\n          !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/.test(value)\n        ) {\n          callback(new Error(\"邮箱规则不符\"));\n        } else {\n          callback();\n        }\n      },\n    },\n  ],\n  name: [{ required: true, message: \"姓名必填\" }],\n};\n\nconst verifyHandle = async () => {\n  const result = await formEl.value.validate();\n  if (!result) {\n    return;\n  }\n  verifyVisible.value = true;\n};\n\nconst signFormData = reactive({\n  account: \"\",\n  email: \"\",\n  name: \"\",\n  nickName: \"\",\n  phone: \"\",\n});\n\nconst handleSign = async (v: string) => {\n  const result = await httpRequest.post(\n    \"/api/dv/ms-member/apply/account\",\n    signFormData\n  );\n  if (result.data.code != 200) {\n    Messager.instance.error(result.data.msg || \"注册失败\");\n    return;\n  }\n  verifyVisible.value = false;\n  Messager.instance.success({ message: \"注册成功,请联系管理员通过验证\" });\n};\n\n// 记住登陆状态\nconst rememberLoginState = ref(false);\n</script>\n"],"names":["ref","useRouter","useHttpRequest","computed","reactive","Messager"],"mappings":"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"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/signup/index.vue"],"sourcesContent":["<template>\n  <div class=\"login-wrap\">\n    <div class=\"login-bg\">\n      <div class=\"login-bg-block\"></div>\n      <div class=\"login-bg-block\"></div>\n    </div>\n    <div class=\"login-root\">\n      <div class=\"login-main\">\n        <div class=\"form-container\">\n          <div class=\"form-wrap\">\n            <div class=\"form-title\" v-if=\"!forgotPassword\">\n              账号注册\n              <span class=\"notify\">\n                已有账号？<ElButton\n                  link\n                  class=\"operaBtn\"\n                  @click=\"router.push('/login')\"\n                >\n                  返回登录\n                </ElButton>\n              </span>\n            </div>\n            <div class=\"form-title\" v-else>账号重置</div>\n            <ElForm\n              :model=\"signFormData\"\n              :rules=\"rules\"\n              size=\"large\"\n              ref=\"formEl\"\n            >\n              <ElFormItem prop=\"account\">\n                <ElInput v-model=\"signFormData.account\" placeholder=\"帐号\" />\n              </ElFormItem>\n              <ElFormItem prop=\"email\">\n                <ElInput v-model=\"signFormData.email\" placeholder=\"邮箱\" />\n              </ElFormItem>\n              <ElFormItem prop=\"name\">\n                <ElInput v-model=\"signFormData.name\" placeholder=\"姓名\" />\n              </ElFormItem>\n              <ElFormItem prop=\"nickName\">\n                <ElInput v-model=\"signFormData.nickName\" placeholder=\"昵称\" />\n              </ElFormItem>\n              <ElFormItem prop=\"phone\">\n                <ElInput v-model=\"signFormData.phone\" placeholder=\"手机号\" />\n              </ElFormItem>\n\n              <ElFormItem>\n                <ElButton\n                  type=\"primary\"\n                  style=\"width: 100%\"\n                  :loading=\"loading\"\n                  @click=\"verifyHandle\"\n                >\n                  提交申请\n                </ElButton>\n              </ElFormItem>\n            </ElForm>\n            <ElDivider></ElDivider>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <MKVerifyDialog\n    :scene=\"scene\"\n    v-model:visible=\"verifyVisible\"\n    v-if=\"verifyVisible\"\n    @verifySuccessful=\"handleSign\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref, computed, reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { FormRules } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\nimport { useHttpRequest } from \"../../composables\";\nimport { MKVerifyDialog } from \"../../components\";\n\ndefineOptions({\n  mkRoute: {\n    name: \"signup\",\n    path: \"/signup\",\n    meta: {\n      isAuthorization: false,\n    },\n  },\n});\n\nconst formEl: Ref<any> = ref(null);\n\nconst router = useRouter();\n\nconst httpRequest = useHttpRequest()!;\n\nconst loading = ref(false);\n\nconst verifyVisible = ref(false);\n\nconst forgotPassword = ref(false);\nconst scene = computed(() =>\n  forgotPassword.value ? \"ModifyPassword\" : \"Login\"\n);\nconst rules: FormRules = {\n  account: [{ required: true, message: \"账号必填\" }],\n  email: [\n    {\n      required: true,\n      trigger: \"change\",\n      validator: (rule, value, callback) => {\n        if (!value) {\n          callback(new Error(\"邮箱必填\"));\n        } else if (\n          !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/.test(value)\n        ) {\n          callback(new Error(\"邮箱规则不符\"));\n        } else {\n          callback();\n        }\n      },\n    },\n  ],\n  name: [{ required: true, message: \"姓名必填\" }],\n};\n\nconst verifyHandle = async () => {\n  const result = await formEl.value.validate();\n  if (!result) {\n    return;\n  }\n  verifyVisible.value = true;\n};\n\nconst signFormData = reactive({\n  account: \"\",\n  email: \"\",\n  name: \"\",\n  nickName: \"\",\n  phone: \"\",\n});\n\nconst handleSign = async (v: string) => {\n  const result = await httpRequest.post(\n    \"/api/dv/ms-member/apply/account\",\n    signFormData\n  );\n  if (result.data.code != 200) {\n    Messager.instance.error(result.data.msg || \"注册失败\");\n    return;\n  }\n  verifyVisible.value = false;\n  Messager.instance.success({ message: \"注册成功,请联系管理员通过验证\" });\n};\n\n// 记住登陆状态\nconst rememberLoginState = ref(false);\n</script>\n"],"names":["ref","useRouter","useHttpRequest","computed","reactive","Messager"],"mappings":"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"}

package/dist/esm/components/column-components/column-date/column-date-options.d.ts

@@ -0,0 +1,25 @@
+import { ExtractPropTypes } from "vue";
+export declare const dateTypes: readonly ["date", "year", "month", "datetime"];
+export declare const columnDateProps: {
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    formatValue: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (value: any) => any, boolean>;
+    row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type ColumnDateProps = ExtractPropTypes<typeof columnDateProps>;

package/dist/esm/components/column-components/column-date/column-date-options.js

@@ -0,0 +1,13 @@
+import { buildProps } from '@maketribe/utils';
+import 'vue';
+import { columnTextProps } from '../column-text/column-text-options.js';
+import '../../data-model/data-table/composables/use-column.js';
+
+const dateTypes = ["date", "year", "month", "datetime"];
+const columnDateProps = buildProps({
+  ...columnTextProps,
+  type: { default: "date", values: dateTypes }
+});
+
+export { columnDateProps, dateTypes };
+//# sourceMappingURL=column-date-options.js.map

package/dist/esm/components/column-components/column-date/column-date-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-date-options.js","sources":["../../../../../src/components/column-components/column-date/column-date-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnTextProps } from \"../column-text\";\n\nexport const dateTypes = [\"date\", \"year\", \"month\", \"datetime\"] as const;\n\nexport const columnDateProps = buildProps({\n  ...columnTextProps,\n  type: { default: \"date\", values: dateTypes },\n});\n\nexport type ColumnDateProps = ExtractPropTypes<typeof columnDateProps>;\n"],"names":[],"mappings":";;;;;AAIO,MAAM,SAAY,GAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,SAAS,UAAU,EAAA;AAEtD,MAAM,kBAAkB,UAAW,CAAA;AAAA,EACxC,GAAG,eAAA;AAAA,EACH,IAAM,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,QAAQ,SAAU,EAAA;AAC7C,CAAC;;;;"}

package/dist/esm/components/column-components/column-date/column-date.d.ts

@@ -0,0 +1,47 @@
+declare const _default: import("vue").DefineComponent<{
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    formatValue: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (value: any) => any, boolean>;
+    row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    formatValue: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (value: any) => any, boolean>;
+    row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    type: import("@maketribe/utils").PropMergeType<unknown, "date" | "year" | "month" | "datetime", unknown>;
+    formatValue: Function;
+}, {}>;
+export default _default;

package/dist/esm/components/column-components/column-date/column-date.js

@@ -0,0 +1,45 @@
+import { defineComponent, computed, createVNode, mergeProps, unref } from 'vue';
+import { dayjs } from 'element-plus';
+import { MKColumnText } from '../column-text/index.js';
+import { columnDateProps } from './column-date-options.js';
+
+var ColumnDate = /* @__PURE__ */ defineComponent({
+  name: "MKColumnDate",
+  props: columnDateProps,
+  setup(props) {
+    const columnTextProps = computed(() => {
+      const {
+        type: type2,
+        ...columnTextProps2
+      } = props;
+      return columnTextProps2;
+    });
+    const type = computed(() => props.type);
+    const formatValue = (value) => {
+      const dayInstance = dayjs(value ?? null);
+      if (!dayInstance.isValid()) {
+        return;
+      }
+      switch (unref(type)) {
+        case "datetime":
+          return dayInstance.format("YYYY-MM-DD HH:mm:ss");
+        case "date":
+          return dayInstance.format("YYYY-MM-DD");
+        case "month":
+          return dayInstance.format("YYYY-MM");
+        case "year":
+          return dayInstance.format("YYYY");
+        default:
+          return props.formatValue(value);
+      }
+    };
+    return () => {
+      return createVNode(MKColumnText, mergeProps(unref(columnTextProps), {
+        "formatValue": formatValue
+      }), null);
+    };
+  }
+});
+
+export { ColumnDate as default };
+//# sourceMappingURL=column-date.js.map

package/dist/esm/components/column-components/column-date/column-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-date.js","sources":["../../../../../src/components/column-components/column-date/column-date.tsx"],"sourcesContent":["import { isFunction } from \"lodash-es\";\nimport { computed, defineComponent, unref } from \"vue\";\nimport { dayjs } from \"element-plus\";\n\nimport { useColumn } from \"../../data-model/data-table/composables\";\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":["name","props","columnDateProps","setup","columnTextProps","computed","type","formatValue","value","dayInstance","dayjs","isValid","unref","format","_createVNode","MKColumnText","_mergeProps"],"mappings":";;;;;AAQA,iCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,cAAA;AAAA,EACNC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAMG,MAAAA,eAAAA,GAAkBC,SAAS,MAAM;AACrC,MAAM,MAAA;AAAA,QAAEC,IAAAA,EAAAA,KAAAA;AAAAA,QAAM,GAAGF,gBAAAA;AAAAA,OAAoBH,GAAAA,KAAAA,CAAAA;AACrC,MAAOG,OAAAA,gBAAAA,CAAAA;AAAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAME,IAAOD,GAAAA,QAAAA,CAAS,MAAMJ,KAAAA,CAAMK,IAAI,CAAA,CAAA;AAEtC,IAAA,MAAMC,cAAeC,CAAkB,KAAA,KAAA;AACrC,MAAMC,MAAAA,WAAAA,GAAcC,KAAMF,CAAAA,KAAAA,IAAS,IAAI,CAAA,CAAA;AAEvC,MAAI,IAAA,CAACC,WAAYE,CAAAA,OAAAA,EAAW,EAAA;AAC1B,QAAA,OAAA;AAAA,OACF;AAEA,MAAQC,QAAAA,KAAAA,CAAMN,IAAI,CAAC;AAAA,QACjB,KAAK,UAAA;AACH,UAAOG,OAAAA,WAAAA,CAAYI,OAAO,qBAAqB,CAAA,CAAA;AAAA,QACjD,KAAK,MAAA;AACH,UAAOJ,OAAAA,WAAAA,CAAYI,OAAO,YAAY,CAAA,CAAA;AAAA,QACxC,KAAK,OAAA;AACH,UAAOJ,OAAAA,WAAAA,CAAYI,OAAO,SAAS,CAAA,CAAA;AAAA,QACrC,KAAK,MAAA;AACH,UAAOJ,OAAAA,WAAAA,CAAYI,OAAO,MAAM,CAAA,CAAA;AAAA,QAClC;AACE,UAAOZ,OAAAA,KAAAA,CAAMM,YAAYC,KAAK,CAAA,CAAA;AAAA,OAClC;AAAA,KACF,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAM,WAAAC,CAAAA,YAAAA,EAAAC,UACoBJ,CAAAA,KAAAA,CAAMR,eAAe,CAAC,EAAA;AAAA,QAAA,aAAeG,EAAAA,WAAAA;AAAAA,OAAW,GAAA,IAAA,CAAA,CAAA;AAAA,KAEtE,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/column-components/column-date/index.d.ts

@@ -0,0 +1,48 @@
+export declare const MKColumnDate: import("vue").DefineComponent<{
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    formatValue: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (value: any) => any, boolean>;
+    row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    formatValue: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (value: any) => any, boolean>;
+    row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    type: import("@maketribe/utils").PropMergeType<unknown, "date" | "year" | "month" | "datetime", unknown>;
+    formatValue: Function;
+}, {}>;
+export default MKColumnDate;
+export * from "./column-date-options";

package/dist/esm/components/column-components/column-date/index.js

@@ -0,0 +1,7 @@
+import ColumnDate from './column-date.js';
+export { columnDateProps, dateTypes } from './column-date-options.js';
+
+const MKColumnDate = ColumnDate;
+
+export { MKColumnDate, MKColumnDate as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/column-components/column-date/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/column-components/column-date/index.ts"],"sourcesContent":["import ColumnDate from \"./column-date\";\n\nexport const MKColumnDate = ColumnDate;\nexport default MKColumnDate;\n\nexport * from \"./column-date-options\";\n"],"names":[],"mappings":";;;AAEO,MAAM,YAAe,GAAA;;;;"}

package/dist/esm/components/column-components/column-switch/column-switch-options.d.ts

@@ -0,0 +1,27 @@
+import { ExtractPropTypes } from "vue";
+export declare const columnSwitchProps: {
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type ColumnSwitchProps = ExtractPropTypes<typeof columnSwitchProps>;
+export declare const columnSwitchEmits: {
+    change: (value: boolean, row: any) => boolean;
+};
+export type ColumnSwitchEmits = typeof columnSwitchEmits;

package/dist/esm/components/column-components/column-switch/column-switch-options.js

@@ -0,0 +1,13 @@
+import { buildProps } from '@maketribe/utils';
+import { columnProps } from '../../data-model/data-table/composables/use-column.js';
+
+const columnSwitchProps = buildProps({
+  ...columnProps,
+  disabled: { type: Boolean, default: true }
+});
+const columnSwitchEmits = {
+  change: (value, row) => true
+};
+
+export { columnSwitchEmits, columnSwitchProps };
+//# sourceMappingURL=column-switch-options.js.map

package/dist/esm/components/column-components/column-switch/column-switch-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-switch-options.js","sources":["../../../../../src/components/column-components/column-switch/column-switch-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../data-model/data-table/composables\";\n\nexport const columnSwitchProps = buildProps({\n  ...columnProps,\n  disabled: { type: Boolean, default: true },\n} as const);\n\nexport type ColumnSwitchProps = ExtractPropTypes<typeof columnSwitchProps>;\n\nexport const columnSwitchEmits = {\n  change: (value: boolean, row: any) => true,\n};\n\nexport type ColumnSwitchEmits = typeof columnSwitchEmits;\n"],"names":[],"mappings":";;;AAIO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,GAAG,WAAA;AAAA,EACH,QAAU,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AAC3C,CAAU,EAAA;AAIH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,MAAA,EAAQ,CAAC,KAAA,EAAgB,GAAa,KAAA,IAAA;AACxC;;;;"}

package/dist/esm/components/column-components/column-switch/column-switch.d.ts

@@ -0,0 +1,48 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: boolean, row: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>> & {
+    onChange?: ((value: boolean, row: any) => any) | undefined;
+}, {
+    readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

package/dist/esm/components/column-components/column-switch/column-switch.js

@@ -0,0 +1,33 @@
+import { defineComponent, computed, createVNode, unref } from 'vue';
+import { ElSwitch } from 'element-plus';
+import { useColumn } from '../../data-model/data-table/composables/use-column.js';
+import { columnSwitchProps, columnSwitchEmits } from './column-switch-options.js';
+
+var ColumnSwitch = /* @__PURE__ */ defineComponent({
+  name: "MKColumnSwitch",
+  props: columnSwitchProps,
+  emits: columnSwitchEmits,
+  setup(props, {
+    emit
+  }) {
+    const {
+      value
+    } = useColumn(props);
+    const disabled = computed(() => props.disabled);
+    const handleChange = (value2) => {
+      emit("change", value2, props.row);
+    };
+    return () => {
+      return createVNode("div", {
+        "class": "mk-column-switch"
+      }, [createVNode(ElSwitch, {
+        "disabled": unref(disabled),
+        "modelValue": unref(value),
+        "onChange": handleChange
+      }, null)]);
+    };
+  }
+});
+
+export { ColumnSwitch as default };
+//# sourceMappingURL=column-switch.js.map

package/dist/esm/components/column-components/column-switch/column-switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-switch.js","sources":["../../../../../src/components/column-components/column-switch/column-switch.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElSwitch } from \"element-plus\";\n\nimport { useColumn } from \"../../data-model/data-table/composables\";\nimport { columnSwitchEmits, columnSwitchProps } from \"./column-switch-options\";\n\nexport default defineComponent({\n  name: \"MKColumnSwitch\",\n  props: columnSwitchProps,\n  emits: columnSwitchEmits,\n  setup(props, { emit }) {\n    const { value } = useColumn(props);\n\n    const disabled = computed(() => props.disabled);\n\n    const handleChange = (value: boolean) => {\n      emit(\"change\", value, props.row);\n    };\n\n    return () => {\n      return (\n        <div class=\"mk-column-switch\">\n          <ElSwitch\n            disabled={unref(disabled)}\n            modelValue={unref(value)}\n            onChange={handleChange as any}\n          />\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","columnSwitchProps","emits","columnSwitchEmits","setup","emit","value","useColumn","disabled","computed","handleChange","row","_createVNode","ElSwitch","unref"],"mappings":";;;;;AAMA,mCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,gBAAA;AAAA,EACNC,KAAOC,EAAAA,iBAAAA;AAAAA,EACPC,KAAOC,EAAAA,iBAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAM,MAAA;AAAA,MAAEC,KAAAA;AAAAA,KAAM,GAAIC,UAAUP,KAAK,CAAA,CAAA;AAEjC,IAAA,MAAMQ,QAAWC,GAAAA,QAAAA,CAAS,MAAMT,KAAAA,CAAMQ,QAAQ,CAAA,CAAA;AAE9C,IAAME,MAAAA,YAAAA,GAAgBJ,CAAAA,MAAmB,KAAA;AACvCD,MAAK,IAAA,CAAA,QAAA,EAAUC,MAAON,EAAAA,KAAAA,CAAMW,GAAG,CAAA,CAAA;AAAA,KACjC,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,kBAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAA,CAAAC,QAAA,EAAA;AAAA,QAAA,UAAA,EAGgBC,MAAMN,QAAQ,CAAA;AAAA,QAAC,YAAA,EACbM,MAAMR,KAAK,CAAA;AAAA,QAAC,UACdI,EAAAA,YAAAA;AAAAA,OAAY,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAI9B,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/column-components/column-switch/index.d.ts

@@ -0,0 +1,49 @@
+export declare const MKColumnSwitch: import("vue").DefineComponent<{
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: boolean, row: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>> & {
+    onChange?: ((value: boolean, row: any) => any) | undefined;
+}, {
+    readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default MKColumnSwitch;
+export * from "./column-switch-options";

package/dist/esm/components/column-components/column-switch/index.js

@@ -0,0 +1,7 @@
+import ColumnSwitch from './column-switch.js';
+export { columnSwitchEmits, columnSwitchProps } from './column-switch-options.js';
+
+const MKColumnSwitch = ColumnSwitch;
+
+export { MKColumnSwitch, MKColumnSwitch as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/column-components/column-switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/column-components/column-switch/index.ts"],"sourcesContent":["import ColumnSwitch from \"./column-switch\";\n\nexport const MKColumnSwitch = ColumnSwitch;\nexport default MKColumnSwitch;\n\nexport * from \"./column-switch-options\";\n"],"names":[],"mappings":";;;AAEO,MAAM,cAAiB,GAAA;;;;"}

package/dist/esm/components/column-components/column-tag/column-tag-options.d.ts

@@ -0,0 +1,72 @@
+import { ExtractPropTypes } from "vue";
+export declare const columnTagProps: {
+    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
+    readonly effect: import("@maketribe/utils").PropFinalized<unknown, "dark" | "light", unknown, "light", boolean>;
+    readonly color: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly hit: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly round: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly options: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        (...items: {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[]): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        new (arrayLength: number): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        new (...items: {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[]): {
+            label: string;
+            value: any;
+            color: string;
+            type: "" | "success" | "warning" | "info" | "danger";
+        }[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+    readonly row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type ColumnTagProps = ExtractPropTypes<typeof columnTagProps>;

package/dist/esm/components/column-components/column-tag/column-tag-options.js

@@ -0,0 +1,37 @@
+import { buildProps } from '@maketribe/utils';
+import { columnProps } from '../../data-model/data-table/composables/use-column.js';
+
+const columnTagProps = buildProps({
+  ...columnProps,
+  type: {
+    default: "",
+    values: ["", "success", "warning", "info", "danger"]
+  },
+  effect: {
+    default: "light",
+    values: ["light", "dark"]
+  },
+  color: {
+    type: String,
+    default: ""
+  },
+  hit: {
+    type: Boolean,
+    default: false
+  },
+  round: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: String,
+    default: ""
+  },
+  options: {
+    type: Array,
+    default: () => []
+  }
+});
+
+export { columnTagProps };
+//# sourceMappingURL=column-tag-options.js.map

package/dist/esm/components/column-components/column-tag/column-tag-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-tag-options.js","sources":["../../../../../src/components/column-components/column-tag/column-tag-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../data-model/data-table/composables\";\n\nexport const columnTagProps = buildProps({\n  ...columnProps,\n  type: {\n    default: \"\",\n    values: [\"\", \"success\", \"warning\", \"info\", \"danger\"],\n  },\n  effect: {\n    default: \"light\",\n    values: [\"light\", \"dark\"],\n  },\n  color: {\n    type: String,\n    default: \"\",\n  },\n  hit: {\n    type: Boolean,\n    default: false,\n  },\n  round: {\n    type: Boolean,\n    default: false,\n  },\n  width: {\n    type: String,\n    default: \"\"\n  },\n  options: {\n    type: Array<{\n      label: string;\n      value: any;\n      color: string;\n      type: \"\" | \"success\" | \"warning\" | \"info\" | \"danger\";\n    }>,\n    default: () => [],\n  },\n} as const);\n\nexport type ColumnTagProps = ExtractPropTypes<typeof columnTagProps>;\n"],"names":[],"mappings":";;;AAIO,MAAM,iBAAiB,UAAW,CAAA;AAAA,EACvC,GAAG,WAAA;AAAA,EACH,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,EAAA;AAAA,IACT,QAAQ,CAAC,EAAA,EAAI,SAAW,EAAA,SAAA,EAAW,QAAQ,QAAQ,CAAA;AAAA,GACrD;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,IACT,MAAA,EAAQ,CAAC,OAAA,EAAS,MAAM,CAAA;AAAA,GAC1B;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IAMN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU;;;;"}