@tmagic/tdesign-vue-next-adapter 1.2.0-beta.25

package/dist/tmagic-tdesign-vue-next-adapter.umd.cjs

@@ -0,0 +1,412 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('element-plus'), require('tdesign-vue-next'), require('vue')) :
+  typeof define === 'function' && define.amd ? define(['element-plus', 'tdesign-vue-next', 'vue'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.TMagicTdesignVueNextAdapter = factory(global.elementPlus, global.tdesignVueNext, global.vue));
+})(this, (function (elementPlus, tdesignVueNext, vue) { 'use strict';
+
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+    __name: "DatePicker",
+    props: {
+      type: { default: "date" },
+      modelValue: null,
+      disabled: { type: Boolean },
+      placeholder: null,
+      rangeSeparator: null,
+      startPlaceholder: null,
+      endPlaceholder: null,
+      format: null,
+      valueFormat: null,
+      unlinkPanels: { type: Boolean },
+      defaultTime: null,
+      size: null
+    },
+    emits: ["change", "update:modelValue"],
+    setup(__props, { emit }) {
+      const props = __props;
+      const mode = vue.computed(() => {
+        const map = {
+          datetime: "date",
+          daterange: "date",
+          monthrange: "month",
+          datetimerange: "date"
+        };
+        return map[props.type] || props.type;
+      });
+      const changeHandler = (v) => {
+        emit("change", v);
+      };
+      const updateModelValue = (...args) => {
+        emit("update:modelValue", ...args);
+      };
+      return (_ctx, _cache) => {
+        return __props.type.endsWith("range") ? (vue.openBlock(), vue.createBlock(vue.unref(tdesignVueNext.DateRangePicker), {
+          key: 0,
+          modelValue: __props.modelValue,
+          mode: vue.unref(mode),
+          placeholder: [__props.startPlaceholder || "", __props.endPlaceholder || ""],
+          disabled: __props.disabled,
+          size: __props.size === "default" ? "medium" : __props.size,
+          separator: __props.rangeSeparator,
+          format: __props.format,
+          valueType: __props.valueFormat === "s" ? "time-stamp" : __props.valueFormat,
+          onChange: changeHandler,
+          "onUpdate:modelValue": updateModelValue
+        }, null, 8, ["modelValue", "mode", "placeholder", "disabled", "size", "separator", "format", "valueType"])) : (vue.openBlock(), vue.createBlock(vue.unref(tdesignVueNext.DatePicker), {
+          key: 1,
+          modelValue: __props.modelValue,
+          mode: vue.unref(mode),
+          placeholder: __props.placeholder,
+          disabled: __props.disabled,
+          size: __props.size === "default" ? "medium" : __props.size,
+          format: __props.format,
+          enableTimePicker: __props.type.includes("time"),
+          valueType: __props.valueFormat === "s" ? "time-stamp" : __props.valueFormat,
+          onChange: changeHandler,
+          "onUpdate:modelValue": updateModelValue
+        }, null, 8, ["modelValue", "mode", "placeholder", "disabled", "size", "format", "enableTimePicker", "valueType"]));
+      };
+    }
+  });
+
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    __name: "Input",
+    props: {
+      modelValue: null,
+      clearable: { type: Boolean },
+      disabled: { type: Boolean },
+      placeholder: null,
+      type: null,
+      size: null
+    },
+    emits: ["change", "input", "update:modelValue"],
+    setup(__props, { emit }) {
+      const changeHandler = (...args) => {
+        emit("change", ...args);
+      };
+      const inputHandler = (...args) => {
+        emit("input", ...args);
+      };
+      const updateModelValue = (...args) => {
+        emit("update:modelValue", ...args);
+      };
+      return (_ctx, _cache) => {
+        return __props.type === "textarea" ? (vue.openBlock(), vue.createBlock(vue.unref(tdesignVueNext.Textarea), {
+          key: 0,
+          modelValue: __props.modelValue,
+          size: __props.size === "default" ? "medium" : __props.size,
+          disabled: __props.disabled,
+          placeholder: __props.placeholder,
+          onKeypress: inputHandler,
+          onChange: changeHandler
+        }, null, 8, ["modelValue", "size", "disabled", "placeholder"])) : (vue.openBlock(), vue.createBlock(vue.unref(tdesignVueNext.Input), {
+          key: 1,
+          modelValue: __props.modelValue,
+          size: __props.size === "default" ? "medium" : __props.size,
+          clearable: __props.clearable,
+          disabled: __props.disabled,
+          placeholder: __props.placeholder,
+          onKeypress: inputHandler,
+          onChange: changeHandler,
+          "onUpdate:modelValue": updateModelValue
+        }, null, 8, ["modelValue", "size", "clearable", "disabled", "placeholder"]));
+      };
+    }
+  });
+
+  const adapter = {
+    message: tdesignVueNext.MessagePlugin,
+    messageBox: elementPlus.ElMessageBox,
+    components: {
+      button: {
+        component: tdesignVueNext.Button,
+        props: (props) => ({
+          theme: props.type,
+          size: props.size === "default" ? "medium" : props.size,
+          icon: props.icon,
+          variant: props.text ? "text" : "base"
+        })
+      },
+      card: {
+        component: tdesignVueNext.Card,
+        props: (props) => ({
+          shadow: props.shadow !== "never",
+          hoverShadow: props.shadow === "hover",
+          header: props.header
+        })
+      },
+      cascader: {
+        component: tdesignVueNext.Cascader,
+        props: (props) => ({
+          modelValue: props.modelValue,
+          placeholder: props.placeholder,
+          disabled: props.disabled,
+          clearable: props.clearable,
+          filterable: props.filterable,
+          options: props.options,
+          size: props.size === "default" ? "medium" : props.size,
+          trigger: props.props.expandTrigger,
+          multiple: props.props.multiple,
+          checkStrictly: props.props.checkStrictly,
+          valueType: typeof props.props.emitPath === "undefined" || props.props.emitPath === true ? "full" : "single",
+          lazy: props.props.lazy
+        })
+      },
+      checkbox: {
+        component: tdesignVueNext.Checkbox,
+        props: (props) => ({
+          modelValue: props.modelValue,
+          label: props.label,
+          value: props.value,
+          disabled: props.disabled
+        })
+      },
+      checkboxGroup: {
+        component: tdesignVueNext.CheckboxGroup,
+        props: (props) => ({
+          modelValue: props.modelValue,
+          label: props.label,
+          disabled: props.disabled
+        })
+      },
+      col: {
+        component: tdesignVueNext.Col,
+        props: (props) => ({
+          span: props.span
+        })
+      },
+      collapse: {
+        component: tdesignVueNext.Collapse,
+        props: (props) => ({
+          value: props.modelValue,
+          expandIconPlacement: "right"
+        })
+      },
+      collapseItem: {
+        component: tdesignVueNext.CollapsePanel,
+        props: (props) => ({
+          value: props.name,
+          header: props.title,
+          disabled: props.disabled
+        })
+      },
+      colorPicker: {
+        component: tdesignVueNext.ColorPicker,
+        props: (props) => ({
+          modelValue: props.modelValue,
+          disabled: props.disabled,
+          size: props.size === "default" ? "medium" : props.size,
+          enableAlpha: props.showAlpha,
+          formate: props.showAlpha ? "RGBA" : "RGB"
+        })
+      },
+      datePicker: {
+        component: _sfc_main$1,
+        props: (props) => props
+      },
+      dialog: {
+        component: tdesignVueNext.Dialog,
+        props: (props) => ({
+          visible: props.modelValue,
+          attach: props.appendToBody ? "body" : "",
+          header: props.title,
+          width: props.width,
+          mode: props.fullscreen ? "full-screen" : "modal",
+          closeOnOverlayClick: props.closeOnClickModal
+        })
+      },
+      divider: {
+        component: tdesignVueNext.Divider,
+        props: (props) => ({
+          layout: props.direction,
+          content: props.contentPosition
+        })
+      },
+      dropdown: {
+        component: elementPlus.ElDropdown,
+        props: (props) => props
+      },
+      dropdownItem: {
+        component: elementPlus.ElDropdownItem,
+        props: (props) => props
+      },
+      dropdownMenu: {
+        component: elementPlus.ElDropdownMenu,
+        props: (props) => props
+      },
+      form: {
+        component: tdesignVueNext.Form,
+        props: (props) => ({
+          data: props.model,
+          labelWidth: props.labelWidth,
+          disabled: props.disabled,
+          labelAlign: props.labelPosition,
+          layout: props.inline ? "inline" : "vertical"
+        })
+      },
+      formItem: {
+        component: tdesignVueNext.FormItem,
+        props: (props) => ({
+          labelWidth: props.labelWidth,
+          name: props.prop,
+          rules: props.rules
+        })
+      },
+      icon: {
+        component: elementPlus.ElIcon,
+        props: (props) => props
+      },
+      input: {
+        component: _sfc_main,
+        props: (props) => props
+      },
+      inputNumber: {
+        component: tdesignVueNext.InputNumber,
+        props: (props) => ({
+          modelValue: props.modelValue,
+          align: props.controlsPosition,
+          disabled: props.disabled,
+          placeholder: props.placeholder,
+          step: props.step,
+          min: props.min,
+          max: props.max,
+          size: props.size === "default" ? "medium" : props.size
+        })
+      },
+      option: {
+        component: tdesignVueNext.Option,
+        props: (props) => ({
+          value: props.value,
+          label: props.label,
+          disabled: props.disabled
+        })
+      },
+      optionGroup: {
+        component: tdesignVueNext.OptionGroup,
+        props: (props) => props
+      },
+      pagination: {
+        component: elementPlus.ElPagination,
+        props: (props) => props
+      },
+      popover: {
+        component: elementPlus.ElPopover,
+        props: (props) => props
+      },
+      radio: {
+        component: tdesignVueNext.Radio,
+        props: (props) => ({
+          label: props.label
+        })
+      },
+      radioGroup: {
+        component: tdesignVueNext.RadioGroup,
+        props: (props) => ({
+          modelValue: props.modelValue,
+          disabled: props.disabled,
+          size: props.size === "default" ? "medium" : props.size
+        })
+      },
+      row: {
+        component: tdesignVueNext.Row
+      },
+      scrollbar: {
+        component: elementPlus.ElScrollbar,
+        props: (props) => props
+      },
+      select: {
+        component: tdesignVueNext.Select,
+        props: (props) => ({
+          modelValue: props.modelValue,
+          clearable: props.clearable,
+          filterable: props.filterable,
+          disabled: props.disabled,
+          placeholder: props.placeholder,
+          multiple: props.multiple,
+          valueType: props.valueKey,
+          remoteMethod: props.onSearch,
+          size: props.size === "default" ? "medium" : props.size,
+          popupProps: {
+            overlayClassName: props.popperClass
+          }
+        })
+      },
+      step: {
+        component: tdesignVueNext.StepItem,
+        props: (props) => ({
+          title: props.props,
+          value: props.status
+        })
+      },
+      steps: {
+        component: tdesignVueNext.Steps,
+        props: (props) => ({
+          current: props.active
+        })
+      },
+      switch: {
+        component: tdesignVueNext.Switch,
+        props: (props) => ({
+          modelValue: props.modelValue,
+          disabled: props.disabled,
+          label: props.label,
+          customValue: [props.activeValue ?? true, props.inactiveValue ?? false],
+          size: props.size === "default" ? "medium" : props.size
+        })
+      },
+      table: {
+        component: elementPlus.ElTable,
+        props: (props) => props
+      },
+      tableColumn: {
+        component: elementPlus.ElTableColumn,
+        props: (props) => props
+      },
+      tabPane: {
+        component: elementPlus.ElTabPane,
+        props: (props) => props
+      },
+      tabs: {
+        component: elementPlus.ElTabs,
+        props: (props) => props
+      },
+      tag: {
+        component: tdesignVueNext.Tag,
+        props: (props) => ({
+          theme: props.type ? props.type : "default"
+        })
+      },
+      timePicker: {
+        component: tdesignVueNext.TimePicker,
+        props: (props) => ({
+          modelValue: props.modelValue,
+          disabled: props.disabled,
+          size: props.size === "default" ? "medium" : props.size,
+          placeholder: props.placeholder
+        })
+      },
+      tooltip: {
+        component: tdesignVueNext.Tooltip,
+        props: (props) => ({
+          placement: props.placement,
+          content: props.content
+        })
+      },
+      tree: {
+        component: elementPlus.ElTree,
+        props: (props) => props
+      },
+      upload: {
+        component: tdesignVueNext.Upload,
+        props: (props) => ({
+          action: props.action,
+          disabled: props.disabled,
+          autoUpload: props.autoUpload
+        })
+      }
+    }
+  };
+
+  return adapter;
+
+}));
+//# sourceMappingURL=tmagic-tdesign-vue-next-adapter.umd.cjs.map

package/dist/tmagic-tdesign-vue-next-adapter.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tmagic-tdesign-vue-next-adapter.umd.cjs","sources":["../src/DatePicker.vue","../src/Input.vue","../src/index.ts"],"sourcesContent":["<template>\n  <TDateRangePicker\n    v-if=\"type.endsWith('range')\"\n    :modelValue=\"modelValue\"\n    :mode=\"mode\"\n    :placeholder=\"[startPlaceholder || '', endPlaceholder || '']\"\n    :disabled=\"disabled\"\n    :size=\"size === 'default' ? 'medium' : size\"\n    :separator=\"rangeSeparator\"\n    :format=\"format\"\n    :valueType=\"valueFormat === 's' ? 'time-stamp' : valueFormat\"\n    @change=\"changeHandler\"\n    @update:modelValue=\"updateModelValue\"\n  />\n  <TDatePicker\n    v-else\n    :modelValue=\"modelValue\"\n    :mode=\"mode\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :size=\"size === 'default' ? 'medium' : size\"\n    :format=\"format\"\n    :enableTimePicker=\"type.includes('time')\"\n    :valueType=\"valueFormat === 's' ? 'time-stamp' : valueFormat\"\n    @change=\"changeHandler\"\n    @update:modelValue=\"updateModelValue\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { DatePicker as TDatePicker, DateRangePicker as TDateRangePicker } from 'tdesign-vue-next';\n\nconst props = withDefaults(\n  defineProps<{\n    type?: any;\n    modelValue?: any;\n    disabled?: boolean;\n    placeholder?: string;\n    rangeSeparator?: string;\n    startPlaceholder?: string;\n    endPlaceholder?: string;\n    format?: string;\n    /** 可选，绑定值的格式。 不指定则绑定值为 Date 对象 */\n    valueFormat?: any;\n    /** 在范围选择器里取消两个日期面板之间的联动 */\n    unlinkPanels?: boolean;\n    defaultTime?: any;\n    size?: 'large' | 'default' | 'small';\n  }>(),\n  {\n    type: 'date',\n  },\n);\n\nconst mode = computed(() => {\n  const map: any = {\n    datetime: 'date',\n    daterange: 'date',\n    monthrange: 'month',\n    datetimerange: 'date',\n  };\n  return map[props.type] || props.type;\n});\n\nconst emit = defineEmits(['change', 'update:modelValue']);\n\nconst changeHandler = (v: any) => {\n  emit('change', v);\n};\n\nconst updateModelValue = (...args: any[]) => {\n  emit('update:modelValue', ...args);\n};\n</script>\n","<template>\n  <TTextarea\n    v-if=\"type === 'textarea'\"\n    :modelValue=\"modelValue\"\n    :size=\"size === 'default' ? 'medium' : size\"\n    :disabled=\"disabled\"\n    :placeholder=\"placeholder\"\n    @keypress=\"inputHandler\"\n    @change=\"changeHandler\"\n  ></TTextarea>\n  <TInput\n    v-else\n    :modelValue=\"modelValue\"\n    :size=\"size === 'default' ? 'medium' : size\"\n    :clearable=\"clearable\"\n    :disabled=\"disabled\"\n    :placeholder=\"placeholder\"\n    @keypress=\"inputHandler\"\n    @change=\"changeHandler\"\n    @update:modelValue=\"updateModelValue\"\n  ></TInput>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Input as TInput, Textarea as TTextarea } from 'tdesign-vue-next';\n\ndefineProps<{\n  modelValue?: string;\n  clearable?: boolean;\n  disabled?: boolean;\n  placeholder?: string;\n  type?: string;\n  size?: 'large' | 'default' | 'small';\n}>();\n\nconst emit = defineEmits(['change', 'input', 'update:modelValue']);\n\nconst changeHandler = (...args: any[]) => {\n  emit('change', ...args);\n};\n\nconst inputHandler = (...args: any[]) => {\n  emit('input', ...args);\n};\n\nconst updateModelValue = (...args: any[]) => {\n  emit('update:modelValue', ...args);\n};\n</script>\n","import {\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n  ElIcon,\n  ElMessageBox,\n  ElPagination,\n  ElPopover,\n  ElScrollbar,\n  ElTable,\n  ElTableColumn,\n  ElTabPane,\n  ElTabs,\n  ElTree,\n} from 'element-plus';\nimport {\n  Button as TButton,\n  Card as TCard,\n  Cascader as TCascader,\n  Checkbox as TCheckbox,\n  CheckboxGroup as TCheckboxGroup,\n  Col as TCol,\n  Collapse as TCollapse,\n  CollapsePanel as TCollapsePanel,\n  ColorPicker as TColorPicker,\n  Dialog as TDialog,\n  Divider as TDivider,\n  Form as TForm,\n  FormItem as TFormItem,\n  InputNumber as TInputNumber,\n  MessagePlugin,\n  Option as TOption,\n  OptionGroup as TOptionGroup,\n  Radio as TRadio,\n  RadioGroup as TRadioGroup,\n  Row as TRow,\n  Select as TSelect,\n  StepItem as TStepItem,\n  Steps as TSteps,\n  Switch as TSwitch,\n  Tag as TTag,\n  TimePicker as TTimePicker,\n  Tooltip as TTooltip,\n  Upload as TUpload,\n} from 'tdesign-vue-next';\n\nimport DatePicker from './DatePicker.vue';\nimport Input from './Input.vue';\n\nconst adapter: any = {\n  message: MessagePlugin,\n  messageBox: ElMessageBox,\n  components: {\n    button: {\n      component: TButton,\n      props: (props: any) => ({\n        theme: props.type,\n        size: props.size === 'default' ? 'medium' : props.size,\n        icon: props.icon,\n        variant: props.text ? 'text' : 'base',\n      }),\n    },\n\n    card: {\n      component: TCard,\n      props: (props: any) => ({\n        shadow: props.shadow !== 'never',\n        hoverShadow: props.shadow === 'hover',\n        header: props.header,\n      }),\n    },\n\n    cascader: {\n      component: TCascader,\n      props: (props: any) => ({\n        modelValue: props.modelValue,\n        placeholder: props.placeholder,\n        disabled: props.disabled,\n        clearable: props.clearable,\n        filterable: props.filterable,\n        options: props.options,\n        size: props.size === 'default' ? 'medium' : props.size,\n        trigger: props.props.expandTrigger,\n        multiple: props.props.multiple,\n        checkStrictly: props.props.checkStrictly,\n        valueType: typeof props.props.emitPath === 'undefined' || props.props.emitPath === true ? 'full' : 'single',\n        lazy: props.props.lazy,\n      }),\n    },\n\n    checkbox: {\n      component: TCheckbox,\n      props: (props: any) => ({\n        modelValue: props.modelValue,\n        label: props.label,\n        value: props.value,\n        disabled: props.disabled,\n      }),\n    },\n\n    checkboxGroup: {\n      component: TCheckboxGroup,\n      props: (props: any) => ({\n        modelValue: props.modelValue,\n        label: props.label,\n        disabled: props.disabled,\n      }),\n    },\n\n    col: {\n      component: TCol,\n      props: (props: any) => ({\n        span: props.span,\n      }),\n    },\n\n    collapse: {\n      component: TCollapse,\n      props: (props: any) => ({\n        value: props.modelValue,\n        expandIconPlacement: 'right',\n      }),\n    },\n\n    collapseItem: {\n      component: TCollapsePanel,\n      props: (props: any) => ({\n        value: props.name,\n        header: props.title,\n        disabled: props.disabled,\n      }),\n    },\n\n    colorPicker: {\n      component: TColorPicker,\n      props: (props: any) => ({\n        modelValue: props.modelValue,\n        disabled: props.disabled,\n        size: props.size === 'default' ? 'medium' : props.size,\n        enableAlpha: props.showAlpha,\n        formate: props.showAlpha ? 'RGBA' : 'RGB',\n      }),\n    },\n\n    datePicker: {\n      component: DatePicker,\n      props: (props: any) => props,\n    },\n\n    dialog: {\n      component: TDialog,\n      props: (props: any) => ({\n        visible: props.modelValue,\n        attach: props.appendToBody ? 'body' : '',\n        header: props.title,\n        width: props.width,\n        mode: props.fullscreen ? 'full-screen' : 'modal',\n        closeOnOverlayClick: props.closeOnClickModal,\n      }),\n    },\n\n    divider: {\n      component: TDivider,\n      props: (props: any) => ({\n        layout: props.direction,\n        content: props.contentPosition,\n      }),\n    },\n\n    dropdown: {\n      component: ElDropdown,\n      props: (props: any) => props,\n    },\n\n    dropdownItem: {\n      component: ElDropdownItem,\n      props: (props: any) => props,\n    },\n\n    dropdownMenu: {\n      component: ElDropdownMenu,\n      props: (props: any) => props,\n    },\n\n    form: {\n      component: TForm,\n      props: (props: any) => ({\n        data: props.model,\n        labelWidth: props.labelWidth,\n        disabled: props.disabled,\n        labelAlign: props.labelPosition,\n        layout: props.inline ? 'inline' : 'vertical',\n      }),\n    },\n\n    formItem: {\n      component: TFormItem,\n      props: (props: any) => ({\n        labelWidth: props.labelWidth,\n        name: props.prop,\n        rules: props.rules,\n      }),\n    },\n\n    icon: {\n      component: ElIcon,\n      props: (props: any) => props,\n    },\n\n    input: {\n      component: Input,\n      props: (props: any) => props,\n    },\n\n    inputNumber: {\n      component: TInputNumber,\n      props: (props: any) => ({\n        modelValue: props.modelValue,\n        align: props.controlsPosition,\n        disabled: props.disabled,\n        placeholder: props.placeholder,\n        step: props.step,\n        min: props.min,\n        max: props.max,\n        size: props.size === 'default' ? 'medium' : props.size,\n      }),\n    },\n\n    option: {\n      component: TOption,\n      props: (props: any) => ({\n        value: props.value,\n        label: props.label,\n        disabled: props.disabled,\n      }),\n    },\n\n    optionGroup: {\n      component: TOptionGroup,\n      props: (props: any) => props,\n    },\n\n    pagination: {\n      component: ElPagination,\n      props: (props: any) => props,\n    },\n\n    popover: {\n      component: ElPopover,\n      props: (props: any) => props,\n    },\n\n    radio: {\n      component: TRadio,\n      props: (props: any) => ({\n        label: props.label,\n      }),\n    },\n\n    radioGroup: {\n      component: TRadioGroup,\n      props: (props: any) => ({\n        modelValue: props.modelValue,\n        disabled: props.disabled,\n        size: props.size === 'default' ? 'medium' : props.size,\n      }),\n    },\n\n    row: {\n      component: TRow,\n    },\n\n    scrollbar: {\n      component: ElScrollbar,\n      props: (props: any) => props,\n    },\n\n    select: {\n      component: TSelect,\n      props: (props: any) => ({\n        modelValue: props.modelValue,\n        clearable: props.clearable,\n        filterable: props.filterable,\n        disabled: props.disabled,\n        placeholder: props.placeholder,\n        multiple: props.multiple,\n        valueType: props.valueKey,\n        remoteMethod: props.onSearch,\n        size: props.size === 'default' ? 'medium' : props.size,\n        popupProps: {\n          overlayClassName: props.popperClass,\n        },\n      }),\n    },\n\n    step: {\n      component: TStepItem,\n      props: (props: any) => ({\n        title: props.props,\n        value: props.status,\n      }),\n    },\n\n    steps: {\n      component: TSteps,\n      props: (props: any) => ({\n        current: props.active,\n      }),\n    },\n\n    switch: {\n      component: TSwitch,\n      props: (props: any) => ({\n        modelValue: props.modelValue,\n        disabled: props.disabled,\n        label: props.label,\n        customValue: [props.activeValue ?? true, props.inactiveValue ?? false],\n        size: props.size === 'default' ? 'medium' : props.size,\n      }),\n    },\n\n    table: {\n      component: ElTable,\n      props: (props: any) => props,\n    },\n\n    tableColumn: {\n      component: ElTableColumn,\n      props: (props: any) => props,\n    },\n\n    tabPane: {\n      component: ElTabPane,\n      props: (props: any) => props,\n    },\n\n    tabs: {\n      component: ElTabs,\n      props: (props: any) => props,\n    },\n\n    tag: {\n      component: TTag,\n      props: (props: any) => ({\n        theme: props.type ? props.type : 'default',\n      }),\n    },\n\n    timePicker: {\n      component: TTimePicker,\n      props: (props: any) => ({\n        modelValue: props.modelValue,\n        disabled: props.disabled,\n        size: props.size === 'default' ? 'medium' : props.size,\n        placeholder: props.placeholder,\n      }),\n    },\n\n    tooltip: {\n      component: TTooltip,\n      props: (props: any) => ({\n        placement: props.placement,\n        content: props.content,\n      }),\n    },\n\n    tree: {\n      component: ElTree,\n      props: (props: any) => props,\n    },\n\n    upload: {\n      component: TUpload,\n      props: (props: any) => ({\n        action: props.action,\n        disabled: props.disabled,\n        autoUpload: props.autoUpload,\n      }),\n    },\n  },\n};\n\nexport default adapter;\n"],"names":["computed","MessagePlugin","ElMessageBox","TButton","TCard","TCascader","TCheckbox","TCheckboxGroup","TCol","TCollapse","TCollapsePanel","TColorPicker","DatePicker","TDialog","TDivider","ElDropdown","ElDropdownItem","ElDropdownMenu","TForm","TFormItem","ElIcon","Input","TInputNumber","TOption","TOptionGroup","ElPagination","ElPopover","TRadio","TRadioGroup","TRow","ElScrollbar","TSelect","TStepItem","TSteps","TSwitch","ElTable","ElTableColumn","ElTabPane","ElTabs","TTag","TTimePicker","TTooltip","ElTree","TUpload"],"mappings":"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"}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "version": "1.2.0-beta.25",
+  "name": "@tmagic/tdesign-vue-next-adapter",
+  "type": "module",
+  "sideEffects": [
+    "dist/*"
+  ],
+  "main": "dist/tmagic-tdesign-vue-next-adapter.umd.cjs",
+  "module": "dist/tmagic-tdesign-vue-next-adapter.js",
+  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/tmagic-tdesign-vue-next-adapter.js",
+      "require": "./dist/tmagic-tdesign-vue-next-adapter.umd.cjs"
+    },
+    "./*": "./*"
+  },
+  "license": "Apache-2.0",
+  "scripts": {
+    "build": "npm run build:type && vite build",
+    "build:type": "npm run clear:type && tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
+    "clear:type": "rimraf ./types"
+  },
+  "engines": {
+    "node": ">=14"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Tencent/tmagic-editor.git"
+  },
+  "homepage": "https://tencent.github.io/tmagic-editor/docs/",
+  "keywords": [
+    "design",
+    "vue",
+    "vue3",
+    "typescript"
+  ],
+  "dependencies": {
+    "element-plus": "^2.2.19",
+    "tdesign-vue-next": "^0.26.0",
+    "vue": "^3.2.37"
+  },
+  "peerDependencies": {
+    "element-plus": "^2.2.19",
+    "vue": "^3.2.37"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^3.1.0",
+    "@vue/compiler-sfc": "^3.2.37",
+    "@types/node": "^15.12.4",
+    "rimraf": "^3.0.2",
+    "typescript": "^4.7.4",
+    "vite": "^3.1.3"
+  }
+}

package/src/DatePicker.vue

@@ -0,0 +1,75 @@
+<template>
+  <TDateRangePicker
+    v-if="type.endsWith('range')"
+    :modelValue="modelValue"
+    :mode="mode"
+    :placeholder="[startPlaceholder || '', endPlaceholder || '']"
+    :disabled="disabled"
+    :size="size === 'default' ? 'medium' : size"
+    :separator="rangeSeparator"
+    :format="format"
+    :valueType="valueFormat === 's' ? 'time-stamp' : valueFormat"
+    @change="changeHandler"
+    @update:modelValue="updateModelValue"
+  />
+  <TDatePicker
+    v-else
+    :modelValue="modelValue"
+    :mode="mode"
+    :placeholder="placeholder"
+    :disabled="disabled"
+    :size="size === 'default' ? 'medium' : size"
+    :format="format"
+    :enableTimePicker="type.includes('time')"
+    :valueType="valueFormat === 's' ? 'time-stamp' : valueFormat"
+    @change="changeHandler"
+    @update:modelValue="updateModelValue"
+  />
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+import { DatePicker as TDatePicker, DateRangePicker as TDateRangePicker } from 'tdesign-vue-next';
+
+const props = withDefaults(
+  defineProps<{
+    type?: any;
+    modelValue?: any;
+    disabled?: boolean;
+    placeholder?: string;
+    rangeSeparator?: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    format?: string;
+    /** 可选，绑定值的格式。 不指定则绑定值为 Date 对象 */
+    valueFormat?: any;
+    /** 在范围选择器里取消两个日期面板之间的联动 */
+    unlinkPanels?: boolean;
+    defaultTime?: any;
+    size?: 'large' | 'default' | 'small';
+  }>(),
+  {
+    type: 'date',
+  },
+);
+
+const mode = computed(() => {
+  const map: any = {
+    datetime: 'date',
+    daterange: 'date',
+    monthrange: 'month',
+    datetimerange: 'date',
+  };
+  return map[props.type] || props.type;
+});
+
+const emit = defineEmits(['change', 'update:modelValue']);
+
+const changeHandler = (v: any) => {
+  emit('change', v);
+};
+
+const updateModelValue = (...args: any[]) => {
+  emit('update:modelValue', ...args);
+};
+</script>

package/src/Input.vue

@@ -0,0 +1,49 @@
+<template>
+  <TTextarea
+    v-if="type === 'textarea'"
+    :modelValue="modelValue"
+    :size="size === 'default' ? 'medium' : size"
+    :disabled="disabled"
+    :placeholder="placeholder"
+    @keypress="inputHandler"
+    @change="changeHandler"
+  ></TTextarea>
+  <TInput
+    v-else
+    :modelValue="modelValue"
+    :size="size === 'default' ? 'medium' : size"
+    :clearable="clearable"
+    :disabled="disabled"
+    :placeholder="placeholder"
+    @keypress="inputHandler"
+    @change="changeHandler"
+    @update:modelValue="updateModelValue"
+  ></TInput>
+</template>
+
+<script lang="ts" setup>
+import { Input as TInput, Textarea as TTextarea } from 'tdesign-vue-next';
+
+defineProps<{
+  modelValue?: string;
+  clearable?: boolean;
+  disabled?: boolean;
+  placeholder?: string;
+  type?: string;
+  size?: 'large' | 'default' | 'small';
+}>();
+
+const emit = defineEmits(['change', 'input', 'update:modelValue']);
+
+const changeHandler = (...args: any[]) => {
+  emit('change', ...args);
+};
+
+const inputHandler = (...args: any[]) => {
+  emit('input', ...args);
+};
+
+const updateModelValue = (...args: any[]) => {
+  emit('update:modelValue', ...args);
+};
+</script>