@tmagic/tdesign-vue-next-adapter 1.6.1 → 1.7.0-beta.1

package/dist/tmagic-tdesign-vue-next-adapter.js

@@ -1,7 +1,71 @@
-import { defineComponent, computed, createBlock, openBlock, unref, createElementBlock, renderSlot, createSlots, withCtx, createElementVNode, h } from 'vue';
-import { DateRangePicker, DatePicker, Textarea, Input, Upload, Tooltip, TimePicker, Tag, Tabs, TabPanel, Table, Switch, Steps, StepItem, Select, Row, RadioGroup, RadioButton, Radio, Pagination, OptionGroup, Option, InputNumber, FormItem, Form, Dropdown, DropdownItem, Drawer, Divider, Dialog, ColorPicker, CollapsePanel, Collapse, Col, CheckboxGroup, Checkbox, Cascader, Card, Button, Badge, MessagePlugin, DialogPlugin } from 'tdesign-vue-next';
+import { defineComponent, ref, watch, createBlock, openBlock, unref, createSlots, withCtx, renderSlot, computed, createElementBlock, useTemplateRef, createVNode, createElementVNode, h } from 'vue';
+import { Checkbox, DateRangePicker, DatePicker, Dialog, Textarea, InputAdornment, Input, Popconfirm, Radio, RadioButton, Table, Tabs, LoadingDirective, Upload, Tooltip, TimePicker, Tag, TabPanel, Switch, Steps, StepItem, Select, Row, RadioGroup, Pagination, OptionGroup, Option, InputNumber, FormItem, Form, Dropdown, DropdownItem, Drawer, Divider, ColorPicker, CollapsePanel, Collapse, Col, CheckboxGroup, Cascader, Card, Button, Badge, MessagePlugin, DialogPlugin } from 'tdesign-vue-next';
 
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TTDesignAdapterCheckbox"
+  },
+  __name: "Checkbox",
+  props: {
+    modelValue: { type: [String, Number, Boolean] },
+    value: { type: [String, Number, Boolean] },
+    label: {},
+    trueValue: {},
+    falseValue: {},
+    disabled: { type: Boolean },
+    size: {}
+  },
+  emits: ["change", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const checked = ref(false);
+    watch(
+      () => props.modelValue,
+      (v) => {
+        if (typeof props.trueValue !== "undefined") {
+          checked.value = v === props.trueValue;
+        } else if (typeof props.falseValue !== "undefined") {
+          checked.value = v !== props.falseValue;
+        } else {
+          checked.value = Boolean(v);
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    const changeHandler = (v) => {
+      updateModelValue(v);
+      emit("change", v ? props.trueValue ?? true : props.falseValue ?? false);
+    };
+    const updateModelValue = (v) => {
+      emit("update:modelValue", v ? props.trueValue ?? true : props.falseValue ?? false);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Checkbox), {
+        modelValue: checked.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checked.value = $event),
+        disabled: __props.disabled,
+        value: __props.value,
+        onChange: changeHandler
+      }, createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.$slots.default ? {
+          name: "default",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "disabled", "value"]);
+    };
+  }
+});
+
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
     type: { default: "date" },
@@ -31,6 +95,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       };
       return map[props.type] || props.type;
     });
+    const valueType = computed(() => props.valueFormat === "s" ? "time-stamp" : props.valueFormat.replace(/\//g, "-"));
     const emit = __emit;
     const changeHandler = (v) => {
       emit("change", v);
@@ -48,7 +113,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         size: __props.size === "default" ? "medium" : __props.size,
         separator: __props.rangeSeparator,
         format: __props.format,
-        valueType: __props.valueFormat === "s" ? "time-stamp" : __props.valueFormat,
+        valueType: valueType.value,
         onChange: changeHandler,
         "onUpdate:modelValue": updateModelValue
       }, null, 8, ["modelValue", "mode", "placeholder", "disabled", "size", "separator", "format", "valueType"])) : (openBlock(), createBlock(unref(DatePicker), {
@@ -60,7 +125,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         size: __props.size === "default" ? "medium" : __props.size,
         format: __props.format,
         enableTimePicker: __props.type.includes("time"),
-        valueType: __props.valueFormat === "s" ? "time-stamp" : __props.valueFormat,
+        valueType: valueType.value,
         onChange: changeHandler,
         "onUpdate:modelValue": updateModelValue
       }, null, 8, ["modelValue", "mode", "placeholder", "disabled", "size", "format", "enableTimePicker", "valueType"]));
@@ -68,24 +133,77 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TTDesignAdapterDialog"
+  },
+  __name: "Dialog",
+  props: {
+    modelValue: { type: Boolean },
+    appendToBody: { type: Boolean },
+    beforeClose: {},
+    title: {},
+    width: {},
+    fullscreen: { type: Boolean },
+    closeOnClickModal: { type: Boolean },
+    closeOnPressEscape: { type: Boolean },
+    destroyOnClose: { type: Boolean }
+  },
+  emits: ["close", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const closeHandler = (...args) => {
+      emit("close", ...args);
+    };
+    const updateModelValue = (v) => {
+      emit("update:modelValue", v);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Dialog), {
+        visible: __props.modelValue,
+        attach: __props.appendToBody ? "body" : void 0,
+        header: __props.title,
+        width: __props.width,
+        mode: __props.fullscreen ? "full-screen" : "modal",
+        "close-on-overlay-click": __props.closeOnClickModal,
+        "close-on-esc-keydown": __props.closeOnPressEscape,
+        "destroy-on-close": __props.destroyOnClose,
+        onBeforeOpen: __props.beforeClose,
+        onClose: closeHandler,
+        "onUpdate:visible": updateModelValue
+      }, {
+        footer: withCtx(() => [
+          renderSlot(_ctx.$slots, "footer")
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["visible", "attach", "header", "width", "mode", "close-on-overlay-click", "close-on-esc-keydown", "destroy-on-close", "onBeforeOpen"]);
+    };
   }
-  return target;
-};
-
-const _sfc_main$3 = {  };
+});
 
-function _sfc_render$2(_ctx, _cache) {
-  return (openBlock(), createElementBlock("i", null, [
-    renderSlot(_ctx.$slots, "default")
-  ]))
-}
-const Icon = /*#__PURE__*/_export_sfc(_sfc_main$3, [['render',_sfc_render$2]]);
+const _hoisted_1$1 = { class: "t-t-design-adapter-icon t-icon" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TTDesignAdapterIcon"
+  },
+  __name: "Icon",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("i", _hoisted_1$1, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
 
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TTDesignAdapterInput"
+  },
   __name: "Input",
   props: {
     modelValue: {},
@@ -96,61 +214,231 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     type: {},
     size: {}
   },
-  emits: ["change", "input", "update:modelValue"],
+  emits: ["change", "input", "blur", "focus", "update:modelValue"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
+    const textareaRef = useTemplateRef("textarea");
+    watch(
+      [textareaRef, () => props.rows],
+      ([val, rows]) => {
+        if (val && rows) {
+          const el = val.$el.querySelector("textarea");
+          if (el) {
+            el.rows = rows;
+          }
+        }
+      },
+      { immediate: true }
+    );
     const changeHandler = (...args) => {
       emit("change", ...args);
     };
     const inputHandler = (...args) => {
       emit("input", ...args);
     };
+    const blurHandler = (...args) => {
+      emit("blur", ...args);
+    };
+    const focusHandler = (...args) => {
+      emit("focus", ...args);
+    };
     const updateModelValue = (...args) => {
       emit("update:modelValue", ...args);
     };
     return (_ctx, _cache) => {
       return __props.type === "textarea" ? (openBlock(), createBlock(unref(Textarea), {
         key: 0,
+        ref: "textarea",
         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"])) : (openBlock(), createBlock(unref(Input), {
-        key: 1,
-        modelValue: __props.modelValue,
-        size: __props.size === "default" ? "medium" : __props.size,
-        clearable: __props.clearable,
-        disabled: __props.disabled,
-        placeholder: __props.placeholder,
+        rows: __props.rows,
         onKeypress: inputHandler,
         onChange: changeHandler,
+        onBlur: blurHandler,
+        onFocus: focusHandler,
         "onUpdate:modelValue": updateModelValue
+      }, null, 8, ["modelValue", "size", "disabled", "placeholder", "rows"])) : (openBlock(), createBlock(
+        unref(InputAdornment),
+        { key: 1 },
+        createSlots({
+          default: withCtx(() => [
+            createVNode(unref(Input), {
+              modelValue: __props.modelValue,
+              size: __props.size === "default" ? "medium" : __props.size,
+              clearable: __props.clearable,
+              disabled: __props.disabled,
+              placeholder: __props.placeholder,
+              onKeypress: inputHandler,
+              onChange: changeHandler,
+              onBlur: blurHandler,
+              onFocus: focusHandler,
+              "onUpdate:modelValue": updateModelValue
+            }, createSlots({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              _ctx.$slots.prefix ? {
+                name: "prefix-icon",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "prefix")
+                ]),
+                key: "0"
+              } : void 0,
+              _ctx.$slots.suffix ? {
+                name: "suffix",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "suffix")
+                ]),
+                key: "1"
+              } : void 0
+            ]), 1032, ["modelValue", "size", "clearable", "disabled", "placeholder"])
+          ]),
+          _: 2
+          /* DYNAMIC */
+        }, [
+          _ctx.$slots.prepend ? {
+            name: "prepend",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "prepend")
+            ]),
+            key: "0"
+          } : void 0,
+          _ctx.$slots.append ? {
+            name: "append",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "append")
+            ]),
+            key: "1"
+          } : void 0
+        ]),
+        1024
+        /* DYNAMIC_SLOTS */
+      ));
+    };
+  }
+});
+
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TTDesignAdapterPopconfirm"
+  },
+  __name: "Popconfirm",
+  props: {
+    title: {},
+    placement: {}
+  },
+  emits: ["confirm", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const confirmHandler = (...args) => {
+      emit("confirm", ...args);
+    };
+    const cancelHandler = (...args) => {
+      emit("cancel", ...args);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Popconfirm), {
+        content: __props.title,
+        placement: __props.placement,
+        onConfirm: confirmHandler,
+        onCancel: cancelHandler
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "reference")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["content", "placement"]);
+    };
+  }
+});
+
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TTDesignAdapterRadio"
+  },
+  __name: "Radio",
+  props: {
+    modelValue: { type: [String, Number, Boolean] },
+    value: { type: [String, Number, Boolean] },
+    label: { type: [String, Number, Boolean] }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const clickHandler = () => {
+      emit("click");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Radio), {
+        value: __props.value,
+        onClick: clickHandler
       }, createSlots({
         _: 2
         /* DYNAMIC */
       }, [
-        _ctx.$slots.prefix ? {
-          name: "prefix-icon",
+        _ctx.$slots.default ? {
+          name: "default",
           fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "prefix")
+            renderSlot(_ctx.$slots, "default")
           ]),
           key: "0"
-        } : void 0,
-        _ctx.$slots.suffix ? {
-          name: "suffix",
+        } : void 0
+      ]), 1032, ["value"]);
+    };
+  }
+});
+
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TTDesignAdapterRadioButton"
+  },
+  __name: "RadioButton",
+  props: {
+    value: { type: [String, Number, Boolean] },
+    label: { type: [String, Number, Boolean] },
+    disabled: { type: Boolean },
+    name: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const clickHandler = () => {
+      emit("click");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(RadioButton), {
+        value: __props.value,
+        disabled: __props.disabled,
+        onClick: clickHandler
+      }, createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.$slots.default ? {
+          name: "default",
           fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "suffix")
+            renderSlot(_ctx.$slots, "default")
           ]),
-          key: "1"
+          key: "0"
         } : void 0
-      ]), 1032, ["modelValue", "size", "clearable", "disabled", "placeholder"]));
+      ]), 1032, ["value", "disabled"]);
     };
   }
 });
 
-const _sfc_main$1 = {  };
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main$2 = {  };
 
 const _hoisted_1 = {
   class: "tdesign-scrollbar",
@@ -162,7 +450,7 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = { class: "tdesign-scrollbar-view" };
 
-function _sfc_render$1(_ctx, _cache) {
+function _sfc_render(_ctx, _cache) {
   return (openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("div", _hoisted_2, [
       createElementVNode("div", _hoisted_3, [
@@ -171,26 +459,207 @@ function _sfc_render$1(_ctx, _cache) {
     ])
   ]))
 }
-const Scrollbar = /*#__PURE__*/_export_sfc(_sfc_main$1, [['render',_sfc_render$1]]);
+const Scrollbar = /*#__PURE__*/_export_sfc(_sfc_main$2, [['render',_sfc_render]]);
 
-const _sfc_main = {  };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TTDesignAdapterTable"
+  },
+  __name: "Table",
+  props: {
+    columns: {},
+    data: {},
+    border: { type: Boolean },
+    maxHeight: {},
+    defaultExpandAll: { type: Boolean },
+    showHeader: { type: Boolean },
+    rowKey: {},
+    treeProps: {},
+    emptyText: {},
+    tooltipEffect: {},
+    tooltipOptions: {},
+    showOverflowTooltip: { type: Boolean },
+    spanMethod: { type: Function }
+  },
+  emits: ["sort-change", "select", "select-all", "selection-change", "expand-change", "cell-click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const tableRef = useTemplateRef("table");
+    const tableColumns = computed(() => {
+      if (!props.columns) return [];
+      const columns = [];
+      for (const item of props.columns) {
+        if (item.props.type === "expand") {
+          continue;
+        }
+        let colKey = item.props?.prop || item.props?.type;
+        if (!colKey) {
+          colKey = "tmagic_table_operation";
+        }
+        const column = {
+          thClassName: item.props?.class,
+          colKey,
+          title: item.props?.label,
+          width: item.props?.width,
+          fixed: item.props?.fixed === true ? "left" : item.props?.fixed || void 0,
+          ellipsis: props.showOverflowTooltip,
+          sorter: item.props?.sortable,
+          align: item.props?.align
+        };
+        if (item.cell) {
+          column.cell = (h, { row, rowIndex }) => {
+            return item.cell?.({ row, $index: rowIndex });
+          };
+        }
+        columns.push(column);
+      }
+      return columns;
+    });
+    const sortChange = (data) => {
+      emit("sort-change", data);
+    };
+    const selectHandler = (selectedRowKeys, options) => {
+      const { selectedRowData, type } = options;
+      if (type === "check") {
+        emit("select", selectedRowData);
+      } else if (type === "uncheck") {
+        emit("select", selectedRowData);
+      }
+      emit("selection-change", selectedRowData);
+    };
+    const cellClickHandler = (context) => {
+      const { row, col, e } = context;
+      emit("cell-click", row, col, void 0, e);
+    };
+    const expandChange = (expandedRowKeys, options) => {
+      emit("expand-change", options.expandedRowData, options.currentRowData);
+    };
+    const toggleRowSelection = (_row, _selected) => {
+      console.warn("toggleRowSelection needs to be implemented based on TDesign API");
+    };
+    const toggleRowExpansion = (_row, _expanded) => {
+      console.warn("toggleRowExpansion needs to be implemented based on TDesign API");
+    };
+    const clearSelection = () => {
+      console.warn("clearSelection needs to be implemented based on TDesign API");
+    };
+    __expose({
+      getEl: () => tableRef.value?.$el,
+      getTableRef: () => tableRef.value,
+      clearSelection,
+      toggleRowSelection,
+      toggleRowExpansion
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Table), {
+        ref: "table",
+        data: __props.data,
+        bordered: __props.border,
+        "max-height": __props.maxHeight,
+        "default-expand-all": __props.defaultExpandAll,
+        "show-header": __props.showHeader,
+        "row-key": __props.rowKey,
+        tree: __props.treeProps,
+        empty: __props.emptyText,
+        columns: tableColumns.value,
+        onSortChange: sortChange,
+        onSelectChange: selectHandler,
+        onCellClick: cellClickHandler,
+        onExpandChange: expandChange
+      }, null, 8, ["data", "bordered", "max-height", "default-expand-all", "show-header", "row-key", "tree", "empty", "columns"]);
+    };
+  }
+});
 
-function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("div"))
-}
-const TableColumn = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TTDesignAdapterTabs"
+  },
+  __name: "Tabs",
+  props: {
+    type: {},
+    editable: { type: Boolean },
+    tabPosition: {},
+    modelValue: {}
+  },
+  emits: ["tab-click", "tab-add", "tab-remove", "update:model-value"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const tabClickHandler = (...args) => {
+      emit("tab-click", ...args);
+    };
+    const onTabAdd = (...args) => {
+      emit("tab-add", ...args);
+    };
+    const onTabRemove = (...args) => {
+      emit("tab-remove", ...args);
+    };
+    const updateModelName = (...args) => {
+      emit("update:model-value", ...args);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Tabs), {
+        "model-value": __props.modelValue,
+        addable: __props.editable,
+        theme: __props.type === "card" ? "card" : "normal",
+        placement: __props.tabPosition,
+        onAdd: onTabAdd,
+        onChange: tabClickHandler,
+        onRemove: onTabRemove,
+        "onUpdate:modelValue": updateModelName
+      }, createSlots({
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.$slots["add-icon"] ? {
+          name: "action",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "add-icon")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["model-value", "addable", "theme", "placement"]);
+    };
+  }
+});
 
 const adapter = {
   message: MessagePlugin,
   messageBox: {
-    alert: (msg) => {
-      DialogPlugin.alert({
-        body: msg
+    alert: (msg, title) => {
+      return new Promise((resolve, reject) => {
+        const dia = DialogPlugin.alert({
+          header: title,
+          body: msg,
+          onConfirm: (e) => {
+            dia.hide();
+            resolve(e);
+          },
+          onClose: (e) => {
+            dia.hide();
+            reject(e);
+          }
+        });
       });
     },
-    confirm: (msg) => {
-      DialogPlugin.confirm({
-        body: msg
+    confirm: (msg, title) => {
+      return new Promise((resolve, reject) => {
+        const dia = DialogPlugin.confirm({
+          header: title,
+          body: msg,
+          onConfirm: (e) => {
+            dia.hide();
+            resolve(e);
+          },
+          onClose: (e) => {
+            dia.hide();
+            reject(e);
+          }
+        });
       });
     },
     close: (msg) => {
@@ -211,8 +680,8 @@ const adapter = {
       props: (props) => ({
         theme: props.type,
         size: props.size === "default" ? "medium" : props.size,
-        icon: () => props.icon ? h(props.icon) : null,
-        variant: props.link || props.text ? "text" : "base",
+        icon: props.icon ? () => h(_sfc_main$7, null, { default: () => h(props.icon) }) : void 0,
+        variant: props.link || props.text ? "text" : props.variant || "base",
         shape: props.circle ? "circle" : "rectangle"
       })
     },
@@ -221,7 +690,9 @@ const adapter = {
       props: (props) => ({
         shadow: props.shadow !== "never",
         hoverShadow: props.shadow === "hover",
-        header: props.header
+        header: props.header,
+        bodyStyle: props.bodyStyle,
+        headerBordered: true
       })
     },
     cascader: {
@@ -242,13 +713,8 @@ const adapter = {
       })
     },
     checkbox: {
-      component: Checkbox,
-      props: (props) => ({
-        modelValue: props.modelValue,
-        label: props.label,
-        value: props.value,
-        disabled: props.disabled
-      })
+      component: _sfc_main$a,
+      props: (props) => props
     },
     checkboxGroup: {
       component: CheckboxGroup,
@@ -261,13 +727,13 @@ const adapter = {
     col: {
       component: Col,
       props: (props) => ({
-        span: props.span
+        span: props.span ? props.span / 2 : 12
       })
     },
     collapse: {
       component: Collapse,
       props: (props) => ({
-        value: props.modelValue,
+        modelValue: props.modelValue,
         expandIconPlacement: "right"
       })
     },
@@ -290,19 +756,12 @@ const adapter = {
       })
     },
     datePicker: {
-      component: _sfc_main$4,
+      component: _sfc_main$9,
       props: (props) => props
     },
     dialog: {
-      component: 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
-      })
+      component: _sfc_main$8,
+      props: (props) => props
     },
     divider: {
       component: Divider,
@@ -369,15 +828,16 @@ const adapter = {
       props: (props) => ({
         labelWidth: props.labelWidth,
         name: props.prop,
-        rules: props.rules
+        rules: props.rules,
+        help: props.extra
       })
     },
     icon: {
-      component: Icon,
+      component: _sfc_main$7,
       props: (props) => props
     },
     input: {
-      component: _sfc_main$2,
+      component: _sfc_main$6,
       props: (props) => props
     },
     inputNumber: {
@@ -415,17 +875,12 @@ const adapter = {
       })
     },
     radio: {
-      component: Radio,
-      props: (props) => ({
-        label: props.label,
-        value: props.value
-      })
+      component: _sfc_main$4,
+      props: (props) => props
     },
     radioButton: {
-      component: RadioButton,
-      props: (props) => ({
-        label: props.label
-      })
+      component: _sfc_main$3,
+      props: (props) => props
     },
     radioGroup: {
       component: RadioGroup,
@@ -483,11 +938,7 @@ const adapter = {
       })
     },
     table: {
-      component: Table,
-      props: (props) => props
-    },
-    tableColumn: {
-      component: TableColumn,
+      component: _sfc_main$1,
       props: (props) => props
     },
     tabPane: {
@@ -498,13 +949,8 @@ const adapter = {
       })
     },
     tabs: {
-      component: Tabs,
-      props: (props) => ({
-        addable: props.editable,
-        theme: props.type === "card" ? "card" : "normal",
-        placement: props.tabPosition,
-        value: props.modelValue
-      })
+      component: _sfc_main,
+      props: (props) => props
     },
     tag: {
       component: Tag,
@@ -525,7 +971,7 @@ const adapter = {
       component: Tooltip,
       props: (props) => ({
         ...props,
-        placement: props.placement,
+        placement: props.placement?.replace(/\B([A-Z])/g, "-$1").toLowerCase(),
         content: props.content
       })
     },
@@ -536,8 +982,13 @@ const adapter = {
         disabled: props.disabled,
         autoUpload: props.autoUpload
       })
+    },
+    popconfirm: {
+      component: _sfc_main$5,
+      props: (props) => props
     }
-  }
+  },
+  loading: LoadingDirective
 };
 
 export { adapter as default };