knt-shared 1.3.0 → 1.4.0

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance, inject, defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, useCssVars, ref, unref, watch, onMounted, nextTick, resolveComponent, createVNode, mergeProps, createSlots, withCtx, renderSlot, createBlock, createCommentVNode, toDisplayString, createTextVNode, reactive, onBeforeUnmount, normalizeProps, guardReactiveProps, Fragment, renderList, resolveDynamicComponent, withDirectives, vShow, withModifiers, h, onUnmounted } from "vue";
+import { getCurrentInstance, inject, defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, resolveComponent, createCommentVNode, createVNode, createBlock, unref, reactive, Fragment, renderList, withModifiers, ref, watch, onMounted, onUnmounted, withDirectives, vModelText, vShow, toDisplayString, withCtx, createTextVNode, useCssVars, nextTick, mergeProps, createSlots, renderSlot, onBeforeUnmount, normalizeProps, guardReactiveProps, resolveDynamicComponent, useSlots, h } from "vue";
 import { Message, Transfer, Mention, Upload, Rate, Slider, Switch, RangePicker, TimePicker, DatePicker, TreeSelect, Cascader, CheckboxGroup, Checkbox, RadioGroup, Radio, Select, AutoComplete, Textarea, InputPassword, InputNumber, Input } from "@arco-design/web-vue";
 const configProviderInjectionKey = Symbol("ArcoConfigProvider");
 const CLASS_PREFIX = "arco";
@@ -22,7 +22,85 @@ var _export_sfc$1 = (sfc, props) => {
   }
   return sfc;
 };
-const _sfc_main$e = defineComponent({
+const _sfc_main$p = defineComponent({
+  name: "IconExclamationCircle",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (value) => {
+        return ["butt", "round", "square"].includes(value);
+      }
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (value) => {
+        return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value);
+      }
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (ev) => true
+  },
+  setup(props, { emit }) {
+    const prefixCls = getPrefixCls("icon");
+    const cls = computed(() => [prefixCls, `${prefixCls}-exclamation-circle`, { [`${prefixCls}-spin`]: props.spin }]);
+    const innerStyle = computed(() => {
+      const styles = {};
+      if (props.size) {
+        styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size;
+      }
+      if (props.rotate) {
+        styles.transform = `rotate(${props.rotate}deg)`;
+      }
+      return styles;
+    });
+    const onClick = (ev) => {
+      emit("click", ev);
+    };
+    return {
+      cls,
+      innerStyle,
+      onClick
+    };
+  }
+});
+const _hoisted_1$o = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: normalizeClass(_ctx.cls),
+    style: normalizeStyle(_ctx.innerStyle),
+    "stroke-width": _ctx.strokeWidth,
+    "stroke-linecap": _ctx.strokeLinecap,
+    "stroke-linejoin": _ctx.strokeLinejoin,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }, _cache[1] || (_cache[1] = [
+    createElementVNode("path", { d: "M24 28V14m0 16v4M6 24c0-9.941 8.059-18 18-18s18 8.059 18 18-8.059 18-18 18S6 33.941 6 24Z" }, null, -1)
+  ]), 14, _hoisted_1$o);
+}
+var _IconExclamationCircle = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["render", _sfc_render$e]]);
+const IconExclamationCircle = Object.assign(_IconExclamationCircle, {
+  install: (app, options) => {
+    var _a;
+    const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
+    app.component(iconPrefix + _IconExclamationCircle.name, _IconExclamationCircle);
+  }
+});
+const _sfc_main$o = defineComponent({
   name: "IconPlus",
   props: {
     size: {
@@ -75,8 +153,8 @@ const _sfc_main$e = defineComponent({
     };
   }
 });
-const _hoisted_1$d = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$n = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
@@ -90,9 +168,9 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, _cache[1] || (_cache[1] = [
     createElementVNode("path", { d: "M5 24h38M24 5v38" }, null, -1)
-  ]), 14, _hoisted_1$d);
+  ]), 14, _hoisted_1$n);
 }
-var _IconPlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["render", _sfc_render$7]]);
+var _IconPlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["render", _sfc_render$d]]);
 const IconPlus = Object.assign(_IconPlus, {
   install: (app, options) => {
     var _a;
@@ -100,7 +178,7 @@ const IconPlus = Object.assign(_IconPlus, {
     app.component(iconPrefix + _IconPlus.name, _IconPlus);
   }
 });
-const _sfc_main$d = defineComponent({
+const _sfc_main$n = defineComponent({
   name: "IconQuestionCircle",
   props: {
     size: {
@@ -153,8 +231,8 @@ const _sfc_main$d = defineComponent({
     };
   }
 });
-const _hoisted_1$c = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$m = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
@@ -169,9 +247,9 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   }, _cache[1] || (_cache[1] = [
     createElementVNode("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
     createElementVNode("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
-  ]), 14, _hoisted_1$c);
+  ]), 14, _hoisted_1$m);
 }
-var _IconQuestionCircle = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["render", _sfc_render$6]]);
+var _IconQuestionCircle = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["render", _sfc_render$c]]);
 const IconQuestionCircle = Object.assign(_IconQuestionCircle, {
   install: (app, options) => {
     var _a;
@@ -179,7 +257,89 @@ const IconQuestionCircle = Object.assign(_IconQuestionCircle, {
     app.component(iconPrefix + _IconQuestionCircle.name, _IconQuestionCircle);
   }
 });
-const _sfc_main$c = defineComponent({
+const _sfc_main$m = defineComponent({
+  name: "IconEye",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (value) => {
+        return ["butt", "round", "square"].includes(value);
+      }
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (value) => {
+        return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value);
+      }
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (ev) => true
+  },
+  setup(props, { emit }) {
+    const prefixCls = getPrefixCls("icon");
+    const cls = computed(() => [prefixCls, `${prefixCls}-eye`, { [`${prefixCls}-spin`]: props.spin }]);
+    const innerStyle = computed(() => {
+      const styles = {};
+      if (props.size) {
+        styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size;
+      }
+      if (props.rotate) {
+        styles.transform = `rotate(${props.rotate}deg)`;
+      }
+      return styles;
+    });
+    const onClick = (ev) => {
+      emit("click", ev);
+    };
+    return {
+      cls,
+      innerStyle,
+      onClick
+    };
+  }
+});
+const _hoisted_1$l = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: normalizeClass(_ctx.cls),
+    style: normalizeStyle(_ctx.innerStyle),
+    "stroke-width": _ctx.strokeWidth,
+    "stroke-linecap": _ctx.strokeLinecap,
+    "stroke-linejoin": _ctx.strokeLinejoin,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }, _cache[1] || (_cache[1] = [
+    createElementVNode("path", {
+      "clip-rule": "evenodd",
+      d: "M24 37c6.627 0 12.627-4.333 18-13-5.373-8.667-11.373-13-18-13-6.627 0-12.627 4.333-18 13 5.373 8.667 11.373 13 18 13Z"
+    }, null, -1),
+    createElementVNode("path", { d: "M29 24a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z" }, null, -1)
+  ]), 14, _hoisted_1$l);
+}
+var _IconEye = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["render", _sfc_render$b]]);
+const IconEye = Object.assign(_IconEye, {
+  install: (app, options) => {
+    var _a;
+    const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
+    app.component(iconPrefix + _IconEye.name, _IconEye);
+  }
+});
+const _sfc_main$l = defineComponent({
   name: "IconRefresh",
   props: {
     size: {
@@ -232,8 +392,8 @@ const _sfc_main$c = defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$k = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
@@ -247,9 +407,9 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, _cache[1] || (_cache[1] = [
     createElementVNode("path", { d: "M38.837 18C36.463 12.136 30.715 8 24 8 15.163 8 8 15.163 8 24s7.163 16 16 16c7.455 0 13.72-5.1 15.496-12M40 8v10H30" }, null, -1)
-  ]), 14, _hoisted_1$b);
+  ]), 14, _hoisted_1$k);
 }
-var _IconRefresh = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$5]]);
+var _IconRefresh = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["render", _sfc_render$a]]);
 const IconRefresh = Object.assign(_IconRefresh, {
   install: (app, options) => {
     var _a;
@@ -257,7 +417,7 @@ const IconRefresh = Object.assign(_IconRefresh, {
     app.component(iconPrefix + _IconRefresh.name, _IconRefresh);
   }
 });
-const _sfc_main$b = defineComponent({
+const _sfc_main$k = defineComponent({
   name: "IconSettings",
   props: {
     size: {
@@ -310,7 +470,404 @@ const _sfc_main$b = defineComponent({
     };
   }
 });
-const _hoisted_1$a = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+const _hoisted_1$j = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: normalizeClass(_ctx.cls),
+    style: normalizeStyle(_ctx.innerStyle),
+    "stroke-width": _ctx.strokeWidth,
+    "stroke-linecap": _ctx.strokeLinecap,
+    "stroke-linejoin": _ctx.strokeLinejoin,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }, _cache[1] || (_cache[1] = [
+    createElementVNode("path", { d: "M18.797 6.732A1 1 0 0 1 19.76 6h8.48a1 1 0 0 1 .964.732l1.285 4.628a1 1 0 0 0 1.213.7l4.651-1.2a1 1 0 0 1 1.116.468l4.24 7.344a1 1 0 0 1-.153 1.2L38.193 23.3a1 1 0 0 0 0 1.402l3.364 3.427a1 1 0 0 1 .153 1.2l-4.24 7.344a1 1 0 0 1-1.116.468l-4.65-1.2a1 1 0 0 0-1.214.7l-1.285 4.628a1 1 0 0 1-.964.732h-8.48a1 1 0 0 1-.963-.732L17.51 36.64a1 1 0 0 0-1.213-.7l-4.65 1.2a1 1 0 0 1-1.116-.468l-4.24-7.344a1 1 0 0 1 .153-1.2L9.809 24.7a1 1 0 0 0 0-1.402l-3.364-3.427a1 1 0 0 1-.153-1.2l4.24-7.344a1 1 0 0 1 1.116-.468l4.65 1.2a1 1 0 0 0 1.213-.7l1.286-4.628Z" }, null, -1),
+    createElementVNode("path", { d: "M30 24a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z" }, null, -1)
+  ]), 14, _hoisted_1$j);
+}
+var _IconSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["render", _sfc_render$9]]);
+const IconSettings = Object.assign(_IconSettings, {
+  install: (app, options) => {
+    var _a;
+    const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
+    app.component(iconPrefix + _IconSettings.name, _IconSettings);
+  }
+});
+const _sfc_main$j = defineComponent({
+  name: "IconUpload",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (value) => {
+        return ["butt", "round", "square"].includes(value);
+      }
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (value) => {
+        return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value);
+      }
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (ev) => true
+  },
+  setup(props, { emit }) {
+    const prefixCls = getPrefixCls("icon");
+    const cls = computed(() => [prefixCls, `${prefixCls}-upload`, { [`${prefixCls}-spin`]: props.spin }]);
+    const innerStyle = computed(() => {
+      const styles = {};
+      if (props.size) {
+        styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size;
+      }
+      if (props.rotate) {
+        styles.transform = `rotate(${props.rotate}deg)`;
+      }
+      return styles;
+    });
+    const onClick = (ev) => {
+      emit("click", ev);
+    };
+    return {
+      cls,
+      innerStyle,
+      onClick
+    };
+  }
+});
+const _hoisted_1$i = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: normalizeClass(_ctx.cls),
+    style: normalizeStyle(_ctx.innerStyle),
+    "stroke-width": _ctx.strokeWidth,
+    "stroke-linecap": _ctx.strokeLinecap,
+    "stroke-linejoin": _ctx.strokeLinejoin,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }, _cache[1] || (_cache[1] = [
+    createElementVNode("path", { d: "M14.93 17.071 24.001 8l9.071 9.071m-9.07 16.071v-25M40 35v6H8v-6" }, null, -1)
+  ]), 14, _hoisted_1$i);
+}
+var _IconUpload = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["render", _sfc_render$8]]);
+const IconUpload = Object.assign(_IconUpload, {
+  install: (app, options) => {
+    var _a;
+    const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
+    app.component(iconPrefix + _IconUpload.name, _IconUpload);
+  }
+});
+const _sfc_main$i = defineComponent({
+  name: "IconDelete",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (value) => {
+        return ["butt", "round", "square"].includes(value);
+      }
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (value) => {
+        return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value);
+      }
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (ev) => true
+  },
+  setup(props, { emit }) {
+    const prefixCls = getPrefixCls("icon");
+    const cls = computed(() => [prefixCls, `${prefixCls}-delete`, { [`${prefixCls}-spin`]: props.spin }]);
+    const innerStyle = computed(() => {
+      const styles = {};
+      if (props.size) {
+        styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size;
+      }
+      if (props.rotate) {
+        styles.transform = `rotate(${props.rotate}deg)`;
+      }
+      return styles;
+    });
+    const onClick = (ev) => {
+      emit("click", ev);
+    };
+    return {
+      cls,
+      innerStyle,
+      onClick
+    };
+  }
+});
+const _hoisted_1$h = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: normalizeClass(_ctx.cls),
+    style: normalizeStyle(_ctx.innerStyle),
+    "stroke-width": _ctx.strokeWidth,
+    "stroke-linecap": _ctx.strokeLinecap,
+    "stroke-linejoin": _ctx.strokeLinejoin,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }, _cache[1] || (_cache[1] = [
+    createElementVNode("path", { d: "M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15" }, null, -1)
+  ]), 14, _hoisted_1$h);
+}
+var _IconDelete = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["render", _sfc_render$7]]);
+const IconDelete = Object.assign(_IconDelete, {
+  install: (app, options) => {
+    var _a;
+    const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
+    app.component(iconPrefix + _IconDelete.name, _IconDelete);
+  }
+});
+const _sfc_main$h = defineComponent({
+  name: "IconLineHeight",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (value) => {
+        return ["butt", "round", "square"].includes(value);
+      }
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (value) => {
+        return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value);
+      }
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (ev) => true
+  },
+  setup(props, { emit }) {
+    const prefixCls = getPrefixCls("icon");
+    const cls = computed(() => [prefixCls, `${prefixCls}-line-height`, { [`${prefixCls}-spin`]: props.spin }]);
+    const innerStyle = computed(() => {
+      const styles = {};
+      if (props.size) {
+        styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size;
+      }
+      if (props.rotate) {
+        styles.transform = `rotate(${props.rotate}deg)`;
+      }
+      return styles;
+    });
+    const onClick = (ev) => {
+      emit("click", ev);
+    };
+    return {
+      cls,
+      innerStyle,
+      onClick
+    };
+  }
+});
+const _hoisted_1$g = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: normalizeClass(_ctx.cls),
+    style: normalizeStyle(_ctx.innerStyle),
+    "stroke-width": _ctx.strokeWidth,
+    "stroke-linecap": _ctx.strokeLinecap,
+    "stroke-linejoin": _ctx.strokeLinejoin,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }, _cache[1] || (_cache[1] = [
+    createElementVNode("path", { d: "M4 8h14.5M33 8H18.5m0 0v34" }, null, -1),
+    createElementVNode("path", {
+      d: "M39 9.5 37 13h4l-2-3.5ZM39 38.5 37 35h4l-2 3.5Z",
+      fill: "currentColor",
+      stroke: "none"
+    }, null, -1),
+    createElementVNode("path", { d: "M39 13h2l-2-3.5-2 3.5h2Zm0 0v22m0 0h2l-2 3.5-2-3.5h2Z" }, null, -1)
+  ]), 14, _hoisted_1$g);
+}
+var _IconLineHeight = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["render", _sfc_render$6]]);
+const IconLineHeight = Object.assign(_IconLineHeight, {
+  install: (app, options) => {
+    var _a;
+    const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
+    app.component(iconPrefix + _IconLineHeight.name, _IconLineHeight);
+  }
+});
+const _sfc_main$g = defineComponent({
+  name: "IconFullscreenExit",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (value) => {
+        return ["butt", "round", "square"].includes(value);
+      }
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (value) => {
+        return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value);
+      }
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (ev) => true
+  },
+  setup(props, { emit }) {
+    const prefixCls = getPrefixCls("icon");
+    const cls = computed(() => [prefixCls, `${prefixCls}-fullscreen-exit`, { [`${prefixCls}-spin`]: props.spin }]);
+    const innerStyle = computed(() => {
+      const styles = {};
+      if (props.size) {
+        styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size;
+      }
+      if (props.rotate) {
+        styles.transform = `rotate(${props.rotate}deg)`;
+      }
+      return styles;
+    });
+    const onClick = (ev) => {
+      emit("click", ev);
+    };
+    return {
+      cls,
+      innerStyle,
+      onClick
+    };
+  }
+});
+const _hoisted_1$f = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: normalizeClass(_ctx.cls),
+    style: normalizeStyle(_ctx.innerStyle),
+    "stroke-width": _ctx.strokeWidth,
+    "stroke-linecap": _ctx.strokeLinecap,
+    "stroke-linejoin": _ctx.strokeLinejoin,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }, _cache[1] || (_cache[1] = [
+    createElementVNode("path", { d: "M35 6v8a1 1 0 0 0 1 1h8M13 6v8a1 1 0 0 1-1 1H4m31 27v-8a1 1 0 0 1 1-1h8m-31 9v-8a1 1 0 0 0-1-1H4" }, null, -1)
+  ]), 14, _hoisted_1$f);
+}
+var _IconFullscreenExit = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["render", _sfc_render$5]]);
+const IconFullscreenExit = Object.assign(_IconFullscreenExit, {
+  install: (app, options) => {
+    var _a;
+    const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
+    app.component(iconPrefix + _IconFullscreenExit.name, _IconFullscreenExit);
+  }
+});
+const _sfc_main$f = defineComponent({
+  name: "IconFullscreen",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (value) => {
+        return ["butt", "round", "square"].includes(value);
+      }
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (value) => {
+        return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value);
+      }
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (ev) => true
+  },
+  setup(props, { emit }) {
+    const prefixCls = getPrefixCls("icon");
+    const cls = computed(() => [prefixCls, `${prefixCls}-fullscreen`, { [`${prefixCls}-spin`]: props.spin }]);
+    const innerStyle = computed(() => {
+      const styles = {};
+      if (props.size) {
+        styles.fontSize = isNumber(props.size) ? `${props.size}px` : props.size;
+      }
+      if (props.rotate) {
+        styles.transform = `rotate(${props.rotate}deg)`;
+      }
+      return styles;
+    });
+    const onClick = (ev) => {
+      emit("click", ev);
+    };
+    return {
+      cls,
+      innerStyle,
+      onClick
+    };
+  }
+});
+const _hoisted_1$e = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
@@ -324,20 +881,19 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     "stroke-linejoin": _ctx.strokeLinejoin,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, _cache[1] || (_cache[1] = [
-    createElementVNode("path", { d: "M18.797 6.732A1 1 0 0 1 19.76 6h8.48a1 1 0 0 1 .964.732l1.285 4.628a1 1 0 0 0 1.213.7l4.651-1.2a1 1 0 0 1 1.116.468l4.24 7.344a1 1 0 0 1-.153 1.2L38.193 23.3a1 1 0 0 0 0 1.402l3.364 3.427a1 1 0 0 1 .153 1.2l-4.24 7.344a1 1 0 0 1-1.116.468l-4.65-1.2a1 1 0 0 0-1.214.7l-1.285 4.628a1 1 0 0 1-.964.732h-8.48a1 1 0 0 1-.963-.732L17.51 36.64a1 1 0 0 0-1.213-.7l-4.65 1.2a1 1 0 0 1-1.116-.468l-4.24-7.344a1 1 0 0 1 .153-1.2L9.809 24.7a1 1 0 0 0 0-1.402l-3.364-3.427a1 1 0 0 1-.153-1.2l4.24-7.344a1 1 0 0 1 1.116-.468l4.65 1.2a1 1 0 0 0 1.213-.7l1.286-4.628Z" }, null, -1),
-    createElementVNode("path", { d: "M30 24a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z" }, null, -1)
-  ]), 14, _hoisted_1$a);
+    createElementVNode("path", { d: "M42 17V9a1 1 0 0 0-1-1h-8M6 17V9a1 1 0 0 1 1-1h8m27 23v8a1 1 0 0 1-1 1h-8M6 31v8a1 1 0 0 0 1 1h8" }, null, -1)
+  ]), 14, _hoisted_1$e);
 }
-var _IconSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["render", _sfc_render$4]]);
-const IconSettings = Object.assign(_IconSettings, {
+var _IconFullscreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["render", _sfc_render$4]]);
+const IconFullscreen = Object.assign(_IconFullscreen, {
   install: (app, options) => {
     var _a;
     const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
-    app.component(iconPrefix + _IconSettings.name, _IconSettings);
+    app.component(iconPrefix + _IconFullscreen.name, _IconFullscreen);
   }
 });
-const _sfc_main$a = defineComponent({
-  name: "IconUpload",
+const _sfc_main$e = defineComponent({
+  name: "IconMute",
   props: {
     size: {
       type: [Number, String]
@@ -368,7 +924,7 @@ const _sfc_main$a = defineComponent({
   },
   setup(props, { emit }) {
     const prefixCls = getPrefixCls("icon");
-    const cls = computed(() => [prefixCls, `${prefixCls}-upload`, { [`${prefixCls}-spin`]: props.spin }]);
+    const cls = computed(() => [prefixCls, `${prefixCls}-mute`, { [`${prefixCls}-spin`]: props.spin }]);
     const innerStyle = computed(() => {
       const styles = {};
       if (props.size) {
@@ -389,7 +945,7 @@ const _sfc_main$a = defineComponent({
     };
   }
 });
-const _hoisted_1$9 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+const _hoisted_1$d = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
@@ -403,19 +959,19 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     "stroke-linejoin": _ctx.strokeLinejoin,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, _cache[1] || (_cache[1] = [
-    createElementVNode("path", { d: "M14.93 17.071 24.001 8l9.071 9.071m-9.07 16.071v-25M40 35v6H8v-6" }, null, -1)
-  ]), 14, _hoisted_1$9);
+    createElementVNode("path", { d: "m19 11.5 4.833-4.35a.1.1 0 0 1 .167.075V17m-14-1H7.1a.1.1 0 0 0-.1.1v15.8a.1.1 0 0 0 .1.1H14l9.833 8.85a.1.1 0 0 0 .167-.075V31m6.071-14.071C32.535 19.393 34 23 32.799 26m2.929-14.728C41.508 17.052 42.5 25 39.123 32M6.5 6.5l35 35" }, null, -1)
+  ]), 14, _hoisted_1$d);
 }
-var _IconUpload = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["render", _sfc_render$3]]);
-const IconUpload = Object.assign(_IconUpload, {
+var _IconMute = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["render", _sfc_render$3]]);
+const IconMute = Object.assign(_IconMute, {
   install: (app, options) => {
     var _a;
     const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
-    app.component(iconPrefix + _IconUpload.name, _IconUpload);
+    app.component(iconPrefix + _IconMute.name, _IconMute);
   }
 });
-const _sfc_main$9 = defineComponent({
-  name: "IconLineHeight",
+const _sfc_main$d = defineComponent({
+  name: "IconPause",
   props: {
     size: {
       type: [Number, String]
@@ -446,7 +1002,7 @@ const _sfc_main$9 = defineComponent({
   },
   setup(props, { emit }) {
     const prefixCls = getPrefixCls("icon");
-    const cls = computed(() => [prefixCls, `${prefixCls}-line-height`, { [`${prefixCls}-spin`]: props.spin }]);
+    const cls = computed(() => [prefixCls, `${prefixCls}-pause`, { [`${prefixCls}-spin`]: props.spin }]);
     const innerStyle = computed(() => {
       const styles = {};
       if (props.size) {
@@ -467,7 +1023,7 @@ const _sfc_main$9 = defineComponent({
     };
   }
 });
-const _hoisted_1$8 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+const _hoisted_1$c = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
@@ -481,25 +1037,24 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     "stroke-linejoin": _ctx.strokeLinejoin,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, _cache[1] || (_cache[1] = [
-    createElementVNode("path", { d: "M4 8h14.5M33 8H18.5m0 0v34" }, null, -1),
+    createElementVNode("path", { d: "M14 12h4v24h-4zM30 12h4v24h-4z" }, null, -1),
     createElementVNode("path", {
-      d: "M39 9.5 37 13h4l-2-3.5ZM39 38.5 37 35h4l-2 3.5Z",
       fill: "currentColor",
-      stroke: "none"
-    }, null, -1),
-    createElementVNode("path", { d: "M39 13h2l-2-3.5-2 3.5h2Zm0 0v22m0 0h2l-2 3.5-2-3.5h2Z" }, null, -1)
-  ]), 14, _hoisted_1$8);
+      stroke: "none",
+      d: "M14 12h4v24h-4zM30 12h4v24h-4z"
+    }, null, -1)
+  ]), 14, _hoisted_1$c);
 }
-var _IconLineHeight = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$2]]);
-const IconLineHeight = Object.assign(_IconLineHeight, {
+var _IconPause = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["render", _sfc_render$2]]);
+const IconPause = Object.assign(_IconPause, {
   install: (app, options) => {
     var _a;
     const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
-    app.component(iconPrefix + _IconLineHeight.name, _IconLineHeight);
+    app.component(iconPrefix + _IconPause.name, _IconPause);
   }
 });
-const _sfc_main$8 = defineComponent({
-  name: "IconFullscreenExit",
+const _sfc_main$c = defineComponent({
+  name: "IconPlayArrow",
   props: {
     size: {
       type: [Number, String]
@@ -530,7 +1085,7 @@ const _sfc_main$8 = defineComponent({
   },
   setup(props, { emit }) {
     const prefixCls = getPrefixCls("icon");
-    const cls = computed(() => [prefixCls, `${prefixCls}-fullscreen-exit`, { [`${prefixCls}-spin`]: props.spin }]);
+    const cls = computed(() => [prefixCls, `${prefixCls}-play-arrow`, { [`${prefixCls}-spin`]: props.spin }]);
     const innerStyle = computed(() => {
       const styles = {};
       if (props.size) {
@@ -551,7 +1106,7 @@ const _sfc_main$8 = defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+const _hoisted_1$b = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
@@ -565,19 +1120,19 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     "stroke-linejoin": _ctx.strokeLinejoin,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, _cache[1] || (_cache[1] = [
-    createElementVNode("path", { d: "M35 6v8a1 1 0 0 0 1 1h8M13 6v8a1 1 0 0 1-1 1H4m31 27v-8a1 1 0 0 1 1-1h8m-31 9v-8a1 1 0 0 0-1-1H4" }, null, -1)
-  ]), 14, _hoisted_1$7);
+    createElementVNode("path", { d: "M12.533 7.965A1 1 0 0 0 11 8.81v30.377a1 1 0 0 0 1.533.846L36.656 24.84a1 1 0 0 0 0-1.692L12.533 7.965Z" }, null, -1)
+  ]), 14, _hoisted_1$b);
 }
-var _IconFullscreenExit = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$1]]);
-const IconFullscreenExit = Object.assign(_IconFullscreenExit, {
+var _IconPlayArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$1]]);
+const IconPlayArrow = Object.assign(_IconPlayArrow, {
   install: (app, options) => {
     var _a;
     const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
-    app.component(iconPrefix + _IconFullscreenExit.name, _IconFullscreenExit);
+    app.component(iconPrefix + _IconPlayArrow.name, _IconPlayArrow);
   }
 });
-const _sfc_main$7 = defineComponent({
-  name: "IconFullscreen",
+const _sfc_main$b = defineComponent({
+  name: "IconSound",
   props: {
     size: {
       type: [Number, String]
@@ -608,7 +1163,7 @@ const _sfc_main$7 = defineComponent({
   },
   setup(props, { emit }) {
     const prefixCls = getPrefixCls("icon");
-    const cls = computed(() => [prefixCls, `${prefixCls}-fullscreen`, { [`${prefixCls}-spin`]: props.spin }]);
+    const cls = computed(() => [prefixCls, `${prefixCls}-sound`, { [`${prefixCls}-spin`]: props.spin }]);
     const innerStyle = computed(() => {
       const styles = {};
       if (props.size) {
@@ -629,7 +1184,7 @@ const _sfc_main$7 = defineComponent({
     };
   }
 });
-const _hoisted_1$6 = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+const _hoisted_1$a = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
     viewBox: "0 0 48 48",
@@ -643,23 +1198,684 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "stroke-linejoin": _ctx.strokeLinejoin,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, _cache[1] || (_cache[1] = [
-    createElementVNode("path", { d: "M42 17V9a1 1 0 0 0-1-1h-8M6 17V9a1 1 0 0 1 1-1h8m27 23v8a1 1 0 0 1-1 1h-8M6 31v8a1 1 0 0 0 1 1h8" }, null, -1)
-  ]), 14, _hoisted_1$6);
+    createElementVNode("path", { d: "m14 16 10-9v34l-10-9H6V16h8Z" }, null, -1),
+    createElementVNode("path", { d: "M31.071 16.929c3.905 3.905 3.905 10.237 0 14.142M36.727 11.272c7.03 7.03 7.03 18.426 0 25.456" }, null, -1)
+  ]), 14, _hoisted_1$a);
 }
-var _IconFullscreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["render", _sfc_render]]);
-const IconFullscreen = Object.assign(_IconFullscreen, {
+var _IconSound = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["render", _sfc_render]]);
+const IconSound = Object.assign(_IconSound, {
   install: (app, options) => {
     var _a;
     const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
-    app.component(iconPrefix + _IconFullscreen.name, _IconFullscreen);
+    app.component(iconPrefix + _IconSound.name, _IconSound);
+  }
+});
+const _hoisted_1$9 = ["draggable"];
+const _hoisted_2$7 = ["src", "alt"];
+const _hoisted_3$5 = {
+  key: 1,
+  class: "upload-progress"
+};
+const _hoisted_4$4 = {
+  key: 2,
+  class: "file-mask"
+};
+const _hoisted_5$4 = { class: "file-actions" };
+const _hoisted_6$3 = {
+  key: 3,
+  class: "error-tip"
+};
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SortableFileItem"
+  },
+  __name: "SortableFileItem",
+  props: {
+    file: {},
+    isDragging: { type: Boolean, default: false },
+    isOver: { type: Boolean, default: false },
+    cardSize: { default: 80 },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["dragstart", "dragend", "preview", "remove"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isVideoFile = (file) => {
+      if (!file.url && !file.name) return false;
+      const fileName = file.name || "";
+      const videoExtensions = [".mp4", ".avi", ".mov", ".wmv", ".flv", ".mkv", ".webm", ".m4v"];
+      return videoExtensions.some((ext) => fileName.toLowerCase().endsWith(ext));
+    };
+    const handleDragStart = (event) => {
+      if (props.disabled) {
+        event.preventDefault();
+        return;
+      }
+      emit("dragstart", event);
+    };
+    const handleDragEnd = (event) => {
+      emit("dragend", event);
+    };
+    const handlePreview = () => {
+      emit("preview", props.file);
+    };
+    const handleRemove = () => {
+      if (!props.disabled) {
+        emit("remove", props.file);
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_a_progress = resolveComponent("a-progress");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["sortable-file-item", {
+          "is-dragging": __props.isDragging,
+          "is-over": __props.isOver,
+          "is-uploading": __props.file.status === "uploading",
+          "is-error": __props.file.status === "error",
+          "is-disabled": __props.disabled,
+          "is-video": isVideoFile(__props.file)
+        }]),
+        draggable: !__props.disabled,
+        style: normalizeStyle({
+          width: `${__props.cardSize}px`,
+          height: `${__props.cardSize}px`
+        }),
+        onDragstart: handleDragStart,
+        onDragend: handleDragEnd
+      }, [
+        __props.file.url ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          src: __props.file.url,
+          alt: __props.file.name,
+          class: "file-image"
+        }, null, 8, _hoisted_2$7)) : createCommentVNode("", true),
+        __props.file.status === "uploading" ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
+          createVNode(_component_a_progress, {
+            percent: __props.file.percent || 0,
+            size: "mini"
+          }, null, 8, ["percent"])
+        ])) : createCommentVNode("", true),
+        __props.file.status === "done" ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
+          createElementVNode("div", _hoisted_5$4, [
+            createVNode(unref(IconEye), {
+              class: "action-icon",
+              onClick: handlePreview
+            }),
+            !__props.disabled ? (openBlock(), createBlock(unref(IconDelete), {
+              key: 0,
+              class: "action-icon",
+              onClick: handleRemove
+            })) : createCommentVNode("", true)
+          ])
+        ])) : createCommentVNode("", true),
+        __props.file.status === "error" ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
+          createVNode(unref(IconExclamationCircle))
+        ])) : createCommentVNode("", true)
+      ], 46, _hoisted_1$9);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const SortableFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-f3ec7e11"]]);
+const _hoisted_1$8 = { class: "sortable-file-list" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SortableFileList"
+  },
+  __name: "SortableFileList",
+  props: {
+    fileList: { default: () => [] },
+    cardSize: { default: 80 },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["update:fileList", "sortChange", "preview", "remove"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const dragState = reactive({
+      dragIndex: null,
+      overIndex: null
+    });
+    const handleDragStart = (event, index) => {
+      if (props.disabled) {
+        event.preventDefault();
+        return;
+      }
+      dragState.dragIndex = index;
+      event.dataTransfer.effectAllowed = "move";
+      event.dataTransfer.setData("text/plain", String(index));
+    };
+    const handleDragOver = (event, index) => {
+      if (props.disabled) {
+        return;
+      }
+      event.preventDefault();
+      dragState.overIndex = index;
+      event.dataTransfer.dropEffect = "move";
+    };
+    const handleDrop = (event, index) => {
+      if (props.disabled) {
+        return;
+      }
+      event.preventDefault();
+      const fromIndex = dragState.dragIndex;
+      const toIndex = index;
+      if (fromIndex === null || fromIndex === toIndex) {
+        return;
+      }
+      const newFileList = [...props.fileList];
+      const [movedItem] = newFileList.splice(fromIndex, 1);
+      newFileList.splice(toIndex, 0, movedItem);
+      emit("update:fileList", newFileList);
+      emit("sortChange", newFileList);
+      dragState.dragIndex = null;
+      dragState.overIndex = null;
+    };
+    const handleDragEnd = () => {
+      dragState.dragIndex = null;
+      dragState.overIndex = null;
+    };
+    const handlePreview = (file) => {
+      emit("preview", file);
+    };
+    const handleRemove = (file) => {
+      emit("remove", file);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.fileList, (file, index) => {
+          return openBlock(), createBlock(SortableFileItem, {
+            key: file.uid,
+            file,
+            "card-size": __props.cardSize,
+            disabled: __props.disabled,
+            "is-dragging": dragState.dragIndex === index,
+            "is-over": dragState.overIndex === index,
+            onDragstart: ($event) => handleDragStart($event, index),
+            onDragover: withModifiers(($event) => handleDragOver($event, index), ["prevent"]),
+            onDrop: ($event) => handleDrop($event, index),
+            onDragend: handleDragEnd,
+            onPreview: handlePreview,
+            onRemove: handleRemove
+          }, null, 8, ["file", "card-size", "disabled", "is-dragging", "is-over", "onDragstart", "onDragover", "onDrop"]);
+        }), 128))
+      ]);
+    };
+  }
+});
+const SortableFileList = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-1ede8f45"]]);
+const _hoisted_1$7 = ["src", "autoplay", "loop", "muted", "preload"];
+const _hoisted_2$6 = {
+  key: 0,
+  class: "play-overlay"
+};
+const _hoisted_3$4 = { class: "play-button" };
+const _hoisted_4$3 = {
+  key: 1,
+  class: "loading-overlay"
+};
+const _hoisted_5$3 = { class: "progress-bar" };
+const _hoisted_6$2 = { class: "controls-bottom" };
+const _hoisted_7$2 = { class: "controls-left" };
+const _hoisted_8 = { class: "volume-slider-container" };
+const _hoisted_9 = { class: "time-display" };
+const _hoisted_10 = { class: "controls-right" };
+const _hoisted_11 = { class: "control-button" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "VideoPreview"
+  },
+  __name: "VideoPreview",
+  props: {
+    videoUrl: {},
+    playerOptions: { default: () => ({
+      autoplay: false,
+      loop: false,
+      muted: false,
+      controls: true,
+      preload: "metadata"
+    }) }
+  },
+  emits: ["play", "pause", "ended", "timeupdate"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    var _a;
+    const props = __props;
+    const emit = __emit;
+    const videoRef = ref();
+    const isPlaying = ref(false);
+    const isLoading = ref(true);
+    const currentTime = ref(0);
+    const duration = ref(0);
+    const loadedPercent = ref(0);
+    const volume = ref(100);
+    const isMuted = ref(((_a = props.playerOptions) == null ? void 0 : _a.muted) || false);
+    const showVolumeSlider = ref(false);
+    const playbackRate = ref(1);
+    const playbackRates = [0.5, 0.75, 1, 1.25, 1.5, 2];
+    const isFullscreen = ref(false);
+    const isDraggingProgress = ref(false);
+    const playedPercent = computed(() => {
+      if (duration.value === 0) return 0;
+      return currentTime.value / duration.value * 100;
+    });
+    const formatTime = (seconds) => {
+      if (!isFinite(seconds)) return "00:00";
+      const mins = Math.floor(seconds / 60);
+      const secs = Math.floor(seconds % 60);
+      return `${String(mins).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
+    };
+    const togglePlay = () => {
+      if (!videoRef.value) return;
+      if (isPlaying.value) {
+        videoRef.value.pause();
+        emit("pause");
+      } else {
+        videoRef.value.play();
+        emit("play");
+      }
+    };
+    const toggleMute = () => {
+      if (!videoRef.value) return;
+      isMuted.value = !isMuted.value;
+      videoRef.value.muted = isMuted.value;
+    };
+    const handleVolumeInput = (event) => {
+      if (!videoRef.value) return;
+      const target = event.target;
+      const newVolume = Number(target.value);
+      volume.value = newVolume;
+      videoRef.value.volume = newVolume / 100;
+      if (newVolume > 0 && isMuted.value) {
+        isMuted.value = false;
+      }
+    };
+    const setPlaybackRate = (rate) => {
+      if (!videoRef.value) return;
+      playbackRate.value = rate;
+      videoRef.value.playbackRate = rate;
+    };
+    const toggleFullscreen = async () => {
+      var _a2, _b;
+      const container = (_b = (_a2 = videoRef.value) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b.parentElement;
+      if (!container) return;
+      try {
+        if (!isFullscreen.value) {
+          if (container.requestFullscreen) {
+            await container.requestFullscreen();
+          } else if (container.webkitRequestFullscreen) {
+            await container.webkitRequestFullscreen();
+          } else if (container.mozRequestFullScreen) {
+            await container.mozRequestFullScreen();
+          } else if (container.msRequestFullscreen) {
+            await container.msRequestFullscreen();
+          }
+        } else {
+          if (document.exitFullscreen) {
+            await document.exitFullscreen();
+          } else if (document.webkitExitFullscreen) {
+            await document.webkitExitFullscreen();
+          } else if (document.mozCancelFullScreen) {
+            await document.mozCancelFullScreen();
+          } else if (document.msExitFullscreen) {
+            await document.msExitFullscreen();
+          }
+        }
+      } catch (error) {
+        console.error("全屏切换失败:", error);
+      }
+    };
+    const handleProgressClick = (event) => {
+      if (!videoRef.value) return;
+      const target = event.currentTarget;
+      const rect = target.getBoundingClientRect();
+      const percent = (event.clientX - rect.left) / rect.width;
+      videoRef.value.currentTime = percent * duration.value;
+    };
+    const handleProgressMouseDown = (event) => {
+      event.preventDefault();
+      isDraggingProgress.value = true;
+      document.addEventListener("mousemove", handleProgressMouseMove);
+      document.addEventListener("mouseup", handleProgressMouseUp);
+    };
+    const handleProgressMouseMove = (event) => {
+      var _a2, _b;
+      if (!isDraggingProgress.value || !videoRef.value) return;
+      const container = (_b = (_a2 = videoRef.value.parentElement) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b.querySelector(".progress-bar-container");
+      if (!container) return;
+      const rect = container.getBoundingClientRect();
+      let percent = (event.clientX - rect.left) / rect.width;
+      percent = Math.max(0, Math.min(1, percent));
+      videoRef.value.currentTime = percent * duration.value;
+    };
+    const handleProgressMouseUp = () => {
+      isDraggingProgress.value = false;
+      document.removeEventListener("mousemove", handleProgressMouseMove);
+      document.removeEventListener("mouseup", handleProgressMouseUp);
+    };
+    const handleLoadedMetadata = () => {
+      if (!videoRef.value) return;
+      duration.value = videoRef.value.duration;
+      isLoading.value = false;
+    };
+    const handleTimeUpdate = () => {
+      if (!videoRef.value || isDraggingProgress.value) return;
+      currentTime.value = videoRef.value.currentTime;
+      if (videoRef.value.buffered.length > 0) {
+        const bufferedEnd = videoRef.value.buffered.end(videoRef.value.buffered.length - 1);
+        loadedPercent.value = bufferedEnd / duration.value * 100;
+      }
+      emit("timeupdate", currentTime.value);
+    };
+    const handleEnded = () => {
+      isPlaying.value = false;
+      emit("ended");
+    };
+    const handleVolumeChange = () => {
+      if (!videoRef.value) return;
+      volume.value = videoRef.value.volume * 100;
+      isMuted.value = videoRef.value.muted;
+    };
+    const handleFullscreenChange = () => {
+      isFullscreen.value = !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
+    };
+    watch(
+      () => props.videoUrl,
+      () => {
+        isLoading.value = true;
+        currentTime.value = 0;
+        duration.value = 0;
+        isPlaying.value = false;
+      }
+    );
+    onMounted(() => {
+      document.addEventListener("fullscreenchange", handleFullscreenChange);
+      document.addEventListener("webkitfullscreenchange", handleFullscreenChange);
+      document.addEventListener("mozfullscreenchange", handleFullscreenChange);
+      document.addEventListener("MSFullscreenChange", handleFullscreenChange);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("fullscreenchange", handleFullscreenChange);
+      document.removeEventListener("webkitfullscreenchange", handleFullscreenChange);
+      document.removeEventListener("mozfullscreenchange", handleFullscreenChange);
+      document.removeEventListener("MSFullscreenChange", handleFullscreenChange);
+      document.removeEventListener("mousemove", handleProgressMouseMove);
+      document.removeEventListener("mouseup", handleProgressMouseUp);
+    });
+    __expose({
+      play: () => {
+        var _a2;
+        return (_a2 = videoRef.value) == null ? void 0 : _a2.play();
+      },
+      pause: () => {
+        var _a2;
+        return (_a2 = videoRef.value) == null ? void 0 : _a2.pause();
+      },
+      togglePlay,
+      toggleMute,
+      setPlaybackRate,
+      toggleFullscreen
+    });
+    return (_ctx, _cache) => {
+      var _a2, _b, _c, _d;
+      const _component_a_spin = resolveComponent("a-spin");
+      const _component_a_doption = resolveComponent("a-doption");
+      const _component_a_dropdown = resolveComponent("a-dropdown");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["video-preview", { fullscreen: isFullscreen.value }])
+      }, [
+        createElementVNode("div", {
+          class: "video-container",
+          onClick: togglePlay
+        }, [
+          createElementVNode("video", {
+            ref_key: "videoRef",
+            ref: videoRef,
+            src: __props.videoUrl,
+            autoplay: (_a2 = __props.playerOptions) == null ? void 0 : _a2.autoplay,
+            loop: (_b = __props.playerOptions) == null ? void 0 : _b.loop,
+            muted: isMuted.value,
+            preload: ((_c = __props.playerOptions) == null ? void 0 : _c.preload) || "metadata",
+            onLoadedmetadata: handleLoadedMetadata,
+            onTimeupdate: handleTimeUpdate,
+            onPlay: _cache[0] || (_cache[0] = ($event) => isPlaying.value = true),
+            onPause: _cache[1] || (_cache[1] = ($event) => isPlaying.value = false),
+            onEnded: handleEnded,
+            onVolumechange: handleVolumeChange
+          }, null, 40, _hoisted_1$7),
+          !isPlaying.value && !isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
+            createElementVNode("div", _hoisted_3$4, [
+              createVNode(unref(IconPlayArrow), { size: 48 })
+            ])
+          ])) : createCommentVNode("", true),
+          isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+            createVNode(_component_a_spin, { size: 48 })
+          ])) : createCommentVNode("", true)
+        ]),
+        ((_d = __props.playerOptions) == null ? void 0 : _d.controls) !== false ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "video-controls",
+          onClick: _cache[5] || (_cache[5] = withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          createElementVNode("div", {
+            class: "progress-bar-container",
+            onClick: handleProgressClick
+          }, [
+            createElementVNode("div", _hoisted_5$3, [
+              createElementVNode("div", {
+                class: "progress-bar-loaded",
+                style: normalizeStyle({ width: `${loadedPercent.value}%` })
+              }, null, 4),
+              createElementVNode("div", {
+                class: "progress-bar-played",
+                style: normalizeStyle({ width: `${playedPercent.value}%` })
+              }, null, 4),
+              createElementVNode("div", {
+                class: "progress-bar-handle",
+                style: normalizeStyle({ left: `${playedPercent.value}%` }),
+                onMousedown: handleProgressMouseDown
+              }, null, 36)
+            ])
+          ]),
+          createElementVNode("div", _hoisted_6$2, [
+            createElementVNode("div", _hoisted_7$2, [
+              createElementVNode("button", {
+                class: "control-button",
+                onClick: togglePlay
+              }, [
+                isPlaying.value ? (openBlock(), createBlock(unref(IconPause), {
+                  key: 0,
+                  size: 20
+                })) : (openBlock(), createBlock(unref(IconPlayArrow), {
+                  key: 1,
+                  size: 20
+                }))
+              ]),
+              createElementVNode("div", {
+                class: "volume-control",
+                onMouseenter: _cache[3] || (_cache[3] = ($event) => showVolumeSlider.value = true),
+                onMouseleave: _cache[4] || (_cache[4] = ($event) => showVolumeSlider.value = false)
+              }, [
+                createElementVNode("button", {
+                  class: "control-button",
+                  onClick: toggleMute
+                }, [
+                  isMuted.value || volume.value === 0 ? (openBlock(), createBlock(unref(IconMute), {
+                    key: 0,
+                    size: 20
+                  })) : (openBlock(), createBlock(unref(IconSound), {
+                    key: 1,
+                    size: 20
+                  }))
+                ]),
+                withDirectives(createElementVNode("div", _hoisted_8, [
+                  withDirectives(createElementVNode("input", {
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => volume.value = $event),
+                    type: "range",
+                    min: "0",
+                    max: "100",
+                    class: "volume-slider",
+                    onInput: handleVolumeInput
+                  }, null, 544), [
+                    [
+                      vModelText,
+                      volume.value,
+                      void 0,
+                      { number: true }
+                    ]
+                  ])
+                ], 512), [
+                  [vShow, showVolumeSlider.value]
+                ])
+              ], 32),
+              createElementVNode("span", _hoisted_9, toDisplayString(formatTime(currentTime.value)) + " / " + toDisplayString(formatTime(duration.value)), 1)
+            ]),
+            createElementVNode("div", _hoisted_10, [
+              createVNode(_component_a_dropdown, { "popup-max-height": false }, {
+                content: withCtx(() => [
+                  (openBlock(), createElementBlock(Fragment, null, renderList(playbackRates, (rate) => {
+                    return createVNode(_component_a_doption, {
+                      key: rate,
+                      value: rate,
+                      onClick: ($event) => setPlaybackRate(rate)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(rate) + "x ", 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value", "onClick"]);
+                  }), 64))
+                ]),
+                default: withCtx(() => [
+                  createElementVNode("button", _hoisted_11, toDisplayString(playbackRate.value) + "x ", 1)
+                ]),
+                _: 1
+              }),
+              createElementVNode("button", {
+                class: "control-button",
+                onClick: toggleFullscreen
+              }, [
+                isFullscreen.value ? (openBlock(), createBlock(unref(IconFullscreenExit), {
+                  key: 0,
+                  size: 20
+                })) : (openBlock(), createBlock(unref(IconFullscreen), {
+                  key: 1,
+                  size: 20
+                }))
+              ])
+            ])
+          ])
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const VideoPreview = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4056caea"]]);
+const _hoisted_1$6 = { class: "video-modal-title" };
+const _hoisted_2$5 = { class: "file-name" };
+const _hoisted_3$3 = { class: "video-modal-content" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "VideoPreviewModal"
+  },
+  __name: "VideoPreviewModal",
+  props: {
+    visible: { type: Boolean, default: false },
+    videoUrl: { default: "" },
+    fileName: { default: "" },
+    playerOptions: { default: () => ({
+      autoplay: false,
+      loop: false,
+      muted: false,
+      controls: true,
+      preload: "metadata"
+    }) }
+  },
+  emits: ["update:visible", "play", "pause", "ended"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleClose = () => {
+      emit("update:visible", false);
+    };
+    const handlePlay = () => {
+      emit("play");
+    };
+    const handlePause = () => {
+      emit("pause");
+    };
+    const handleEnded = () => {
+      emit("ended");
+    };
+    watch(
+      () => props.visible,
+      (newVisible) => {
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_a_modal = resolveComponent("a-modal");
+      return openBlock(), createBlock(_component_a_modal, {
+        visible: __props.visible,
+        footer: false,
+        simple: true,
+        "mask-closable": true,
+        "esc-to-close": true,
+        width: "auto",
+        "modal-class": "video-preview-modal",
+        onCancel: handleClose
+      }, {
+        title: withCtx(() => [
+          createElementVNode("div", _hoisted_1$6, [
+            createElementVNode("span", _hoisted_2$5, toDisplayString(__props.fileName || "视频预览"), 1)
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_3$3, [
+            __props.videoUrl ? (openBlock(), createBlock(VideoPreview, {
+              key: 0,
+              "video-url": __props.videoUrl,
+              "player-options": __props.playerOptions,
+              onPlay: handlePlay,
+              onPause: handlePause,
+              onEnded: handleEnded
+            }, null, 8, ["video-url", "player-options"])) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
   }
 });
+const VideoPreviewModal = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-0ae4ec5c"]]);
 const _hoisted_1$5 = { class: "basic-upload" };
 const _hoisted_2$4 = {
   key: 0,
   class: "upload-text"
 };
 const _hoisted_3$2 = { class: "upload-tip" };
+const _hoisted_4$2 = {
+  key: 1,
+  class: "sortable-upload-container"
+};
+const _hoisted_5$2 = {
+  key: 0,
+  class: "upload-text"
+};
+const _hoisted_6$1 = {
+  key: 1,
+  class: "upload-tip sortable-tip"
+};
+const _hoisted_7$1 = {
+  key: 4,
+  class: "inline-video-preview"
+};
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     name: "BasicUpload",
@@ -704,12 +1920,22 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     resultType: { default: "fileList" },
     uploadButtonText: {},
     uploadButtonType: { default: "primary" },
-    responseUrlKey: { type: [String, Function], default: void 0 }
+    responseUrlKey: { type: [String, Function], default: void 0 },
+    sortable: { type: Boolean, default: false },
+    videoPreview: { type: Boolean, default: true },
+    videoPreviewMode: { default: "modal" },
+    videoPlayerOptions: { default: () => ({
+      autoplay: false,
+      loop: false,
+      muted: false,
+      controls: true,
+      preload: "metadata"
+    }) }
   },
-  emits: ["register", "update:modelValue", "change", "success", "handleSuccess", "error", "handlError", "progress", "remove", "preview", "exceed"],
+  emits: ["register", "update:modelValue", "change", "success", "handleSuccess", "error", "handlError", "progress", "remove", "preview", "exceed", "sortChange"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "f530bac6": cardSizeValue.value
+      "v1d2beb5a": cardSizeValue.value
     }));
     const props = __props;
     const emit = __emit;
@@ -718,9 +1944,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const propsRef = ref({});
     const hasShownActionError = ref(false);
     const processedFiles = ref(/* @__PURE__ */ new Map());
+    const previewVisible = ref(false);
+    const previewImageUrl = ref("");
+    const previewVideoUrl = ref("");
+    const previewVideoVisible = ref(false);
+    const previewFileName = ref("");
     const getProps = computed(() => {
       return { ...props, ...unref(propsRef) };
     });
+    const shouldUseSortable = computed(() => {
+      return getProps.value.sortable && getProps.value.listType === "picture-card";
+    });
     const hideUploadButton = computed(() => {
       const propsData = unref(getProps);
       if (!propsData.showUploadButton) return true;
@@ -741,7 +1975,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         showRemoveButton: propsData.showRemoveButton && !propsData.readonly,
         showUploadButton: !hideUploadButton.value,
         // 只有在没有自定义预览时才启用 imagePreview
-        imagePreview: propsData.imagePreview && !propsData.onPreview,
+        // imagePreview: propsData.imagePreview && !propsData.onPreview,
+        // 只有在没有自定义预览且未启用视频预览时才启用原生 imagePreview
+        imagePreview: propsData.imagePreview && !propsData.onPreview && !propsData.videoPreview,
         onRemove: async (fileItem) => {
           if (propsData.onRemove) {
             const canRemove = await propsData.onRemove(fileItem);
@@ -752,6 +1988,18 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         }
       };
     });
+    const isVideoFile = (fileItem) => {
+      var _a, _b;
+      if (!fileItem.url && !fileItem.file) return false;
+      const fileName = fileItem.name || ((_a = fileItem.file) == null ? void 0 : _a.name) || "";
+      const videoExtensions = [".mp4", ".avi", ".mov", ".wmv", ".flv", ".mkv", ".webm", ".m4v"];
+      const hasVideoExtension = videoExtensions.some(
+        (ext) => fileName.toLowerCase().endsWith(ext)
+      );
+      const mimeType = ((_b = fileItem.file) == null ? void 0 : _b.type) || "";
+      const isVideoMimeType = mimeType.startsWith("video/");
+      return hasVideoExtension || isVideoMimeType;
+    };
     const validateFileSize = (file) => {
       const propsData = unref(getProps);
       if (!propsData.maxSize) return true;
@@ -935,10 +2183,28 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         }
       };
     };
+    const addVideoFileClass = () => {
+      nextTick(() => {
+        const uploadItems = document.querySelectorAll(".arco-upload-list-picture");
+        uploadItems.forEach((item) => {
+          const img = item.querySelector("img");
+          if (img && img.src) {
+            const videoExtensions = [".mp4", ".avi", ".mov", ".wmv", ".flv", ".webm", ".mkv", ".m4v"];
+            const isVideo = videoExtensions.some((ext) => img.src.toLowerCase().includes(ext));
+            if (isVideo) {
+              item.classList.add("is-video-file");
+            } else {
+              item.classList.remove("is-video-file");
+            }
+          }
+        });
+      });
+    };
     const handleChange = (fileList, currentFile) => {
       const oldLength = fileListRef.value.length;
       const newLength = fileList.length;
       fileListRef.value = fileList;
+      addVideoFileClass();
       emit("change", fileList);
       const isRemove = newLength < oldLength;
       const fileKey = currentFile.uid || `file-${Date.now()}-${Math.random()}`;
@@ -953,7 +2219,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       }
       if (isRemove) {
         const fileUids = new Set(fileList.map((f) => f.uid));
-        processedFiles.value.forEach((_, uid) => {
+        processedFiles.value.forEach((_value, uid) => {
           if (!fileUids.has(uid)) {
             processedFiles.value.delete(uid);
           }
@@ -961,7 +2227,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       }
       updateModelValue(fileList);
     };
-    const handleProgress = (currentFile, event) => {
+    const handleProgress = (currentFile) => {
       const percent = currentFile.percent || 0;
       emit("progress", percent, currentFile);
     };
@@ -971,6 +2237,20 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         propsData.onPreview(fileItem);
         return;
       }
+      if (propsData.videoPreview && isVideoFile(fileItem) && fileItem.url) {
+        previewImageUrl.value = "";
+        previewVisible.value = false;
+        previewVideoUrl.value = fileItem.url;
+        previewFileName.value = fileItem.name || "";
+        previewVideoVisible.value = true;
+        return;
+      }
+      if (propsData.imagePreview && fileItem.url) {
+        previewVideoUrl.value = "";
+        previewVideoVisible.value = false;
+        previewImageUrl.value = fileItem.url;
+        previewVisible.value = true;
+      }
     };
     const updateModelValue = (fileList) => {
       var _a;
@@ -1066,6 +2346,22 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         updateModelValue(fileListRef.value);
       }
     };
+    const handleFileListUpdate = (newFileList) => {
+      fileListRef.value = newFileList;
+      emit("change", newFileList);
+      updateModelValue(newFileList);
+    };
+    const handleSortChange = (newFileList) => {
+      emit("sortChange", newFileList);
+    };
+    const handleRemoveFile = async (file) => {
+      const propsData = unref(getProps);
+      if (propsData.onRemove) {
+        const canRemove = await propsData.onRemove(file);
+        if (!canRemove) return;
+      }
+      removeFile(file);
+    };
     __expose({
       submit,
       abort,
@@ -1082,6 +2378,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       () => getProps.value.modelValue,
       (val) => {
         fileListRef.value = parseModelValue(val);
+        addVideoFileClass();
       },
       { immediate: true }
     );
@@ -1104,8 +2401,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_a_button = resolveComponent("a-button");
       const _component_a_upload = resolveComponent("a-upload");
+      const _component_a_image = resolveComponent("a-image");
       return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        createVNode(_component_a_upload, mergeProps({
+        !shouldUseSortable.value ? (openBlock(), createBlock(_component_a_upload, mergeProps({
+          key: 0,
           ref_key: "uploadRef",
           ref: uploadRef
         }, getBindValue.value, {
@@ -1169,19 +2468,85 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             ]),
             key: "3"
           } : void 0
-        ]), 1040, ["file-list"])
+        ]), 1040, ["file-list"])) : (openBlock(), createElementBlock("div", _hoisted_4$2, [
+          fileListRef.value.length > 0 ? (openBlock(), createBlock(SortableFileList, {
+            key: 0,
+            "file-list": fileListRef.value,
+            "card-size": getProps.value.cardSize || 80,
+            disabled: getProps.value.readonly || getProps.value.disabled,
+            "onUpdate:fileList": handleFileListUpdate,
+            onSortChange: handleSortChange,
+            onPreview: handlePreview,
+            onRemove: handleRemoveFile
+          }, null, 8, ["file-list", "card-size", "disabled"])) : createCommentVNode("", true),
+          createVNode(_component_a_upload, mergeProps({
+            ref_key: "uploadRef",
+            ref: uploadRef
+          }, getBindValue.value, {
+            "file-list": fileListRef.value,
+            "show-file-list": false,
+            "custom-request": handleCustomRequest,
+            onChange: handleChange,
+            onBeforeUpload: handleBeforeUpload,
+            onProgress: handleProgress
+          }), createSlots({ _: 2 }, [
+            !hideUploadButton.value ? {
+              name: "upload-button",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "upload-button", {}, () => [
+                  createElementVNode("div", {
+                    class: "upload-card-button",
+                    style: normalizeStyle({
+                      width: cardSizeValue.value,
+                      height: cardSizeValue.value
+                    })
+                  }, [
+                    createVNode(unref(IconPlus), { size: 16 }),
+                    getProps.value.uploadButtonText ? (openBlock(), createElementBlock("div", _hoisted_5$2, toDisplayString(getProps.value.uploadButtonText), 1)) : createCommentVNode("", true)
+                  ], 4)
+                ], true)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["file-list"]),
+          getProps.value.tip ? (openBlock(), createElementBlock("div", _hoisted_6$1, toDisplayString(getProps.value.tip), 1)) : createCommentVNode("", true)
+        ])),
+        previewImageUrl.value ? (openBlock(), createBlock(_component_a_image, {
+          key: 2,
+          src: previewImageUrl.value,
+          "preview-visible": previewVisible.value,
+          "preview-props": { closable: true },
+          style: { "display": "none" },
+          onPreviewVisibleChange: _cache[0] || (_cache[0] = (visible) => previewVisible.value = visible)
+        }, null, 8, ["src", "preview-visible"])) : createCommentVNode("", true),
+        getProps.value.videoPreviewMode === "modal" || !getProps.value.videoPreviewMode ? (openBlock(), createBlock(VideoPreviewModal, {
+          key: 3,
+          visible: previewVideoVisible.value,
+          "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => previewVideoVisible.value = $event),
+          "video-url": previewVideoUrl.value,
+          "file-name": previewFileName.value,
+          "player-options": getProps.value.videoPlayerOptions
+        }, null, 8, ["visible", "video-url", "file-name", "player-options"])) : createCommentVNode("", true),
+        getProps.value.videoPreviewMode === "inline" && previewVideoVisible.value ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+          createVNode(VideoPreview, {
+            "video-url": previewVideoUrl.value,
+            "player-options": getProps.value.videoPlayerOptions
+          }, null, 8, ["video-url", "player-options"]),
+          createVNode(_component_a_button, {
+            class: "close-inline-preview",
+            onClick: _cache[2] || (_cache[2] = ($event) => previewVideoVisible.value = false)
+          }, {
+            default: withCtx(() => [..._cache[3] || (_cache[3] = [
+              createTextVNode(" 关闭预览 ", -1)
+            ])]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-03d56780"]]);
+const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-b2fe6ba6"]]);
 function useUpload(props) {
   const uploadRef = ref(null);
   const fileListRef = ref((props == null ? void 0 : props.defaultFileList) || []);
@@ -1364,7 +2729,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false },
     labelAlign: { default: "right" },
     autoLabelWidth: { type: Boolean },
-    labelWidth: {},
     labelColProps: {},
     wrapperColProps: {},
     baseColProps: { default: () => ({ span: 24 }) },
@@ -1398,7 +2762,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         disabled: propsData.disabled,
         labelAlign: propsData.labelAlign,
         autoLabelWidth: propsData.autoLabelWidth,
-        labelWidth: propsData.labelWidth,
         labelColProps: propsData.labelColProps,
         wrapperColProps: propsData.wrapperColProps
       };
@@ -2759,6 +4122,20 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
     const props = __props;
     const emit = __emit;
+    const slots = useSlots();
+    const formSlots = computed(() => {
+      const result = {};
+      Object.keys(slots).forEach((name) => {
+        if (name.startsWith("form-")) {
+          result[name] = slots[name];
+        }
+      });
+      return result;
+    });
+    const getFormSlotName = (slotName) => {
+      const name = slotName.toString();
+      return name.startsWith("form-") ? name.slice(5) : name;
+    };
     const tableRef = ref();
     const searchFormRef = ref();
     const innerPropsRef = ref({});
@@ -3626,7 +5003,16 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }, getSearchFormProps.value, {
             onSubmit: handleSearch,
             onReset: handleReset
-          }), null, 16),
+          }), createSlots({ _: 2 }, [
+            renderList(formSlots.value, (_, name) => {
+              return {
+                name: getFormSlotName(name),
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})), void 0, true)
+                ])
+              };
+            })
+          ]), 1040),
           createVNode(_component_a_divider, { class: "!mt-0" })
         ])) : createCommentVNode("", true),
         getToolbarConfig.value.show || getToolbarConfig.value.title || _ctx.$slots.tableTitle ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
@@ -3925,7 +5311,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-42280842"]]);
+const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-587bcc14"]]);
 function useTable(options = {}) {
   const tableRef = ref(null);
   const formRef = ref(null);
@@ -5136,6 +6522,8 @@ export {
   BasicTable,
   BasicTextEllipsis,
   BasicUpload,
+  VideoPreview,
+  VideoPreviewModal,
   componentMap,
   createFormSchema,
   createTableColumns,