zartui 3.1.54 → 3.1.56

package/lib/zartui.cjs.js

@@ -17470,7 +17470,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-function useRecorder(emit) {
+function useRecorder(emit, type = "") {
   const recordedBlobs = vue.ref([]);
   const mediaRecorder = vue.ref();
   if (!navigator.mediaDevices) {
@@ -17505,6 +17505,10 @@ function useRecorder(emit) {
       mediaRecorder.value.ondataavailable = (event) => {
         if (event.data && event.data.size > 0) {
           recordedBlobs.value.push(event.data);
+          if (type === "raw") {
+            emit("change", recordedBlobs.value);
+            return;
+          }
           const blob = new Blob(recordedBlobs.value, { type: "audio/wav" });
           convertBlobToBase64(blob);
         }
@@ -17524,6 +17528,7 @@ const [name$c, bem$c] = createNamespace("speech-recognizer");
 const speechRecognizerProps = {
   title: String,
   value: String,
+  type: String,
   show: Boolean,
   closeOnPopstate: truthProp,
   closeOnClickOverlay: truthProp
@@ -17531,7 +17536,7 @@ const speechRecognizerProps = {
 var stdin_default$j = vue.defineComponent({
   name: name$c,
   props: speechRecognizerProps,
-  emits: ["change", "confirm", "close", "update:show", "update:value"],
+  emits: ["change", "confirm", "close", "update:show", "update:value", "onTouchstart", "onTouchend"],
   setup(props, {
     emit,
     slots
@@ -17541,7 +17546,7 @@ var stdin_default$j = vue.defineComponent({
     const {
       startRecording,
       stopRecording
-    } = useRecorder(emit);
+    } = useRecorder(emit, props.type);
     const modelValue = vue.computed({
       get: () => props.value,
       set: (val) => {
@@ -17646,12 +17651,14 @@ var stdin_default$j = vue.defineComponent({
       e.preventDefault();
     };
     const onTouchstart = () => {
+      emit("onTouchstart");
       isPlaying.value = true;
       startRecording();
     };
     const onTouchend = () => {
       isPlaying.value = false;
       stopRecording();
+      emit("onTouchend");
     };
     const renderPlay = () => {
       const text = props.value ? props.value : "请说话";
@@ -18761,7 +18768,8 @@ var stdin_default$8 = vue.defineComponent({
   }) {
     const sortOrder = vue.ref("");
     const sortKey = vue.ref("");
-    const fixedColumn = vue.computed(() => props.headList.filter((v) => v.fixed));
+    const tableRef = vue.ref();
+    const fixedColumn = vue.computed(() => props.headList.filter((v) => v.fixed || v.fixedRight));
     const formatColumns = vue.computed(() => {
       const columns = [];
       let left = 0;
@@ -18776,7 +18784,7 @@ var stdin_default$8 = vue.defineComponent({
         } else {
           column.left = 0;
         }
-        if (element.fixed && !nextColumn.fixed) {
+        if (element.fixed && !(nextColumn == null ? void 0 : nextColumn.fixed)) {
           column.lastFixLeft = true;
         }
         columns.push(column);
@@ -18784,8 +18792,12 @@ var stdin_default$8 = vue.defineComponent({
       return columns;
     });
     const pingedLeft = vue.ref(false);
+    const pingedRight = vue.ref(false);
     const resortHeadList = vue.computed(() => fixedColumn.value.concat(props.headList.filter((v) => !v.fixed)));
     vue.onMounted(() => {
+      if (tableRef.value) {
+        pingedRight.value = tableRef.value.scrollWidth > tableRef.value.clientWidth;
+      }
       const fixedIndexList = props.headList.map((v, i) => {
         if (v.sorter && v.defaultSortOrder) {
           sortOrder.value = v.defaultSortOrder || "";
@@ -18833,18 +18845,24 @@ var stdin_default$8 = vue.defineComponent({
       } = event;
       const mergedScrollLeft = typeof scrollLeft === "number" ? scrollLeft : currentTarget == null ? void 0 : currentTarget.scrollLeft;
       pingedLeft.value = mergedScrollLeft > 0;
+      const rightRemain = currentTarget.scrollWidth - currentTarget.scrollLeft - currentTarget.clientWidth;
+      pingedRight.value = rightRemain > 0;
     };
     const getHead = (colData) => {
       const headSlot = slots[`head-${colData.id}`];
       const headEllipsisType = colData.sorter ? "flat" : "dialog";
       if ((colData == null ? void 0 : colData.colSpan) !== 0) {
         return vue.createVNode("th", {
-          "class": bem$3("left", {
+          "class": [bem$3("left", {
             fixed: colData.fixed,
             last: colData.lastFixLeft && pingedLeft.value
-          }),
+          }), bem$3("right", {
+            fixed: colData.fixedRight,
+            last: colData.lastRight && pingedRight.value
+          })],
           "style": {
-            left: colData.fixed ? colData.left : ""
+            left: colData.fixed ? colData.left : "",
+            right: colData.fixedRight ? colData.right : ""
           },
           "colspan": (colData == null ? void 0 : colData.colSpan) !== 1 ? colData == null ? void 0 : colData.colSpan : null
         }, [headSlot ? headSlot(colData) : vue.createVNode("div", {
@@ -18901,12 +18919,16 @@ var stdin_default$8 = vue.defineComponent({
       }
       const style = Object.assign({}, colData.style);
       style.left = colData.fixed ? colData.left : "";
+      style.right = colData.fixedRight ? colData.right : "";
       return (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 0 && (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 0 && vue.createVNode("td", {
         "onClick": () => colData.click && colData.click(rowData, rowIndex),
-        "class": bem$3("left", {
+        "class": [bem$3("left", {
           fixed: colData.fixed,
           last: colData.lastFixLeft && pingedLeft.value
-        }),
+        }), bem$3("right", {
+          fixed: colData.fixedRight,
+          last: colData.lastRight && pingedRight.value
+        })],
         "colspan": (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.colSpan : null,
         "rowspan": (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.rowSpan : null,
         "style": style
@@ -18941,6 +18963,7 @@ var stdin_default$8 = vue.defineComponent({
         skeleton: true
       })
     }, [getLoadingColumn()]) : vue.createVNode("div", {
+      "ref": tableRef,
       "class": bem$3({
         fixed: fixedColumn.value.length > 0,
         bordered: props.border,
@@ -20940,7 +20963,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.53";
+const version = "3.1.56";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.es.js

@@ -17468,7 +17468,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-function useRecorder(emit) {
+function useRecorder(emit, type = "") {
   const recordedBlobs = ref([]);
   const mediaRecorder = ref();
   if (!navigator.mediaDevices) {
@@ -17503,6 +17503,10 @@ function useRecorder(emit) {
       mediaRecorder.value.ondataavailable = (event) => {
         if (event.data && event.data.size > 0) {
           recordedBlobs.value.push(event.data);
+          if (type === "raw") {
+            emit("change", recordedBlobs.value);
+            return;
+          }
           const blob = new Blob(recordedBlobs.value, { type: "audio/wav" });
           convertBlobToBase64(blob);
         }
@@ -17522,6 +17526,7 @@ const [name$c, bem$c] = createNamespace("speech-recognizer");
 const speechRecognizerProps = {
   title: String,
   value: String,
+  type: String,
   show: Boolean,
   closeOnPopstate: truthProp,
   closeOnClickOverlay: truthProp
@@ -17529,7 +17534,7 @@ const speechRecognizerProps = {
 var stdin_default$j = defineComponent({
   name: name$c,
   props: speechRecognizerProps,
-  emits: ["change", "confirm", "close", "update:show", "update:value"],
+  emits: ["change", "confirm", "close", "update:show", "update:value", "onTouchstart", "onTouchend"],
   setup(props, {
     emit,
     slots
@@ -17539,7 +17544,7 @@ var stdin_default$j = defineComponent({
     const {
       startRecording,
       stopRecording
-    } = useRecorder(emit);
+    } = useRecorder(emit, props.type);
     const modelValue = computed({
       get: () => props.value,
       set: (val) => {
@@ -17644,12 +17649,14 @@ var stdin_default$j = defineComponent({
       e.preventDefault();
     };
     const onTouchstart = () => {
+      emit("onTouchstart");
       isPlaying.value = true;
       startRecording();
     };
     const onTouchend = () => {
       isPlaying.value = false;
       stopRecording();
+      emit("onTouchend");
     };
     const renderPlay = () => {
       const text = props.value ? props.value : "请说话";
@@ -18759,7 +18766,8 @@ var stdin_default$8 = defineComponent({
   }) {
     const sortOrder = ref("");
     const sortKey = ref("");
-    const fixedColumn = computed(() => props.headList.filter((v) => v.fixed));
+    const tableRef = ref();
+    const fixedColumn = computed(() => props.headList.filter((v) => v.fixed || v.fixedRight));
     const formatColumns = computed(() => {
       const columns = [];
       let left = 0;
@@ -18774,7 +18782,7 @@ var stdin_default$8 = defineComponent({
         } else {
           column.left = 0;
         }
-        if (element.fixed && !nextColumn.fixed) {
+        if (element.fixed && !(nextColumn == null ? void 0 : nextColumn.fixed)) {
           column.lastFixLeft = true;
         }
         columns.push(column);
@@ -18782,8 +18790,12 @@ var stdin_default$8 = defineComponent({
       return columns;
     });
     const pingedLeft = ref(false);
+    const pingedRight = ref(false);
     const resortHeadList = computed(() => fixedColumn.value.concat(props.headList.filter((v) => !v.fixed)));
     onMounted(() => {
+      if (tableRef.value) {
+        pingedRight.value = tableRef.value.scrollWidth > tableRef.value.clientWidth;
+      }
       const fixedIndexList = props.headList.map((v, i) => {
         if (v.sorter && v.defaultSortOrder) {
           sortOrder.value = v.defaultSortOrder || "";
@@ -18831,18 +18843,24 @@ var stdin_default$8 = defineComponent({
       } = event;
       const mergedScrollLeft = typeof scrollLeft === "number" ? scrollLeft : currentTarget == null ? void 0 : currentTarget.scrollLeft;
       pingedLeft.value = mergedScrollLeft > 0;
+      const rightRemain = currentTarget.scrollWidth - currentTarget.scrollLeft - currentTarget.clientWidth;
+      pingedRight.value = rightRemain > 0;
     };
     const getHead = (colData) => {
       const headSlot = slots[`head-${colData.id}`];
       const headEllipsisType = colData.sorter ? "flat" : "dialog";
       if ((colData == null ? void 0 : colData.colSpan) !== 0) {
         return createVNode("th", {
-          "class": bem$3("left", {
+          "class": [bem$3("left", {
             fixed: colData.fixed,
             last: colData.lastFixLeft && pingedLeft.value
-          }),
+          }), bem$3("right", {
+            fixed: colData.fixedRight,
+            last: colData.lastRight && pingedRight.value
+          })],
           "style": {
-            left: colData.fixed ? colData.left : ""
+            left: colData.fixed ? colData.left : "",
+            right: colData.fixedRight ? colData.right : ""
           },
           "colspan": (colData == null ? void 0 : colData.colSpan) !== 1 ? colData == null ? void 0 : colData.colSpan : null
         }, [headSlot ? headSlot(colData) : createVNode("div", {
@@ -18899,12 +18917,16 @@ var stdin_default$8 = defineComponent({
       }
       const style = Object.assign({}, colData.style);
       style.left = colData.fixed ? colData.left : "";
+      style.right = colData.fixedRight ? colData.right : "";
       return (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 0 && (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 0 && createVNode("td", {
         "onClick": () => colData.click && colData.click(rowData, rowIndex),
-        "class": bem$3("left", {
+        "class": [bem$3("left", {
           fixed: colData.fixed,
           last: colData.lastFixLeft && pingedLeft.value
-        }),
+        }), bem$3("right", {
+          fixed: colData.fixedRight,
+          last: colData.lastRight && pingedRight.value
+        })],
         "colspan": (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.colSpan : null,
         "rowspan": (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.rowSpan : null,
         "style": style
@@ -18939,6 +18961,7 @@ var stdin_default$8 = defineComponent({
         skeleton: true
       })
     }, [getLoadingColumn()]) : createVNode("div", {
+      "ref": tableRef,
       "class": bem$3({
         fixed: fixedColumn.value.length > 0,
         bordered: props.border,
@@ -20938,7 +20961,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.53";
+const version = "3.1.56";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.js

@@ -21553,7 +21553,7 @@
       step((generator = generator.apply(__this, __arguments)).next());
     });
   };
-  function useRecorder(emit) {
+  function useRecorder(emit, type = "") {
     const recordedBlobs = vue.ref([]);
     const mediaRecorder = vue.ref();
     if (!navigator.mediaDevices) {
@@ -21588,6 +21588,10 @@
         mediaRecorder.value.ondataavailable = (event) => {
           if (event.data && event.data.size > 0) {
             recordedBlobs.value.push(event.data);
+            if (type === "raw") {
+              emit("change", recordedBlobs.value);
+              return;
+            }
             const blob = new Blob(recordedBlobs.value, { type: "audio/wav" });
             convertBlobToBase64(blob);
           }
@@ -21607,6 +21611,7 @@
   const speechRecognizerProps = {
     title: String,
     value: String,
+    type: String,
     show: Boolean,
     closeOnPopstate: truthProp,
     closeOnClickOverlay: truthProp
@@ -21614,7 +21619,7 @@
   var stdin_default$j = vue.defineComponent({
     name: name$c,
     props: speechRecognizerProps,
-    emits: ["change", "confirm", "close", "update:show", "update:value"],
+    emits: ["change", "confirm", "close", "update:show", "update:value", "onTouchstart", "onTouchend"],
     setup(props, {
       emit,
       slots
@@ -21624,7 +21629,7 @@
       const {
         startRecording,
         stopRecording
-      } = useRecorder(emit);
+      } = useRecorder(emit, props.type);
       const modelValue = vue.computed({
         get: () => props.value,
         set: (val) => {
@@ -21729,12 +21734,14 @@
         e.preventDefault();
       };
       const onTouchstart = () => {
+        emit("onTouchstart");
         isPlaying.value = true;
         startRecording();
       };
       const onTouchend = () => {
         isPlaying.value = false;
         stopRecording();
+        emit("onTouchend");
       };
       const renderPlay = () => {
         const text = props.value ? props.value : "请说话";
@@ -22838,7 +22845,8 @@
     }) {
       const sortOrder = vue.ref("");
       const sortKey = vue.ref("");
-      const fixedColumn = vue.computed(() => props.headList.filter((v) => v.fixed));
+      const tableRef = vue.ref();
+      const fixedColumn = vue.computed(() => props.headList.filter((v) => v.fixed || v.fixedRight));
       const formatColumns = vue.computed(() => {
         const columns = [];
         let left2 = 0;
@@ -22853,7 +22861,7 @@
           } else {
             column.left = 0;
           }
-          if (element.fixed && !nextColumn.fixed) {
+          if (element.fixed && !(nextColumn == null ? void 0 : nextColumn.fixed)) {
             column.lastFixLeft = true;
           }
           columns.push(column);
@@ -22861,8 +22869,12 @@
         return columns;
       });
       const pingedLeft = vue.ref(false);
+      const pingedRight = vue.ref(false);
       const resortHeadList = vue.computed(() => fixedColumn.value.concat(props.headList.filter((v) => !v.fixed)));
       vue.onMounted(() => {
+        if (tableRef.value) {
+          pingedRight.value = tableRef.value.scrollWidth > tableRef.value.clientWidth;
+        }
         const fixedIndexList = props.headList.map((v, i) => {
           if (v.sorter && v.defaultSortOrder) {
             sortOrder.value = v.defaultSortOrder || "";
@@ -22910,18 +22922,24 @@
         } = event;
         const mergedScrollLeft = typeof scrollLeft === "number" ? scrollLeft : currentTarget == null ? void 0 : currentTarget.scrollLeft;
         pingedLeft.value = mergedScrollLeft > 0;
+        const rightRemain = currentTarget.scrollWidth - currentTarget.scrollLeft - currentTarget.clientWidth;
+        pingedRight.value = rightRemain > 0;
       };
       const getHead = (colData) => {
         const headSlot = slots[`head-${colData.id}`];
         const headEllipsisType = colData.sorter ? "flat" : "dialog";
         if ((colData == null ? void 0 : colData.colSpan) !== 0) {
           return vue.createVNode("th", {
-            "class": bem$3("left", {
+            "class": [bem$3("left", {
               fixed: colData.fixed,
               last: colData.lastFixLeft && pingedLeft.value
-            }),
+            }), bem$3("right", {
+              fixed: colData.fixedRight,
+              last: colData.lastRight && pingedRight.value
+            })],
             "style": {
-              left: colData.fixed ? colData.left : ""
+              left: colData.fixed ? colData.left : "",
+              right: colData.fixedRight ? colData.right : ""
             },
             "colspan": (colData == null ? void 0 : colData.colSpan) !== 1 ? colData == null ? void 0 : colData.colSpan : null
           }, [headSlot ? headSlot(colData) : vue.createVNode("div", {
@@ -22978,12 +22996,16 @@
         }
         const style = Object.assign({}, colData.style);
         style.left = colData.fixed ? colData.left : "";
+        style.right = colData.fixedRight ? colData.right : "";
         return (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 0 && (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 0 && vue.createVNode("td", {
           "onClick": () => colData.click && colData.click(rowData, rowIndex),
-          "class": bem$3("left", {
+          "class": [bem$3("left", {
             fixed: colData.fixed,
             last: colData.lastFixLeft && pingedLeft.value
-          }),
+          }), bem$3("right", {
+            fixed: colData.fixedRight,
+            last: colData.lastRight && pingedRight.value
+          })],
           "colspan": (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.colSpan : null,
           "rowspan": (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.rowSpan : null,
           "style": style
@@ -23018,6 +23040,7 @@
           skeleton: true
         })
       }, [getLoadingColumn()]) : vue.createVNode("div", {
+        "ref": tableRef,
         "class": bem$3({
           fixed: fixedColumn.value.length > 0,
           bordered: props.border,
@@ -25000,7 +25023,7 @@
       });
     }
   };
-  const version = "3.1.53";
+  const version = "3.1.56";
   function install(app) {
     const components = [
       ActionSheet,